announcements academic writing workshops for international students in information technology...
DESCRIPTION
Images in Photoshop and Webpages Changing the size Open the image in Photoshop Select Image in menu bar Select Image Size Set width or height of image Set Resolution to 72 (for webpages Under File in menu bar, select Save for Web Select gif or jpg and click Save Save in images in your cse625 folderTRANSCRIPT
Announcements
Academic Writing WorkshopsFor International Students in Information Technology
Wednesdays (starting April 25)12:30 - 3:30 PMWerner University Center - Willamette Room
Dr. Maria Dantas-Whitney(503) [email protected]
"Mandatory for success in program"
Assignments
Good job!On your final project proposals
Sketch your linked pagesBy using wordsDraw a diagram also
in other words…..Setup your template
"Wednesday, April 25"
Images in Photoshop and Webpages
Changing the sizeOpen the image in Photoshop
Select Image in menu bar Select Image Size
Set width or height of image Set Resolution to 72 (for webpages
Under File in menu bar, select Save for Web Select gif or jpg and click Save Save in images in your cse625 folder
Images in Photoshop and Webpages
gifGood for drawing and clipartFewer colorsTakes more storage spaceCan be irregular shapesCan be animated
jpgGood for photosMore colorsTakes less storage spaceMust be rectangular
Images in Photoshop and Webpages
Changing the size (another option)Open the image in Photoshop
Use "selection" dotted rectangle tool to select part of the image Copy (keystroke=apple-C) Open new image (keystroke=apple-N) Press Return Paste (keystroke=apple-V)
Make other adjustments
Save in images in your cse625 folder
Images in Photoshop and Webpages
Changing the size (another option)
OpenSelectCopyNewPasteSave
Images in Photoshop and Webpages
Changing the size (by cropping)Open the image in Photoshop
Use "crop" tool (3rd on left) to select part of image Select another tool to crop Make other adjustments
Save in images in your cse625 folder
Images in Photoshop and Webpages
Changing the size (by cropping)
Images in Photoshop and Webpages
SlicingOpen the image in Photoshop
Use "slice" knife tool to select part of the imageSave for Web on Desktop as a .htmlOpen same document in Dreamweaver (Notepad)In the "code" view select from <table> tag to </table> Copy (keystroke=apple-C) Open your own .html document Paste table where you want it in your html (apple-V)Move (drag) appropriate images from "images" folder on desktop to "images" folder in cse625
Images in Photoshop and Webpages
Slicing
Images in Photoshop and Webpages
Hotlinks in a mapUsing Dreamweaver insert an image (from your cse625/images folder)
Make certain properties are showing at the bottom Click on image In lower left select rectangle (or other shape)
Type in link in appropriate box
Images in Photoshop and Webpages
Mix and match any of these processes
Good luck!
Images in Photoshop and Webpages
<map> & <area>