Yellow Jacket
Blue Ridge High School
Yellow Jacket
Home > Web Design > Web I > Layout Assignment

Objectives

 

Here are some portfolios to give you some ideas: mojothemes, themeforest, themify, elegantthemes

Tasks

  1. Decide what pages you will have in your site. You need at least four pages for this site. If you are unsure of the content of your site, please check with Mr. Fogle
  2. On a blank sheet of paper, draw a layout for your page.
  3. Label the width, height, name (id or div), and any special formatting for each "box".
  4. Get Mr. Fogle to approve your layout and site topic.
  5. Any images you use from non-Clipart sites must have a reference (link on the image or under it).
  6. Save all files you create in a folder called "layout" in your "assignments" folder.
  7. Use an external style sheet to "create" the boxes. Avoid using internal or local stylesheet unless you clear it with Mr. Fogle.
  8. Create 4 image "buttons" in Photoshop® to use on all of your pages - 1 for the home page, and 3 for the other pages on your site.
  9. Create text links on the bottom of your page that will serve as a backup for your image links.
  10. Once you have created a layout, make 4 copies of the page that you will use for the other pages on your site. In other words, All pages will have the same layout.
  11. Give each page a unique title.
  12. Create a link in your Assignments table on your index page to this assignment.
  13. Validate all of your pages using the W3C validator.
  14. Check all spelling and grammar.