COURSE CALENDAR | WEEK 09 CLASS OUTLINE | HOMEWORK |

  1. Finish Midterm Project Critique
  2. Javascript Samples
  3. Introduction to Javascript: Basic Javascript | Javascript 101
    • JavaScript Defined
      JavaScript is a scripting language that's used to add interactivity and dynamic behaviors to web pages and applications. JavaScript can interact with other components of a web page, such as HTML and CSS, to make them change in real time, or respond to user events.... more.
  4. Preparing your XHTML files
    1. You should have a XTHML template page created for each unique level of your site.
    2. Decide the names of your divisions and where will be located. Review your finalized photoshop mockup and layout (two column, three column, centered fixed-width, flexible width, vertical navigation, horizontal navigation, etc.). You can also check out this CSS generator for reference.
    3. Using rulers and guides define divisions in your Photoshop mockup. Also take note of the size of each division. It might be helpful to write each of these measurements down or add them as a guide layer in your document.
    4. Decide which images will be used as background images in your CSS.
    5. Add divs to your XHTML template page(s).
  5. Slicing and Optimizing

Homework| Week 9

Read through Basic Javascript to get an understanding of the Javascript basics.

Have a template page created for each level of your site, with properly structured, semantically correct XHTML, including the div containers we set up in class. Create the CSS for each main division. You can refer to this tutorial if you need help getting started.