Home | | Internet & World Wide Web HOW TO PROGRAM | | Internet Programming | | Web Programming | Images and Links - Adobe Dreamweaver CS3

Chapter: Internet & World Wide Web HOW TO PROGRAM - Rich Internet Application Client Technologies - Adobe Dreamweaver CS3

Study Material, Lecturing Notes, Assignment, Reference, Wiki description explanation, brief detail

Images and Links - Adobe Dreamweaver CS3

Inserting images using Dreamweaver is simply a matter of clicking a button and selecting an image to insert.

Images and Links

 

Inserting images using Dreamweaver is simply a matter of clicking a button and selecting an image to insert. Open the Select Image Source dialog (Fig. 20.15) either by selecting Image from the Insert menu, clicking the Images menu (Fig. 20.2) in the Insert bar and se-lecting Image, or pressing <Ctrl><Alt>-I. Browse your local hard-drive directory for a JPEG, GIF or PNG image. You can view the image’s URL in the URL field—this will become the image’s src attribute, which can also be viewed in the Src field of the Property Inspector.


After inserting your image, select it in the Document window and create a hyperlink using the Link field in the Property Inspector (Fig. 20.16). Type in the URL to which the hyperlink will point,  http://www.deitel.com. Using the Border field of the Property Inspector, add a border = 0 attribute to the <img> tag to remove the blue rectangle that normally appears around the image.

 

You can also change other image attributes in the Property Inspector. Try resizing the image using the height and width fields and changing its alignment in the Align pull-down menu. Clicking and dragging an image’s borders also resizes the image.



Study Material, Lecturing Notes, Assignment, Reference, Wiki description explanation, brief detail


Copyright © 2018-2020 BrainKart.com; All Rights Reserved. Developed by Therithal info, Chennai.