Adding Graphicsand Making Your Boots Shine! All right soldier, you''ve made it this far. Now let''s see how to insert images. Normally, you insert images by choosing Insert > Image, but you''ll do something a bit different hereyou''ll insert a graphic using the Assets panel, which is a much faster way to work.Inserting graphics in Dreamweaver is a breeze, especially with the Assets panel, which keeps a list of all the images that are stored in your site''s local folder.[View full size image] Inserting a graphic from the Assets panel is much faster than going through the menus.For this process to work, you''ll need an image file on your computer. Minimize Dreamweaver and locate a graphic on your hard drive that you can use (a sample file or a photo that you have on your computer will work just fine). When you find an image, copy it to your site folder''s img folder.Here''s how to insert an image:
1. | On your page, select the gray box that''s labeled 280x200.Chapter 10.[View full size image] To replace the other image placeholders on your page, just repeat the preceding steps.A useful option for images (especially images that are hyperlinks) is to include alternative text. Alternative text provides a brief message for visitors when they roll their mouse over the image. This message is also picked up by screen readers. | 5. | Select the graphic that you want to add alternative text to. | 6. | In the Property Inspector, in the Alt field, type a short message. Alternative text won''t appear in Dreamweaver. To test it, you''ll have to save your page and preview it in your web browser. | 7. | Save your file, go back to your web browser (which should still be running in the background), and click the Refresh button to see your changes.If you closed your web browser, in Dreamweaver choose File > Preview in Browser, or use the Preview/Debug in Browser menu on the Document toolbar. | 8. | To see your alternative text, roll your mouse over the image.To test your graphic''s alternative text, save your page and preview it in your browser; then hold your mouse over the image for a moment. Alternative text is especially useful when a hyperlink has been set for an image. The text can tell your visitors, before they click, where the link will take them.[View full size image] |
Now that you have the basics of text and graphics down, boot camp''s gonna get a little more heavy duty. What we''re talkin'' about here is building a basic site, complete with hyperlinks and a library item. Still proud to be in the corps, soldier? Great. Now drop and gimme twenty! |