Publishers of technology books, eBooks, and videos for creative people

Home > Articles > Web Design & Development > Adobe Dreamweaver

  • Print
  • + Share This
This chapter is from the book

Page Properties

Page properties are elements that apply to an entire page, rather than a single object on the page. Visual properties include the page's title, a background color or image, and the text and link colors. Other page properties include the document encoding and the site folders, if any.

To change the page title:

  1. In the Document toolbar, click within the Title text box.

  2. Type a new title and press Enter (Return) (Figure 3.31).

    Figure 3.31Figure 3.31 Type your page title in the Title text box.

    Choose a good title for your page, something more descriptive than "My Home Page." Many search engines use the words in the page title to index pages.


  • The page title is stored in the <title> tag within the document's <head> tag.

  • Unlike some other page creation tools, Dreamweaver doesn't prompt you to give your pages a title—in fact, it titles all your pages "Untitled Document" until you change the Page Properties.

  • The title you give your page will be displayed in the Web browser's title bar (Figure 3.32).

    Figure 3.32Figure 3.32 The title you choose for your Web page will be displayed in the Web browser's title bar.

Other page properties

Other page properties are stored in the Page Properties dialog box.

To view page properties:

  • From the Document window menu bar, select Modify > Page Properties or press Ctrl+J (Command+J). The Page Properties dialog box will appear (Figure 3.33).

    Figure 3.33Figure 3.33 The Page Properties dialog box allows you to set options that apply to an entire page.

    About Document Encoding

    If you're composing Web pages in a language that uses a non-Western (non-Latin) alphabet, you probably browse the Web using Document encoding for that language. Web pages in alphabets such as Chinese, Cyrillic, Finnish, Greek, Japanese, Korean, and some Eastern European languages use special text encoding to display fonts that can interpret and display the characters that language uses.

    To set the encoding for your page so that Web browsers can load the proper set of fonts, select your language from the Document Encoding drop-down menu in the Page Properties dialog box.

    To find out how to change the encoding for the entire program, see Chapter 4.

About page margins

Page margins are a relatively recent innovation. They appear as part of the <body> tag. Internet Explorer uses the "Left Margin" and "Top Margin" settings, whereas Netscape uses the "Margin Width" and "Margin Height" settings. For best results, set the margins for both browsers.

To set page margins:

  1. View page properties, as in the previous list.

  2. Set the top margin and left margin as shown, for both browsers (Figure 3.34).

    Figure 3.34Figure 3.34 Set margins larger or smaller than 10 pixels, which is the default margin width.

  3. To check how your settings appear in a specific browser, preview the page in that browser (Figure 3.35). See the section Previewing in a Browser, later in this chapter.

    Figure 3.35Figure 3.35 Here's my page with its margin settings. Compare to the default margins in Figure 3.28.

  • + Share This
  • 🔖 Save To Your Account