1 / 14

Images in Dreamweaver by James G. Lengel

Images in Dreamweaver by James G. Lengel. Adapted from Chapter 3: Working with Images, in the Web Wizard’s Guide to Dreamweaver Published by Addison-Wesley 2003. Objectives.  To understand how images work in Dreamweaver.

mercia
Download Presentation

Images in Dreamweaver by James G. Lengel

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. Images in Dreamweaverby James G. Lengel Adapted from Chapter 3: Working with Images, in the Web Wizard’s Guide to Dreamweaver Published by Addison-Wesley 2003 Images in Dreamweaver

  2. Objectives  To understand how images work in Dreamweaver.  To learn how to prepare and save images for use with Dreamweaver.  To be able to insert images onto a Web page with Dreamweaver.  To learn how to format and align images with Dreamweaver. Images in Dreamweaver

  3. How Images Work in Dreamweaver <p><strong><font color="#EF1F1D" size="5" face="Verdana, Arial, Helvetica, sans-serif">Hog Island Yacht Club</font></strong></p> <p><img src="boat.jpg" width="188" height="157" align="left"> The club was founded in the midst of the American Revolution, after British warships had given chase to a number of American schooners and sloops that were transporting embargoed goods through Narragansett Bay... Images in Dreamweaver

  4. Steps for working with images • Plan • Prepare • Insert • Align • Link • Image map Images in Dreamweaver

  5. Image types • Large image • Thumbnails • Diagrams • Logos • Backgrounds Images in Dreamweaver

  6. Image specs Images in Dreamweaver

  7. Editing images • Set the color mode • Crop the image • Set the resolution • Set the size • Enhance the quality Images in Dreamweaver

  8. Saving images • File format • Compression • Filename Images in Dreamweaver

  9. Filenames for images Images in Dreamweaver

  10. Inserting images • Set up the page • Insert the image • Preview the page • Adjust the image Images in Dreamweaver

  11. Aligning images • Left, right, center • Next to text • In a table Images in Dreamweaver

  12. Linking from images • Link from an entire image • Links from an image map Images in Dreamweaver

  13. Building an image map • Prepare the image • Create link-to pages • Insert the image • Create hotspots • Preview the image map Images in Dreamweaver

  14. Building an image map Images in Dreamweaver

More Related