Felipe and Eliza explore the POWER of CSS (Web Unit Day Two)

We started with a daily puzzle. Students opened an HTML file and applied several different CSS files to see how the files changed the look of the website. It seemed to be a good way for the students to see how the CSS changed the whole site. The students seemed to understand fairly quickly.

During the Education part of the day, Felipe demonstrated CSS code and talked about how it works and how to apply it to an HTML page. Some students had questions as they watched the demonstration. They wanted to know if CSS always had to be done externally or if you could do it inside the HTML document.

After a brief break, we started on our To Do list for the day:

1. Grab the ToDo Folder


2. Create a blank CSS sheet


3. Link or import it to the HTML document


4. Add a repeating background image using CSS


5. Apply a margin to the body or center the page


6. Replace picture of the cow with another image


7. Style the body, h1, h2, p, ul, and a tags.


8. Artifact: take a screen shot of your web page for your blog

This To Do list seemed to be more difficult than the list last week, and most students had trouble working with it. Students didn't know to make sure all their files were saved in the same folder so that Dreamweaver could work with them. Also, Stephanie had the style name spelled wrong, so the background color wouldn't work. David figured it out quickly and so did Lucy.

After break, students got in to groups of three to begin working on their Behind the Wheel project. For the project, students choose a movie trilogy to make a parody website. Each student in the group will have individual responsibilities that reflect the types of roles professional web designers might have when working on a team to make a website. One student will do all the work for the visuals and images, another student will be the writer/editor of all the content, and one student will be responsible for all the coding.

Today, students chose their groups and then decided together which trilogy to work on. Then they began to design a simple layout for their webpage.