you dont have complete control over how that font appears on your visitors computer. Thats because the font can only display if your visitor has the font on his or her hard drive. To help ensure your text appears as you intend, Dreamweaver offers collections of similar fonts, such as Arial, Helvetica, sansserif, or Georgia, Times New Roman, Times, serif. Heres how it works. When you apply a collection of fonts like these, the browser displays the formatted text in the first font available on that list. For example, if you choose the font collection that starts with Georgia and your visitors dont have Georgia, the text displays in Times New Roman; if they dont have that font, it displays in Times; and if they dont even have Times, then the browser looks for another serif font. (In case youre not familiar with font terms, serif is used to describe fonts such as Times that have those little curly things on the edges of letters; sans serif means no curly things, which is what you get with a font such as Arial.) You can create your own font collections by selecting the Edit Font List option. The collection of fonts included in Dreamweaver represents some of the most common fonts and thus the ones most likely to appear on any users computer. The only way to ensure that text appears in the font you want is to create the text as a graphic in a program such as Photoshop or Fireworks and then insert the graphic with the text into your page. Thats not a bad option for special text, such as banners or logos; but its usually not a good option for all your text because graphics take longer to download than text and harder to update later. For this same reason, you need to make sure that the image file is in your main Web site folder (the folder you identified in the site setup process at the beginning of this chapter). Many designers create a folder called images so they can keep all their image files in one place. If you are working on a very large site, you may want an images folder within each of the main folders of the site. An important thing to remember is that if you move the page or image to another folder after you place the image on your page, you risk breaking the link between the page and the image, and an ugly broken image icon appears when you view your page in a browser. If you move files or folders in the Dreamweaver Files panel, it keeps the links up to date, but if you move them outside of Dreamweaver, the links break. If for some reason you do end up breaking an image link, simply click the broken image icon that appears in its place, and use the Browse button in the Properties inspector to find the image and replace it on your page. Okay, assuming youve saved your page and the image you want to link is saved within your main Web site folder, youre ready to follow these steps to place an image on your Web page: 1. Click the Image icon located on the Common Insert bar at the top of the work area and choose Image from the drop-down list. (Hint: The icon looks like a small tree.)