In class Wed Nov 13th

Web page sizes
- the web is measured in Pixels

-- these 'pixels' are related to the actual amount of pixels there are across & down a screen
- the 'Resolution' of images on the web is 72dpi
- the Average MAX size of your web pages should be smaller then 960x620 pixels

Creating web pages using Photoshop

- Create a folder on the desktop labeled with your first and last name in lower case. Ex. joevonstengel

- Ggo in to 'Preferences' and change the units from 'inches' to 'pixels'

- The first page of all websites is call 'index'

* It is important to make sure 'index' is in lowercase because web servers are case sensitive.

- Go to: file --> new

-- name the document 'index'

-- make sure the 'Resolution' is set to 72dpi

-- choose a page size no bigger then 960x620 pxls

-- 'Color Mode' = RGB

- Save your file

- Drag & Drop images from one of your folders into Photoshop

* This is your work space. Collage, blend, cut out & interact. Make sense or chaos out of the images you found on the internet. DO NOT USE TEXT!

- Save your file

- Slice up your file

* Slices have many advantages like a faster and more dynamic load time

* You can make links from slices in Dreamweaver!

- Save for Web (and Devices)

Lets look at the rules of a Website

- Only Folders, JPEGS, GIFS and HTML/HTM are used on the web!

- Servers are case sensitive!

- Keep file names simple & relevant, all lower case, no spaces!

- File names can only be alpha numeric with "-" and "_"

- The first file of all web sites is labeled "index.html" all lower case

- You separate files on the server with folders





Project 5 Assigned


Work on Projects