|
HTML Project: Personal Web Log
Use html, a text editor, and photoshop to create your own personal web log (a website where you share personal information on a regular basis). Upload all .html and image files to your web site in a directory called "weblog." Your start page should be labeled "index.html" It should appear at http://mmas.unca.edu/~youruserid/weblog/ Requirements: 1. all pages handcoded (no WYSIWYG generated-code) 2. you may cut, paste, and use other people's code 3. Front page must be all html text except for your web log logo. 4. Web log logo must be a .gif under 15K. 5. Web log logo must contain the name of the site (joe's cave, yellow footballs, erin's thoughts, or whatever). 6. You may have images on your other pages, but each page (images included) must be under 10K. 7. Site must contain -- a. home page b. at least three subsections c. each of those subsections must have at least two of its own subsections. [so that's 1 home page, at least 3 sub-section pages, and at least 6 sub-sub-section pages, for a total of at least 10 pages. You may have more.] 8. each page must have a menu with links to other sections and a link back to the home page. 9. each page must have some sort of "locator" device letting the visitor know where they are within the site. Grading criteria: 1. meets above requirements 2. visual design (fonts, layout, colors, interest) 3. interaction design (menu, navigation, labels, signposts) Suggestions: 1. Content -- write about what you are interested in. One section could be links to sites you like. One section could be about you. One section could be news or thoughts (you would update this section regularly). One section could be archives of old news. One section could be contact information. All this is up to you. 2. To control typography and layout, use CSS. 3. View Source at sites you like and see how they do it. Online Resources and Examples: visit http://www.lab404.com/121/ look under "HTML project: personal web log" |