Lab 9 Reflection Journal
For Lab 9 like Lab 8 we were already given a full webpage and content the directions asked us to create a carousel with the given images in the page to make it more visually appealing to the audiences. The first problem I found with the webpage was that the JS files weren't linked to the HTML document making the virtually useless so I linked it I also linked the theme.css file in order to add the required CSS to the page as well as add it to the created next and previous buttons. After that I went to the JS file and selected the div which contained all the photos which was "moreTopNews". After that to change the slideshow to make it horizontal I added CSS to move it from vertical to horizontal. Finally down with all that I started creating a function which would create the carousel by using the fadeIn and fadeout effect in created an effect whenever each button was placed the function ran on onClick.
The skills learned from the lab are very useful to web designers as it gives them more options on the content the choose to add to their webpages and a different way to display said content. I know that I will try to implement the carousel method in my work as it makes a webpage look more visually appealing and has the potential to attract many people towards my work.

Comments
Post a Comment