The first thing the students did was draw out a webpage on the board which was first displayed to them in coding. After they completed that assignment they opened up Textwrangler, which is a text editor, to start building and editing websites. The teacher then told them to add a div which allows the webpage to divide its content into different sections. The div tag also allows them to edit a single part of the content instead of the content in its entirety. After setting up and defining div tags on their html coding (content that is displayed on the webpage), they moved on to their css (the designing of the webpage) and started editing their content with color changes to the text and background. Once they finished decorating their sites they began to fool around with the alignment in their css. After the students finished aligning and adjusting the content they began to learn about margin, padding, and border.
After the class came back from their break, they began the last half of their class. This part of the class started with inserting images into their webpage using the tag img src. After that they decided to change the gradient color on their background and also move the image into the background using the body {background-color;} tag .