SUCCEED

   

webdesignMS 2015
Shodor > SUCCEED > Workshops > Archive > webdesignMS 2015

Joel taught day 5 of the Web Design workshop, in which the students continued to learn about website design, and especially the implementation of Javascript, CSS, and HTML all together to create an overall beautiful website. Once Joel had properly taught everyone these basic things, and made sure that everyone had a solid grasp of the materials being presented, he moved onto creating a random color chooser for a website. He taught about the Math methods of Javascript, especially using Math.random() to help generate the random color. The example colors which they used were Green, Blue, and Red. By generating a random number between 0 and 2 inclusive, they were able to randomly select one of these colors from an array.

Once everyone understood what was being taught to a satisfactory extent, they moved onto embedding things such as sound and pictures into their web pages, using a picture of a cookie as an example. Joel wrapped up the day by introducing the students to the various ways to using CSS, including things such as changing the body tag style and enabling the website to react to user interaction. One such way that CSS may be used to achieve this is making it so that when the user hovers over a certain piece of text, the text may change color or turn into a dropdown menu.