Syllabus Aesthetics HTML Fireworks Flash Dreamweaver

 

 

 

Intro to Web Graphics
How Web Design is Different from Print
How to save graphics for the Web
File formats: gif vs jpg
Hexadecimal Colors
Inserting an image in an HTML page

Preparing Graphics for the Web
Scanning
Editing and resizing graphics
Download Navigation Graphics
Web Design with Photoshop
Optimizing and Exporting with Fireworks
Setting up Rollover Graphics

Designing Successful Web Sites
Interface and Navigation Design
Design Tips
15 Steps for Successful Web Design

 

Search this site:


Scanning

When you scan a photograph, save it as a JPEG file. Make sure your resolution is 72 dpi.

You might want to scan at a higher resolution, say 150 dpi to get better detail, but you must remember to bring it into Photoshop when you're done and reduce the resolution to 72.

All Web graphics must be 72 dpi.

Check the resolution of your image by going to Image-->Image Size

Also, when you are viewing your image in Fireworks, make sure that you are looking at it at 100%

Sometimes students think their image is smaller than it really is because they are viewing it at 16, 25 or 33%. When they place it in their Web page it's massive.

This photo below looks like it's a small size, but it is displayed at 16.7%

This is how big it really is.

 

 


 

Top of Page

 

Home . Syllabus . Web Aesthetics . HTML . Fireworks . Flash . Planning . Graphic Design . Dreamweaver