Assignment A5: Applying CSS concepts to menus and layouts
This assignment must be completed individually, though
consultations are encouraged.
The focus of this assignment is to create a solid layout with a working and well-styled navigational menu for your website.
Here are the assignment specifics:
- Open a Word or paint document and type your name
at the top of the page. Save this document as yourusername-A5.doc or yourusername-A5.gif.
- In this document, design a "mock-up" of your website with the layout and navigation specified.
- Save and submit this document.
Next, incorporte these ideas into your website which should continue to use an external style sheet.
- Your website should continue to have 4 or more
separate pages
which are each created in a text editor like Notepad++.
- Each of your pages should use the XHTML 1.0 Strict doctype
as described at http://www.w3schools.com/tags/tag_doctype.asp
- Continue to expand your external style sheet named yourname-style.css
(no
spaces) which employs the color scheme which you created. Use a link such as the following from every page:
<link rel="stylesheet"
type="text/css"
href="yourname-style.css"
/>
- You must have <div>'s around all content on every page.
- Your navigational menu must both work correctly and use css to make it aethetically pleasing.
- Expand the use of classes and ids for your page. (Hint: this will be an efficient way to work with your navigational menu)
- The pages which you enhance must all continue to validate
at http://validator.w3.org/
- Put the style sheet and all of your pages in the folder. Name
this
folder yourusername-website.
Then
rightclick on this folder and zip it.
- In the Moodle A4 submission area, submit the
zipped folder, yourusername-website along with the mock-up document yourusername-A5
you created.