1 / 13

Announcements

Announcements. Academic Writing Workshops For International Students in Information Technology Wednesdays (starting April 25) 12:30 - 3:30 PM Werner University Center - Willamette Room Dr. Maria Dantas-Whitney (503) 838-8638 dantasm@wou.edu "Mandatory for success in program".

oshin
Download Presentation

Announcements

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Announcements Academic Writing Workshops For International Students in Information Technology Wednesdays (starting April 25) 12:30 - 3:30 PM Werner University Center - Willamette Room Dr. Maria Dantas-Whitney (503) 838-8638 dantasm@wou.edu "Mandatory for success in program"

  2. Assignments Good job! On your final project proposals Sketch your linked pages By using words Draw a diagram also in other words….. Setup your template "Wednesday, April 25"

  3. 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

  4. Images in Photoshop and Webpages gif Good for drawing and clipart Fewer colors Takes more storage space Can be irregular shapes Can be animated jpg Good for photos More colors Takes less storage space Must be rectangular

  5. 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

  6. Images in Photoshop and Webpages Changing the size (another option) Open Select Copy New Paste Save

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

  8. Images in Photoshop and Webpages Changing the size (by cropping)

  9. Images in Photoshop and Webpages Slicing Open the image in Photoshop Use "slice" knife tool to select part of the image Save for Web on Desktop as a .html Open 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

  10. Images in Photoshop and Webpages Slicing

  11. Images in Photoshop and Webpages Hotlinks in a map Using 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

  12. Images in Photoshop and Webpages Mix and match any of these processes Good luck!

  13. Images in Photoshop and Webpages <map> & <area>

More Related