Class 10

In class workshop - programming and css

Building navigation

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.

Class 5

Review wireframes and site content

What is Interaction Design?

Basics of HTML and CSS in Dreamweaver

Assignment for Class 6

Site Design with Navigation and Rollover design Due

Class 4

Students Show
Final Logos
Give overview of your site architecture and flowchart

New Material
Wireframes in Fireworks
Resizing and Optimizing images in Photoshop

Class 3

Finish up blog presentations
Review names and logo sketches

Information architecture
Sitemaps and Flowcharts