announcements academic writing workshops for international students in information technology...

Post on 19-Jan-2018

214 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

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 folder

TRANSCRIPT

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) 838-8638dantasm@wou.edu

"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>

top related