Class 9

CSS stylesheet construction

• Setting up navigation
• graphics
  
• html/csc

• Layout and Column Positioning using CSS

Check the Resources section from January. I added a few new links on navigation design and potential books for your library.

Let's look at your sites and issues.

Stay tuned for extra workshop dates...

Class 8

FTP Construction page to the server

CSS
The Box Model

XHTML - setting up your content in Dreamweaver

CSS - Begin building your style sheet

Class 7

Site Design Review
Homepage, Submenu and content page due

FTP - File Transfer Protocol

• Use Cyber Duck or any FTP program to copy your files to the Pratt server
• Setting up your site on the Pratt server for the first time
• Uploading and downloading your files
  
• Check your page on the server

Graphics Production
Slicing your files using Photoshop

You will be using the slice and slice select tool in Photoshop or Fireworks to slice your design into parts.

Double click on the slices to name them.

Name them something that makes sense. Example for a menu item: nav_about

These images will then be added to your html in Dreamweaver.

In photoshop when you Save for Web, this is where you will optimize your graphics, jpgs for photography, gradations or shadows; gifs for graphic menu items, logos, etc; png 24 for images with transparency.

Select each slice and select your settings.

After you save out any graphic menu items and you have hover states for these items, you must rename the slices such as - nav_about_o. These slices then need to be saved out again.