Oct+31-+Nov+4

=October 31- Nov 4=

Handouts for the webpage, please read and follow along:
[|dreamweaverCS3.pdf] On CS4 it looks like this if you click on the 4 up tab. Compare the 4 screens and choose the one with the smallest size that the image is still clear (so it will load faster) Save to the image file inside your webpage file.
 * Converting images in photoshop for your page**:
 * Open image- enhance as required.
 * Go to image>image size. With the resample box checked- change the resolution to 72ppi and then go to the dimensions and make it to fit the size you have reserved on your website
 * If you have to crop it you can set the crop to a resoultion of 72 ppi and the pixel size to fit.
 * You may want to go to filter sharpen, using the unsharp mask to sharpen it up a bit
 * Save for web (.jpg for pics; .gif if you need to save a transparency ) to compress the graphics)

To begin the Dreamweaver unit, you will be creating a 5 page website that is a How To Site on a subjext you find interesting,,,or a continuation on the AYV project yuo used for your poster (you can use the poster on this site).
 * Dreamweaver Assignment #1 **
 * How To or AYV **

Create a “general” homepage (remember to same this page as “index”), which will be used as a general introduction, with another 4 pages*NOTE: homepage = index, all other pages must have a relevant name!

**Requirements**: All elements must be aligned inside of a invisible table Pages saved and named properly Include a min of 1 pic per page Include a min of 2 rollover images,,,,,preferably in the navigation bar A min of 3 anchors Include a min of 1 hot spot Create a navigation bar that links all pages together A custom background must be created in Photoshop A custom banner- may be made in Flash or Photoshop Splash page(optional-bonus marks)- be creative in Flash with your splash page There has to be some Flash in the webpage

Create a unified layout- Aligned images and text- dominant photo Colour scheme must be consistent, use [] to find a colour scheme you like. COLOUR SCHEME!!! (background, text, links and images work well together) Fixed table cells in pixels, other areas in % so it will fill different screens Design invokes elegance, maturity, balance and symmetry No clutter (everything spaced evenly) Check your work in various screen resolutions to check its appearance (if possible in different browsers.
 * Graphics and Layout: **

CONSISTANCY!! CONSISTANCY!! CONSISTANCY!!

Some pics/text must link to external pages, internal pages
 * Navigation and Linkage: **

All info in point form (no need for paragraphs) Font large enough and easy to read- consistent font. All images to be resized in Photoshop “save for Web” at the appropriate size so they load fast. Fix any colour or lighting problems with Photoshop.
 * Content: **

Demonstration on rollover images, buttons and anchors. Over the weekend I started a webpage on how to create the webpage it is attached to my school website...or try this [|link]
 * Thursday and Friday**

Also be PROACTIVE- If you are behind, or confused, and I cannot get to you in time.... then look at my ebooks in my handout file..or search your question using Google. I am also here every day after school in my office (in the artroom)