Projects

Project 1: What is Graphic Design?

362 project 1 : 100pts

This is the document: What is Graphic Design?

This is the site map template: site map

Using the document provided create 4 web pages
Requirements
  • examine the content thinking of how you may seperate it into pages
  • begin thinking of ways you may navigate through the content
    • which words/phrases may link to which pages
    • how the user will get to the next page
  1. using the sitemap template provided create a sitemap for your pages
    • which page will be the main page and how secondary pages will link from it
  2. setup a file hierarchy for site
    • create a 'root' site folder (in which your main page (index.html) will be placed
    • create a folder for secondary pages
    • create a folder for images
  3. create a new site in Dreamweaver
    • define a new site in Dreamweaver designating the 'root' folder
  4. create 4 HTML pages from "What is Graphic Design" document
    • Copy and paste the content into 4 separate pages
  5. properly markup the content
    • Headings should be defined with proper heading tags
    • Paragraphs should be defined as paragraphs
  6. using CSS or properties from the 'properties panel' redefine the visual appearance of the content
    • Style the content visually, setting Colors, typefaces, line-height, letter-spacing, ect...
    • At minimum the following properties must be set: [ experiment with as many properties as you can! ]
    • - body width and margins
    • - background color
    • - heading typefaces and paragraph typfaces
    • - all typeface colors
    • - paragraph line-height
    • - paragraph margins
  7. create a background image
    • add a background image that doesn't repeat
  8. add any other images as long as they are relevant to the content
top border image Important information heading
due 4.11
Interactive Narrative
bottom border image