MYONLINEPROOFING.COM

proof test and - www.myonlineproofing.com

Menu


Visited links: Choose this option to change the visited links color of the page. A visited link is the color that appears when a user clicks


your link and then revisits the page. Purple is the default. Active links: The active link color is the color that appears just as a user's mouse clicks a hyperlink. Black is the default. Left margin: Set a value to change the size of the left margin in the Document window. All browsers, except for Netscape 4, use this property. Top margin: Set a value to change the size of the top margin in the Document window. All browsers, except for Netscape 4, use this property. Margin width: Set a value to change the size of the left margin in the Document window. The margin width feature is specific to Netscape 4 only. Margin height: Set a value to change the size of the top margin in the Document window. The margin height feature is specific to Netscape 4 only. Now that you have an idea as to the properties of the Appearance category, let's set some of these values for our page. Go ahead and change the properties so that they look similar to Figure 3.4. Figure 3.4. Modify the appearance of the page. [View full size image]   As you can see, we've changed the background of the page to use the header_bg.gif image located in the Images directory of our defined site, the default Text, Link and Visited link color of the page, and modified the top margin and margin height properties for the page. If I click OK, the page will be formatted based on the background image I specified. My cursor will be blinking with no room to spare at the top of the browser window, but with about 15 pixels as a margin from the left side of the browser. The text and links will become evident as the chapter unfolds. NOTE Looking at the background image in the browser reveals an image that is 1 pixel wide by 1050 pixels high. The color you see near the top of the page is simply the image spanning only 142 pixels of the 1000. The rest of the image is just plain white. This arrangement allows us to fill the Document window with a background image that only consumes the top portion of the page, leaving the rest white for text. You'll also notice that the entire page is consumed by this 1-pixel-wide background image. By default, background images tile horizontally and vertically. So in our case, the 1-pixel background image tiles across the page even if the user expands and contracts the browser window. The image never gets to tile vertically however because the image, at 1050 pixels, is just too large. Even if a user maximized their browser window, it still wouldn't tile unless their screen resolution exceeded that 1050 pixel depth. Not likely.   Title/Encoding The second selectable option within the Category pane is Title/Encoding. While we've covered the topic of titles already, you can also use this category to set the document's encoding type. Encoding, a system for electronically displaying appropriate characters for different languages, allows you to develop a wide range of non-English HTML pages. Basically, by setting the encoding type, HTML code is added to the page that tells both Dreamweaver and the browser which character set should be used to display the page. By default, the encoding type is set to Western European; for the sake of simplicity, we won't change that. You can, however, change the title of the page here, as we did from the Document bar in the Document window, by simply changing the text that reads Untitled Document to The Dorknozzle Company Intranet as shown in Figure 3.5. Figure 3.5. Change the title of the page. [View full size image]