Creating Web Pages with HTML - 2
For the next 2 weeks week we learn about divs and spans, and then arrange the div tags into 2 and 3 column layouts.
Week 1
Text: Chapter 11 - Advanced Web Construction: divs and spans
Note: This is a huge chapter, so be prepared to spend a good amount of time in reading and review. It's worth it though; your understanding of how CSS works will be vastly improved.
I will tape the lecture and put a link here
https://sas.elluminate.com/site/external/jwsdetect/playback.jnlp?psid=2009-03-31.1755.M.0952E3FB5CC338370C949C3103C0A3.vcr
CD (optional): View lesson 3.
Week 2
Text: Chapter 12 - Arranging Elements: Layouts and Positioning
This chapter is even longer that Chapter 11. Get out your yellow highlighter and dive in.
https://sas.elluminate.com/p.jnlp?psid=2009-04-07.1804.M.0952E3FB5CC338370C949C3103C0A3.vcr
CD (optional): View lesson 4.
Week 1
Use descendant selectors (pp. 451 - 455) to create rules in your .css file that style at least 2 tags that occur inside your divs. You must apply a different style to these tags than to the other same tags on the page, without using additional classes or ids. For example, your selector might select all <a>elements that are inside the "navigation" div, and make those div tags have a unique color and background. Read pp. 451 - 455 for more on this subject. (10 points)
The garden site perennial page has the div tags, the purple coneflower page has span tags
Make a copy of the page with div tags and lots of content and make the following layouts.
Each of your webpages must include a W3C validation icon for XHTML 1.0 Strict at the bottom. You should use the W3C validator to check your XHTML code and your CSS code. Note that points will be deducted from your score for each error in your XHTML or CSS code.
Upload your webpage and css file to the server. Upload them directly into your public_html folder, not into a sub folder. Then make links to these files from your homework page. View sample homework page
You do not need to submit a URL this week since the student work page has a link to yoru homework page, and I will grade your work from there.
Content developed by Linda Hemenway - lhemenway@santarosa.edu