- 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
- Quiz Answers
Making a New Page
When you constructed your first Site file in Hour 2, "Creating a Site File," GoLive automatically created a page named index.html and placed it into the Files list. If you don't remember how to create a new Blank site, return to Hour 2 and follow the instructions to build one. Name your site Hour_3. The index.html file will become your home page. As you continue to build your Web site, you will add more pages to the Files list. Work with your Site file open as we explore two ways of placing a new page into your Web site.
To Do: Create a New Page
To create a new page in your Files list, use one of these two methods. Remember, you should have your Site file open, and the Files tab selected.
Method 1: To create a new page using the Objects palette, complete the following steps:
Open the Objects palette by choosing Window, Objects from the menu, or by pressing Command+2 (Mac) or Control+2 (Windows).
Click on the fly-out menu in the upper right to select Site.
Drag the Page icon from the palette to the Files tab of your Site file (see Figure 3.1).
A newly created page will be named untitled.html by default. You can now type the name of your choice over the word untitled. Include .html or .htm as the extension so that it will be recognizable by a Web browser.
For a complete explanation of file type extensions, including those used on the Web, visit http://www.whatis.com.
Figure 3.1 Drag the Page icon from the Objects palette to the Files tab of your Site file.
Method 2: To create a new page from the File menu, complete these steps:
From the menu choose File, New, or press Command+N (Mac) or Control+N (Windows). A new untitled page will open.
Now you must save the page into your Site Root folder for it to appear in the Files list. Because there is no information on this page, we will choose File, Save As.
In the Save As dialog box, name this about.html and click the Site Folder icon to reveal a pop-up list that includes the following choices: Root folder, Stationery, Components, and Templates (see Figure 3.2).
Select Root folder. This automatically brings you to the correct folder on your hard drive into which you will now save the page.
Figure 3.2 Click the Site icon to choose the Site Root folder root from the pop-up list.
We strongly recommend that you do not use generic names such as page1.html and page2.html for your pages. Later, when you want to edit your pages, you will have a hard time remembering which page is which. If you have a site that has information on services and products and contains a Contact form, you could name those files services.html, products.html, and contact.html. Then the filename itself will help you determine the content of the page.
Maintain consistency in your naming structure. It is generally easiest to do so by using only lowercase letters in your filenames. Some hosting services exclude the use of spaces and certain characters that might confuse the server. Instead of spaces use the underscore character (_). Some other characters to avoid are %, \, /, :, and ?, but check with your hosting service for a complete list.
By default, all newly created pages in GoLive open in Layout mode. Layout mode is the visual editor that enables you to place images, text, and multimedia elements into your page without writing any HTML code. GoLive writes it for you. We'll briefly describe the other viewing and editing modes available to you in this hour, and you can find in-depth instructions on how to use them later in this book.