- Creating New Files
- Getting a Head Start
- Turning off the New Document Dialog Box
- Opening Files
- Creating Content
- Page Properties
- Modifying the Page Color and Background
- Saving Your Work
- Saving a Copy of a File
- Previewing in a Browser
- Printing from the Browser Window
- Colors and Web Pages
- Colors and Windows
- Colors for the Mac
This chapter is from the book
This chapter is from the book
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:
In the Document toolbar, click within the Title text box.
Type a new title and press Enter (Return) (Figure 3.31).
Figure 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.
)
Figure 3.31Tips
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.32 The title you choose for your Web page will be displayed in
the Web browser's title bar.
)
Figure 3.32Other 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.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.
)
Figure 3.33About 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:
View page properties, as in the previous list.
Set the top margin and left margin as shown, for both browsers (Figure 3.34).
Figure 3.34 Set margins larger or smaller than 10 pixels, which is the
default margin width. 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.35 Here's my page with its margin settings. Compare to the
default margins in Figure 3.28.
)
Figure 3.34)
Figure 3.35){kind=link}