- Understanding the Fundamentals of HTML
- Making a New Page
- The Document Window and Its Tabs
- Viewing the Source Code
- Using the HEAD Pane
- Setting the Width of Your Page
- Setting the link, alink, and vlink Colors
- Setting the Page Background Color
- Previewing Your Page
- Summary
- Q&A
- Quiz
- Exercises
- Quiz Answers
This chapter is from the book
This chapter is from the book
This chapter is from the book
Setting the Width of Your Page
When developing a Web site, you will have to assume some information about your audience's system specifications, such as the following:
Monitor size and resolution
Operating system
Network
Browser type and version
Color depth
For example, if you are designing a site where you know your target audience is high-end users who will be accessing the pages on an intranet running Windows 2000, through Internet Explorer 5, and on 17-inch monitors, you can safely design pages to that audience's specifications. If you are not certain, you will have to design for the lowest common denominator, which generally means designing for multiple browser versions and platforms, several operating systems, including both Windows and Mac, and for 14- to 15-inch monitors at varying resolutions and color settings. You should also consider how well a page would print given the width of the design. We recommend that you use a standard page width of 580 pixels or fewer when creating your design. GoLive assists you in setting the width of your page for designing.
To Do: Setting Page Width
Follow these steps to set your page width:
Have about.html open or open a new page in GoLive by choosing File, New from the menu, or typing Command+N (Mac) or Control+N (Windows). A new untitled page will open.
Locate the Window Size menu in the lower-right corner of the page. Pull down the list. The numbers in the list reflect the width of a page in pixels.
-
Click 580 from the list to design for 14- or 15-inch monitors and 780 for 17-inch monitors (see Figure 3.13).
The Window Size menu also offers Window Settings as an option. This feature enables you to set the default size of your Document window and the position on your monitor that you would like any new page that GoLive creates to be situated.
){kind=link}
Figure 3.13 To set the width of your Document window, choose 580 for 14- or 15-inch monitors, or 780 for 17-inch monitors.
Caution
The Window Size settings are for your own use when designing in GoLive. The users' actual browser windows are not affected by these settings. They still have the ability to resize their windows to whatever size they would like. The Window Size settings are to help you determine how your pages will look at certain widths.
To Do: Setting Default Options
To set your default size and location options, complete the following steps:
Place your page in the position on your monitor screen where you would like all new pages to open.
Select a page size as described previously.
Select Settings from the Window Size menu in the lower-right corner of the page.
-
In the dialog box that appears, Markup Document Windows is checked, as shown in Figure 3.14. If you want the default size to apply to your site window as well, check that box.
Click the OK button.
){kind=link}
Figure 3.14 Set a default size and position for future new pages through the Settings window.
Every time you create a new document it will be in the same position and size as the document you had in the forefront when you saved the settings. If you are not happy with the new look go back to the default by choosing settings and check on the Use Default Settings button.