ONLINEPROOFINGSERVICE.COM

online albums - www.onlineproofingservice.com

Menu


features, such as bold, center, and font sizes. Chapter 2: Setting Up a Web Site with Dreamweaver 45 Changing fonts and text


sizes You can change font and text sizes for the entire page or for selections of text. You find instructions on making global changes in the following section "Changing Page Properties." To change the font face and font size for a selected section of text, follow these steps: 1. Highlight the text you want to change. 2. In the Properties inspector at the bottom of the work area, select a collection of fonts from the Font drop-down list. The selected text changes to the font you selected. You can also choose the Edit Font list option and use any font, but beware that the font you apply displays on your visitors computer only if that font is on the hard drive. (See sidebar, "Why so many fonts?" for more about how this works. 3. In the Properties inspector at the bottom of the work area, specify the size you want your text from the Size drop-down list. Font sizes in HTML are different from the font sizes you may be used to using in a word processing or image program. Your size options are more limited, and you have the added choices of small, x-small, and so on. The numbered font sizes work much like those you may be used to, but the options specified by words like small, medium, or large display according to the settings of a users browser. In general, using the numbered sizes gives you more predictable results. You find many more text formatting options in the Properties inspector, Text menu, and Text Insert bar. Go ahead, experiment a little; you can always undo your formatting choices or change them again if you dont like the way they look. Adding images Now for the fun part. Adding an image to your Web page may seem almost magical at first because it is so simple with Dreamweaver. The challenge with Web graphics is not adding them to your pages, but creating good-looking images that load quickly in your viewers browser. You need another program, such as Photoshop or Fireworks, to create, convert, and edit images. Dreamweaver just lets you place the images on your page. For more information on finding and creating images, as well as keeping file sizes small, see Chapter 5. For now, I assume that you have a GIF or JPEG image file ready, and that you want to insert your image into your page. The 46 Part I: Fulfilling Your Dreams two most common image formats you can use on your Web page are GIF and JPEG (which is often shortened to JPG). You can use any image on your Web site, as long as its in GIF or JPEG format. If you dont have an image handy and want one to practice the following exercise with, you can download a free JPEG from my Web site at www.Digital Family.com/free (you find instructions for downloading images in Chapter 5). Most browsers also support BMP, but most designers never use it because BMP files dont optimize as well. PNG is also an accepted image format on the Web, but Web designers rarely use it because Internet Explorer for Windows has not supported PNG fully. Unless you have a compelling reason to use one of these formats, youll do well to stick with JPEG and GIF. You need to do two important things before inserting an image on a Web page: Save the page and ensure the image is in the proper folder. Saving your page in your Web sites folder on your hard drive is important because Dreamweaver cant properly set the link to your image until it identifies the relative locations of the page and the image.