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

Using Fireworks
Fireworks Interface
Lesson 1: Bitmap Editing
Lesson 2: Vector Graphics
Lesson 3: Importing, Grouping, and Layers
Lesson 4: Text, Masks, and Live Effects
Lesson 5: Creating Buttons
Lesson 6: Optimizing and Exporting
Lesson 7: Creating Animations

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

 

Search this site:


Resolution

File resolution

When you scan an image, you must give it a resolution that stays with the file, regardless of which monitor or output resolution used to view it.

All Web graphics must be 72 dpi. Scan at 150 dpi and then reduce the resolution (Image-->Image Size) to 72.

Monitor resolution

This refers to the dots per inch displayed on your computer monitor. Most Macintosh monitors default to 72 dpi --dots per inch-- while most Windows monitors use 96 dpi. In theory, if you took a ruler and held it up to your Mac's monitor, you could count 72 dots for every inch across your screen.

Output resolution

Printers also have their own resolutions that determine how many dots they print within each inch on the page. The more dots per inch a printer uses, the smoother the gradations appear within your printed page.

 


 

Top of Page

 

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