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.
Copyright © 2018-2020 BrainKart.com; All Rights Reserved. Developed by Therithal info, Chennai.