If the Image Property inspector is open when you insert your image, you can begin to modify the image
attributes immediately.
Naming your image
When you first insert a graphic into the page, the Image Property inspector displays a blank text box next to
the thumbnail and file size. Fill in this box with a unique name for the image, to be used in JavaScript and
other applications.
Adjusting height and width
The width and height attributes are important because browsers build Web pages faster when they know
the size and shape of the included images. Dreamweaver reads these attributes when the image is first
loaded. The width and height values are initially expressed in pixels and are automatically inserted as attributes
in the HTML code.
Browsers can dynamically resize an image if its height and width on the page are different from the original
image??™s dimensions. For example, you can load your primary logo on the home page and then use a smaller
version of it on subsequent pages by inserting the same image with reduced height and width values.
CROSS-REF CROSS-REF
318
Designing and Crafting Core Pages Part II
Because you??™re only loading the image once and the browser is resizing it, download time for your Web
page can be significantly reduced.
Pages:
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655