Go to image>image size. With the resample box checked- change the resolution to 72ppi and then go to the dimensions and make it to fit the size you have reserved on your website
If you have to crop it you can set the crop to a resoultion of 72 ppi and the pixel size to fit.
You may want to go to filter sharpen, using the unsharp mask to sharpen it up a bit
Save for web (.jpg for pics; .gif if you need to save a transparency ) to compress the graphics)
4up.jpg
On CS4 it looks like this if you click on the 4 up tab. Compare the 4 screens and choose the one with the smallest size that the image is still clear (so it will load faster)
Save to the image file inside your webpage file.
Dreamweaver Assignment #1 How To or AYV To begin the Dreamweaver unit, you will be creating a 5 page website that is a How To Site on a subjext you find interesting,,,or a continuation on the AYV project yuo used for your poster (you can use the poster on this site).
Create a “general” homepage (remember to same this page as “index”), which will be used as a general introduction, with another 4 pages*NOTE: homepage = index, all other pages must have a relevant name!
Requirements: All elements must be aligned inside of a invisible table Pages saved and named properly Include a min of 1 pic per page Include a min of 2 rollover images,,,,,preferably in the navigation bar A min of 3 anchors Include a min of 1 hot spot Create a navigation bar that links all pages together A custom background must be created in Photoshop A custom banner- may be made in Flash or Photoshop Splash page(optional-bonus marks)- be creative in Flash with your splash page There has to be some Flash in the webpage
Graphics and Layout: Create a unified layout- Aligned images and text- dominant photo Colour scheme must be consistent, use http://kuler.adobe.com/ to find a colour scheme you like. COLOUR SCHEME!!! (background, text, links and images work well together) Fixed table cells in pixels, other areas in % so it will fill different screens Design invokes elegance, maturity, balance and symmetry No clutter (everything spaced evenly) Check your work in various screen resolutions to check its appearance (if possible in different browsers.
CONSISTANCY!! CONSISTANCY!! CONSISTANCY!!
Navigation and Linkage: Some pics/text must link to external pages, internal pages
Content: All info in point form (no need for paragraphs) Font large enough and easy to read- consistent font. All images to be resized in Photoshop “save for Web” at the appropriate size so they load fast. Fix any colour or lighting problems with Photoshop.
Thursday and Friday
Demonstration on rollover images, buttons and anchors.
Over the weekend I started a webpage on how to create the webpage it is attached to my school website...or try this link
Also be PROACTIVE- If you are behind, or confused, and I cannot get to you in time.... then look at my ebooks in my handout file..or search your question using Google. I am also here every day after school in my office (in the artroom)
October 31- Nov 4
Handouts for the webpage, please read and follow along:
Converting images in photoshop for your page:
On CS4 it looks like this if you click on the 4 up tab. Compare the 4 screens and choose the one with the smallest size that the image is still clear (so it will load faster)
Save to the image file inside your webpage file.
Dreamweaver Assignment #1
How To or AYV
To begin the Dreamweaver unit, you will be creating a 5 page website that is a How To Site on a subjext you find interesting,,,or a continuation on the AYV project yuo used for your poster (you can use the poster on this site).
Create a “general” homepage (remember to same this page as “index”), which will be used as a general introduction, with another 4 pages*NOTE: homepage = index, all other pages must have a relevant name!
Requirements:
All elements must be aligned inside of a invisible table
Pages saved and named properly
Include a min of 1 pic per page
Include a min of 2 rollover images,,,,,preferably in the navigation bar
A min of 3 anchors
Include a min of 1 hot spot
Create a navigation bar that links all pages together
A custom background must be created in Photoshop
A custom banner- may be made in Flash or Photoshop
Splash page(optional-bonus marks)- be creative in Flash with your splash page
There has to be some Flash in the webpage
Graphics and Layout:
Create a unified layout- Aligned images and text- dominant photo
Colour scheme must be consistent, use http://kuler.adobe.com/ to find a colour scheme you like.
COLOUR SCHEME!!! (background, text, links and images work well together)
Fixed table cells in pixels, other areas in % so it will fill different screens
Design invokes elegance, maturity, balance and symmetry
No clutter (everything spaced evenly)
Check your work in various screen resolutions to check its appearance (if possible in different browsers.
CONSISTANCY!! CONSISTANCY!! CONSISTANCY!!
Navigation and Linkage:
Some pics/text must link to external pages, internal pages
Content:
All info in point form (no need for paragraphs)
Font large enough and easy to read- consistent font.
All images to be resized in Photoshop “save for Web” at the appropriate size so they load fast. Fix any colour or lighting problems with Photoshop.
Thursday and Friday
Demonstration on rollover images, buttons and anchors.
Over the weekend I started a webpage on how to create the webpage it is attached to my school website...or try this link
Also be PROACTIVE- If you are behind, or confused, and I cannot get to you in time.... then look at my ebooks in my handout file..or search your question using Google. I am also here every day after school in my office (in the artroom)