Graphics Programs Reference
In-Depth Information
To edit the home page in Code view:
1. In the Document window, locate the title tags.
2. Between the title tags, select - (the hyphen), and then type : (a colon). The page
title is updated. You will switch to Design view to review the change.
3. On the Document toolbar, click the Design button. The Home page is displayed in
Design view. The text in the Title box on the Document toolbar shows the revised
page title, which you changed directly in the code.
4. On the Application bar, click File , and then click Save . The change you made to
the home page is saved.
Setting Page Properties
After you have created the fi rst page in the site, the next step is setting the basic page
properties. Page properties are attributes that apply to an entire page rather than to only
an element in the page. The page properties are split into six categories: Appearance
(CSS), Appearance (HTML), Links (CSS), Headings (CSS), Title/Encoding, and Tracing
Image. Most page properties are created with Cascading Styles but you can change
the appearance of various page elements like text color and size using HTML applied
directly to each element. In most cases, it is a good idea to separate the look from the
content of your pages. To follow this practice, you will use CSS to alter the appearance of
page elements. You will learn more about Cascading Styles in the next tutorial.
The Appearance (CSS) category includes general page properties such as the default
text, background, and margin attributes. The different Appearance properties include the
following:
Text settings. The page font is the default font that is used to display page text.
Remember that fonts can be displayed only if they are installed on the end user's com-
puter and that Dreamweaver groups fonts to ensure the highest possibility of successful
display. The Page Font list contains the default Dreamweaver font group, as shown in
Figure 2-10. You will use the Arial, Helvetica, sans-serif group for the NextBest Fest
site. Size sets the default size for text in the page. You can select a specifi c or relative
size from the list or you can type a different font size in the box. If you select a specifi c
size, you must also choose a unit. Pixels are the most frequently used unit for specifi c
font size. You will use a variety of sizes in the NextBest Fest site. The text color sets
the default color for text on the page. The initial default text color is black, which has
the hexadecimal color code #000000. When you want to select a different color and
do not know its hexadecimal color code, use the color picker to select a color swatch
from a visual display and Dreamweaver will insert the hexadecimal color code. It is
best to enter the hexadecimal color code to ensure that you always use the exact same
color each time you insert the color. Figure 2-22 shows the color picker in the Page
Properties dialog box.
Search WWH ::




Custom Search