Web Design and Development
DART/ENG 230
TR 2:00 - 3:15 (S 22); H-167
Handcoded CSS assignment
- starts with an HTML5 doctype (p. 181) but conforms to the standards of XHTML that we used for the first assignment: lowercase tags, close container tags e.g. </p>, quote all attribute values, proper nesting
- puts everything in a centered container <div> which has <div id="left"> with at least one HTML5 semantic structural element (e.g. <article>, <header>, <section>, <footer>) and <div id="right"> or <nav> using either position: or float: (see examples on February 16 page or Chapter 15; I suggest using the Adobe two-column float layout)
- has an embedded style sheet that:
- sets the body background color and a default font with the body selector
- creates styles for h1, h2, h3 and paragraphs that set the size and color
- creates a class for one paragraph that changes the font-family and sets the line-height
- make a class for one or two words that are italic and bold using <span>
- makes a link that is styled using all four pseudoclasses (remember LVHA order) so that there is a mouseover (a:hover) effect
- makes an e-mail link that is styled with border, padding, background-color and no text-decoration, with a mouseover (a:hover) efect
- See HTML5 and CSS3 chapters 7-11, or use the links from the website for learning the code.
- You can copy and paste your content from the first assignment into the <section> element or <div id="right">; in any case, you need
complete sentences and careful attention to your writing
Now Due: Thursday, March 11. E-mail me the file and any images or other files you added.
Site maintained by John Beatty