HTML Navigation: Biography Site
September 20, 2011
Objective:
Standard 2: Plan and design a website.
Standard 3: The student will use HTML to create attractive web pages.
Standard 5: The student will create and prepare images to integrate with web site designs. Example image software: Fireworks, Photoshop, GIMP, Paint, etc.
Learning Outcomes:
Students will achieve a moderately to highly skilled status by showing proficiency in the following:
- Explore and understand basic good web development and
design principles, such as: color, white space, font styles,
viewing patterns, background images, balance, etc.
- Plan the layout considering consistency, readability,
proportion, navigation, etc.
- Use proper naming conventions and file structure.
Understand file types and filename extensions.
- Create paragraphs, line breaks horizontal rules, ordered and
unordered list, and tables. Emphasize proofreading, spell
checking and grammar.
- Use headings and font enhancements (bold, italics, etc.).
- Create hyperlinks and mail links.
- Modify page properties. For example: background, font (styles and colors), links. Insert images and include attributes (such as alt, vspace and
hspace, size, align, etc).
- Use colors to change backgrounds and text. Use image for backgrounds.
- Open and save an image in a web friendly format. Crop and resize various images. Optimize an image (resize and change resolution for optimal
load time). Enhance an image to improve photo quality (red eye,
autocolor, etc.).
Coursework Procedure:
You will need to make a biography site for me. A biography site requires multiple web pages to give me your biography. Below is a description of the pages you'll need to design. To make this assignment easier, don't design a different layout for each page, keep them uniform. And devise a uniform way to navigate between them.
Here are the minimum requirements for this assignment:
- Each page must have a uniform method of navigation AND a uniform look.
- There must be at least one page each describing the following:
- Where you were born, raised and where you lived most of your life. One page describing your family. One page describing your favorite childhood experience (Anything from birth to this last week).
- One page about your favorite vacation.
- One page describing any pets (If you don't have any, then describe one's you'd like to have).
- One page about your future ambitions (Go to college, enter the clergy, go into sports, become a bum, start a band, invent something, go into politics, whatever).
- Each page must have an image and at least a 2-paragraph narrative.
- Images must be kept in a separate "images" folder. This folder is inside the folder for the assignment. Basically the same location as the "index.html" page for this assignment.
The best way to do this assignment is to thoroughly create your main (index.html) page first, including navigation. You will create links to pages you have not yet created. When you have finished your design, save it. Then "Save As" all the other pages on your site. That way all pages will have the same layout without creating each page by hand.
Take your time and do quality work. This is a multi-page project demonstrating your skill and will count for 75 points. Grading will encompass look, feel, navigation, content, quality, etc.
Due Date(s) and Submission Instructions:
You must complete your web site (in its own folder) by Friday, September 30, 2011. I will grade it at your computer.
BUSINESS WEB PAGE DESIGN
Grade Levels: 10-12
Units of Credit: Semester (.5)
CIP Code: 52.0254
Prerequisite: Computer Technology (Computer Literacy)
Skill Certification Exam: #254
The emphasis of this semester course is on the principles and design of a website as well as advanced Internet skills and techniques. HTML, Web publishing and graphic editing software will be used to design, create, format, and edit Web pages.
|
