In Class Thur Nov 20th

The great internet
* lets look at examples


ImageReady
Set up your website:
- general sizing should be 900 pixels wide by 680 pixels tall

Optimize
- 2 up view
- Jepgs vs Gifs
--- Jpeg = Photographic quality & Small image sizes
--- Gif = Animations & Transparency

Slice
- you can only control slices you have cut out yourself

Roll-Overs
- check out the roll-over window
- there are different different roll-over states

Preview
- check out your site in a Browser

Save for Web
- put your files in a Folder
- keep your file names short

In Class Thur May 15th

It is the Last Day!












work on your websites


the final is 4-6pm on tuesday the 20th

In Class Thur May 8th

Setting up the structure for your web site
- Set up a folder on the desktop labeled your last name
- inside the folder with your last name make another folder labeled 'mineself'
* remember to keep the names lowercase and make sure there are no 'spaces' in any of your names
* this folder system is your web sites structure.
- your home page must be labeled 'index.html' and will be in the folder labeled your last name
- the first page of your mineself site must be labeled 'index.html' and will be in your mineself folder

Dreamweaver
- creating and setting up a site
- page elements (setting up text, the background and text links)
- linking pages
- titles
- centering

In Class Tue May 6th

SUMMA

Take a look at Dreamweaver
- program layout
- widows and tools
- changing the background color
- putting on a title
- centering on the page

Defining a site!

In Class Thur May 1st

Collect your Images

Start creating your web site.
* pick a size smaller then 960x640, keep this size for every page of your site
* 72 dpi
* make your layout in Photoshop then open it in Imageready to optimize, slice and make roll-overs
* pay attention to the important things to remember on tuesdays blog

In Class Tue Apr 29th

Imageready
1) Optimize
- Get your images ready for the web
* JPEG = good quailty and small file size best for photographs
* GIF = need for animations & transparency, limited to 256 colors (bigger file sizes especially with animations)

2) Slices
- use the slice tool to select areas to become roll overs
- the slices will turn into a 'table' with background images when saved as HTML
- if you would like to change the optimization of a slice, choose the slice you want to change and click the optimize tab, then select the new file type for that slice

3) Animations
- an animation should be contained in one slice
- animations need to be Optimized as a GIF
- you animate by changing layers size, transparency and position
- change the rate of speed for your animation

4) Roll overs
- slices define roll over areas
- you must cut out the slice to access it as a roll over
- a roll over is made of at least 2 layers, the normal layer and the over layer (you only show one layer at a time)
* select a slice
** click on new roll over state
*** turn off the visibility of the layer for the normal state, turn on the visibility of the layer for the over state
**** click back on the normal state and continue.
- there are other states besides 'over', keep clicking on the 'new roll over state' button to se the different states
- you can make links from roll overs

4) Image maps
- used to invisibly define an area on an image
- can be used as an invisible button (you can make a link from it)
- can create circles and odd shapes (unlike slices)

5) Set your file up for the web
- the name of the PSD is the name of the slices, so kep your names short, ie... index, pg1, bio
- when you 'save optimized as' when your finished with your project Imageready will create an HTML file and a folder full of images. you need to remember to change the name of your image folder for each page you create


Things to keep in mind for the web
* always try to keep your file sizes smaller then 600 K, you can check this when optimizing
* the first page of your website MUST be named 'index.html' (your home page)
* the web can only understand numbers, letters and the '-' & '_'
* you can not have spaces in the names of your HTML files or image folders
* caps matter! the web sees the letter 'A' as being different then the letter 'a', therefor save all your file names as lower case. joe.html instead of mixed Joe.html
* remember your imageready PSD is your working file. it is the file you need if you want to make changes.

In Class Tue Dec 4th

SUMMA

Take a look at Dreamweaver
- program layout
- widows and tools
- changing the background color
- putting on a title
- centering on the page

Defining a site!

In Class Tue Nov 27th

If you haven't been here lately, you should definitely check out the last two blog post about how to create a site in Imageready!

There is 1 class assignment and 1 project left in this semester.

the class assignment is the 'Mineself' 1 page art website

the last project is For you to make a Home Page.
- the home page is one page
- it will link to your flickr, youtube, blog & Mineself sites.
- design it in Photoshop/Imageready

* both the web assignments/projects must be connected and working up on the internet by Thur Dec 13th 9am-11am!

In Class Tue Nov 13th

First Lets check out your videos.

- is your video up on youtube?
--- if not lets put them up.

Now lets talk about the web!
- Language of the web
- HTML
--- the structure of html ?

Examples

ImageReady, Photoshops little sister
- tools
- layout

The Order of things
1: Optimize
2: Slice
3: Animate & Buttons
4: Save Optimized As