Very few people create a Web site with the expectation that no one will ever see it. Web sites are designed to be published and viewed by other people. The number of visitors, or hits, a Web site receives is a common benchmark of its success. In fact, in the late 90s a lot of dot-com companies made money not by selling products or services, but by selling advertising space based on the number of visitors that passed through their sites. Assuming that you are interested in developing a loyal group of visitors who will associate your site positively with your company or organization, you need to spend some time thinking about how you will communicate with those visitors.

Communication is a two-way process: you give your visitor information, and if your Web site meets their needs, they give information back to you. You can attract repeat traffic by ensuring that you information is timely and easy to find. You can solicit information from your visitors by providing.

In this chapter, you will first insert information that is to displayed on a Web page for only one month. Then you will create a feedback from so that visitors can give you specific information you want, as well as suggestions and requests. Finally, you will look at a simple way to enable your visitors to search for information on your site.

Automatically Updating Information

Microsoft Office FrontPage 2003 includes a set of Web components, called Include content components, that you can use to create links to the text or graphics you want to display on a Web page, rather than inserting them directly. Why would you want to do that? Suppose The Garden Company frequently upates the document in which it maintains its calendar of classes and other events. If the company also displays the calendar information on its Web site, it has to update not only the document but also the Web page. By displaying the calendar document as included content, the company can maintain the calendar in just one place and know that the Web page always displays the most up-to-date information. Because included content is automatically updated when ever an included page or graphic is updated, a writer or graphic artist fan make changes to Web site control without having to open or edit any Web pages. Included content simplifies the process of reusing content across multiple pages or sites.

FrontPage offers five types to included content:

• The Substitution component associates names, called variables, with text. In the Web Settings dialog box, you can assign a variable to a block of text and then insert the variable on a Web page instead of inserting the text itself. For example, you might assign a variable named Disclaimer to a block of text that consists of a 200- word legal disclaimer, and then insert the variable in a Substitution component on every page of your Web site. If you need to change the wording of the disclaimer, you change it once in the Web Setting dialog box, and it is instantly updated on every Web page.

• The page component displays the contents of a file wherever it is inserted.

• The Page Based On Schedule components display the contents of a file for a limited period of time. You can stipulate the beginning and end dates or times of the period during which the file should be displayed. You can also specify alternate content that should be displayed outside of the scheduled time period.

• The Picture Based On Schedule component has the same function as the Page Based On Schedule component, but it works with graphics files.

The Page Banner component is used to create a page title consisting of either text or graphics that appears on every page where the component is inserted. This is the equivalent of inserting a page banner from the Insert menu. In this exercise, you will include a page and a scheduled picture in an existing Web site.

1. In the Folder List, double-click specials.htm to open the file in the Page view editing window. The page is currently empty.

1. On the Insert menu, click Web Component to open the Insert Web Component dialog box.

1. In the Component type list, click Included Conte

1. In the Choose a type of content list, click Page, and then click Finish.

The Include Page Properties dialog box appears.

1. Click the Browser button.

Tip Unlike most Browser dialog boxes, this one limits you to browsing the current Web site.

1. Click montly_specials.htm, and then click OK to return to the Include Page

Properties dialog box

FrontPage enters the file name in the “Page to include “box.

1. Click OK to close the Include Page Properties dialog box and insert the included component.

The content of the Monthly Specials page is inserted in the Specials page.

1. Click anywhere on the page.

The included content is selected as a single block and cannot be edited from the Specials page.

1. At the bottom of the Page view editing window, click the Show Code View button. Show to view the HTML code that makes up this page.

Instead of displaying the page content within the <body> tags, you will see the following code, which specifies where the contents of the monthly_specials.htm file should be displayed.

10. At the bottom of the Page view editing window, click the Show Design View button to return to Design view.

11. On the Standard toolbar, click the Save button to save your change to the specials page.

12. Open the monthly_specials.htm file in Design view.

The file itself contains no special formatting. The formatting of the host page is applied to the file content when it is displayed there.

13. Select the word August, and replace it with September.

14. Save the file and then click the specials.htm page tab to switch back to the Specials page.

The Specials page reflects the changes you made to the included content.

15. Open products.htm in Design view.

16. Press H+B to move the insertion point to the end of the page

.

17. On the standard toolbar, click the Web component button to display the Insert Web Component dialog box.

18. In the Component type list, click Included Content.

19. In the Choose a type of content list, click Picture Based On Schedule, and then click Finish.

20. Click OK to insert the Web component.

If your system date is currently set to any date in September, you will see a graphic titled September Savings. Otherwise, you will see a graphic titled We Love Great Prices!

21. Click the Scheduled Picture component to select it, and then on the Standard toolbar, Align Right click the Align Right button.

The graphic is aligned with the right edge of the page.

22. Right-click the component, and click Scheduled Picture Properties on the shortcut menu.

23. Set the Starting and Ending dates for today’s date, leave the times as they are, and click OK.

The September Savings advertisement is now visible and will be displayed for the entire day.

Allowing for Visitor Input

Providing visitors with information is probably the most common reason for building a Web site. But after you’ve attracted visitors’ attention, you would be missing a prime opportunity if you did not also provide a mechanism for visitors to send information back to you.

The value of the information you receive from your visitors depends to a large extent on the way you present your request. Visitors are unlikely to fill out surveys and provide personal information that might be sold to mailing- list vendors without some significant reward. To get them to take the time and the risk of giving you information, you have to appeal to their best interests. They are more likely to be willing to help you gather information if they have an interest in your specialty area and if your Web site makes an effort to provide them with useful information that goes beyond your money- making endeavors.

Only you can decide how you want to present your request for information to your visitors, and only you can ensure that your Web site offers plenty of value in return. But FrontPage can help by providing ready- made templates for a feedback form and confirmation page that you can use as is or customize to meet your needs.

In this exercise, you will create and personalize a feedback form and its accompanying confirmation form for the Garden Co Web site, and you will position them appropriately within appropriately within the site’s navigational structure.

1. Familiarize yourself with the site in Navigation view. If the site doesn’t fit on your screen, change the zoom level or switch to Portrait orientation.

1. On the File menu, click New.

The New task pane appears.

1. In the New page area, click More page templates to open the page Templates dialog box.

1. On the General tab, click Feedback From, and then click OK. FrontPage creates a new page containing a general feedback form. Because the page hasn’t yet been added to the navigation structure of the site, the page banner and link bar are not operational.

1. On the Standard toolbar, click the Save button to display the Save As dialog box.

1. In the File name box, type feedback.

1. Click the Change title button. In the Set Page Title dialog box, change the pages title to Feedback.

1. Click OK to close the Set Page Title dialog box, and then click Save to close the Save As dialog box and save your file. The file appears in the Folder List.

1. Click the Web Site tab to return to Navigation view.

10. Drag the feedback.htm file from the Folder List to the navigation structure at the same level as the home page.

In this position, the feedback form is not a child page of any other page, and will not show up on the current navigation link bars.

11. Click the feedback.htm page tab to return to Design view. The page title and navigation link bars are now shown correctly on the Feedback page.

12. Review the content of the Feedback page, and then neat the middle of the page double-click the box that is currently set to Web Site. The Drop-Down Box Properties dialog box appears.

13. Click the Add button.

14. In the Add Choice dialog box, type chooses one…. In the Choice box.

15. In the Initial state area, select the selected option, and then click OK. You new entry is added to Choice list in the Drop-Down Box Properties dialog box.

16. Clicks choose one….in the list, and then click the Move Up button until it is the first choice.

17. Use the Move Up and Move Down buttons to arrange the other items on the list in alphabetical order, with the exception of the (Other) choice, which should remain last.

18. Click the Validate button.

19. In the Drop-Down Box Validation dialog box, select the Disallow first choice check box to indicate that the from cannot be submitted with choose one…..selected.

Then click OK.

20. Click OK again to close the Drop-Down Box Properties dialog box, and then click Show the Show Preview View button to preview the page. Preview view

21. Scroll down to the drop-down box, and then click the down arrow to display the list choices and view the results of your work.

22. Return to Design view, and save the page.

23. On the View menu, click Task Pane to open the New task pane.

24. In the New page area, click More page templates to open the Page Templates dialog box.

25. On the General tab, click Confirmation From, and then click OK. FrontPage creates a standard confirmation form. Visitors will see this acknowledgment after submitting the feedback is pulled from the feedback form to this page.

26. Save the page as confirmation, with a page title of Thanks for Your Feedback!

27. Click the Web Site tab to switch to Navigation view, and drag the confirmation page to the navigation structure at the same level as the Feedback page.

28. Click the confiramation.htm page tab to return to Design view to see the results.

Enhancing the Appearance of a Web

If you’re continuing this lesson directly from Lesson 1, the Millennium Celebration Web should still be open in FrontPage. If this is the case, skip down to the procedure named “To create hyperlinks to other pages.”

If you’re continuing this book from a previous session, then you must first open the web before you can work with its pages.

To open an existing web

1. On the Windows taskbar, click the Start button, point to Programs, and then click Microsoft FrontPage
2. On the File menu, point to Recent Webs and then click C:\My Documents\My Webs\Millennium to open the Millennium Celebration Web you created in Lesson 1. FrontPage open the web. The application title bar now reads “Microsoft FrontPage – C:\My Documents\My Webs\Millennium.”

Because you’ll be working with the pages you’ve already created, you can close the blank page that opened by default in page view.

1. …On the File menu, click Close, or click the Close button in the upper right corner of the page. FrontPage closes the current page. Page view is now blank, but the Millennium Celebration Web remains open. While creating hyperlinks from pictures and text in Lesson 1, you may have noticed that you don’t have any connections yet between the pages in your web. Even if someone surfed to your current home page, they would have no way of getting to the other pages. In the next section, you’ll learn how easy it is to make navigation hyperlinks to other pages.

To create hyperlinks to other pages

1.  On the toolbar, click the Folder List button to show the Folder List in Page view.

1. Double-click index.htm in the Folder List to open the home page in Page view. You’ll keep the Folder List visible while you create hyperlinks to the other pages in your web.

1. When the home page is displayed in Page view, press CTRL+END to place the cursor at the end of the home page.

1. Next, locate the page background.htm in the Folder List. The folder and files in the Folder List are shown in alphabetical order. The icon of each file gives you a clue about what kind of file it is. You will now drag and drop the Background page onto the bottom of the home page. When you do this, FrontPage will create a hyperlink to the Background page on the home page.

1. Click and hold the mouse button on background.htm in the Folder List, move the mouse pointer on the line below the FrontPage displays the shortcut mouse pointer while you drag the mouse to indicate that it will not actually insert the Background page, but will create a hyperlink pointing to it. FrontPage inserts the page title of the Background.htm file (“Background”) as the hyperlink text. The blue underlined text shows the presence of the hyperlink.

1. Repeat steps 4 and 5 with the other pages in the Millennium Celebration Web, including Destinatons.htm, Links.htm, and Photo_album.htm. Place each link just after the previous one.

1. On your keyboard, press the DOWN ARROW key to deselect the last hyperlink.

Your page should now look like this:

While you can manually create hyperlinks to the other pages in your web this way, doing so for all pages in a web can become a time-consuming and tedious task, especially for larger webs. Worse, if you decide to add to remove pages in the current web after creating hyperlinks, you’ll have to manually add or remove the hyperlinks to them. FrontPage has a better way to create, manage, and automatically update the navigation hyperlinks that connect your pages tighter. Before you learn how to do this, let’s get rid of the four hyperlinks you just made.

To use the multiple undo command

   Undo button with arrow

1. On the toolbar, click the small arrow just to the right of the Undo button.

1. FrontPage displays the Undo history, which shows the last several actions you can reverse. The first of these actions is selected by default. If you were to click it, then only that action would be reversed. You can also move the mouse over other entries in this list to include them in the Undo command.

1. Since we want to get rid of all four hyperlink you just dragged and dropped onto the home page, move window should read Undo 4 Actions.

1. Click the mouse on the last occurrence of Drop in the list. FrontPage reverses the last four actions you took , and the four hyperlinks you created are removed from the home page.

1. to save the current page, click Save on the File menu, or click the Save button on the toolbar.

Adding Shared Borders and Navigation Bars

For the Millennium Celebration Web, you will let FrontPage manage the hyperlinks that site visitors will click to move around the pages in your web. FrontPage achieves this with a combination of two powerful features: should borders and automatic navigation bars. Shared borders are page regions reserved for contain that you want to appear consistently throughout the pages in your web. These borders can contain page banners and navigation bars. Page banners display the page title you gave each page when you created or saved it. Navigation bars are a row or column of hyperlinks to the other pages in the current web. FrontPage can automatically update shared borders and navigation bars, so the navigation structure of your web will always work correctly, even when you add, move, or delete pages from the web’s structure.

In Lesson 1, you already completed the first step required for automatic navigation bars: creating the basic web structure in Navigation view. Because you have already done this, you’ll now enable shared borders throughout your web.

To create shared borders across a web

1. Click the Navigation icon on the Views bar to switch to Navigation view.

1. Click the Folder List button to hide the Folder List in this view.

1. On the Format menu, click Shared Border.

1. FrontPage displays the Shared Borders dialog box. Here, you can specify where on your pages FrontPage should insert shared borders. Because your web structure has two levels of pages the home page and the pages below it – you will use two kinds of shared borders and two kinds of navigation bars.

1. In the Shared Borders dialog box, make sure the All pages option is selected.

1. For a horizontal shared border, select the Left check box and select the Include navigation buttons check box just below it.

1. For a vertical shared border, select the Left check box and select the Include navigation buttons check box below it.

1. Leave the Right and Bottom check boxes unchecked, and then click OK. FrontPage create shared border and default navigation bars for all the pages in the current web. You’ll see what these look like when you return to Page view. Next, you’ll customize the appearance of the default navigation bars. Because they are shared across all pages in the current web, you can change their properties on any page and the change will be reflected across the entire web.

To test navigation bar hyperlinks

1. In Navigation view, double-click the Home Page.

1. Click the Folder List button to hide the Folder List in Page view.

Note the changes FrontPage has made to the home page. It now contains a top and left shared border. The top border contains a page banner with that look exactly like the ones you manually created at the beginning of this lesson. In Page view, you can easily test hyperlinks that point to pages and files in your web.

1. Hold down CTRL and then click the first navigational hyperlink named Background on the lift side of the page. FrontPage opens the page the hyperlink points to. On the Background page that is now open, shared borders and navigation bars have also been inserted. On this page, however, the links to the other pages are displayed in the top border, just under the page banner. This is because FrontPage uses the web structure you created in Navigation view to determine the level the current page is on. By default, the top shared border points to pages on the same level as the current one, whereas the left border points to pages below the current one. In the next section, we’ll change this default to another design.

To customize navigation bars

1. On the Window menu, click index.htm. FrontPage brings the home page back into view.

1. In the top of the home page, double-click the text that Edit the properties for this Navigation Bar to display hyperlinks here.

1. Double-clicking a navigation bar opens the Navigation Bar Properties dialog box. Here, you can customize the appearance of a navigation bar and the hyperlinks it creates.

1. Currently, the horizontal navigation bar is set to link to pages on the same level. Since the home page is on its own level in your navigation structure of your web, there are no other pages on the same level. FrontPage therefore doesn’t show any navigation bars in this shared border.

1. For the Millennium Celebration Web, we want to have a horizontal navigation bar on the home page and vertical navigation bars on the other pages. To do this, we’ll change the default setup of both navigation bars. You can make these changes on the current page and they’ll be reflected throughout your web.

1. In the Navigation Bar Properties dialog box, click Child level, clear the check boxes for Home page and Parent page, and then click OK. FrontPage creates a navigation bar with hyperlinks to all the pages below the home page level.

1. Press Home to deselect the navigation bar.

Your page should now look like this:

 

Note that the left navigation bar still contains the same set of hyperlinks as the top navigation bar. In the next steeps, you’ll remove the obvious redundancy, and format the left navigation bar so it is displayed only on the other pages that the home page points to.

1. In the left border of the home page, double-click the vertical navigation bar.

1. In the Navigation Bar Properties dialog box, click Same level, select the Home page check box, and then click OK. FrontPage changes the navigation bar to the placeholder text that reads “Edit the properties for this Navigation Bar to display hyperlinks here.” This text is only shown in Page view while you work’ it will not appear in a Web browser.

By pointing the hyperlinks in this navigation bar to the same level as the home page, you are effectively removing the hyperlinks from the left border, because there are no pages on the same level as the home page. This also removes the redundancy between the horizontal and vertical navigation bars.

10. To save the home page, click Save on the File menu, or click the Save button on the toolbar.

Your page should now look like this:

 

11. On the Window menu, click background.htm.

FrontPage brings the Background page back into view. Note that the changes you’ve made on the home page to both the horizontal and vertical navigation bars are automatically reflected here, as well as on all the other pages in your web.

                Excluding pages from navigation bars By default, all pages in your web’s navigation structure are included in navigation bars. You can select pages to be excluded form your navigation bars by right-clicking the page in Navigation view and deselecting Included in Navigation Bars on the shortcut menu.

Applying a Theme

Although the addition of pictures, lists, forms, shared borders, and navigation bars has given the pages in the Millennium Celebration Web a more streamlined and organized look, you may wonder what to do about the rather bland appearance of black and blue text on a white background. After all, this web is about celebrating an event. You want the pages to look more lively and fun.

Imagine how time- consuming it would be if you had to design a color scheme for text and graphics, and create graphical page banners, navigation buttons list bullets, and background textures for all the pages in your web. Now imagine how many more custom graphics you would need to create if you maintained more then one Web site and you didn’t want any of your webs to look the same.

FrontPage includes more than 50 professionally designed themes with matching color schemes that you cam apply to any or all pages in your web. A theme consists of design elements for bullets, fonts, pictures, navigation buttons, and other graphics. When applied, a theme gives pages, page banners, navigation bars, and other elements of a web an attractive and consistent appearance

To apply a theme to the Millennium Celebration Web

 

1. On the Window menu, click index.htm. FrontPage brings the home page back into view.

1. On the Format menu, click Theme. FrontPage displays the Themes dialog box. Here, you can select from a list of themes that FrontPage installed by default, or choose to install the complete set of themes from your FrontPage 2000 CD-ROM. You can make choices about the appearance of the theme, preview theme elements, and modify the selected theme.

1. Click on some of the different theme names in the scrolling list box. When you click the name of a theme, the Sample of Theme window shows a sample of the graphical elements that are contained in the selected themes. This way, you can first preview a theme before applying it to selected or all pages in your web.

Before applying a theme, you can select theme options that affect the appearance of the theme’s components. For example., selection Vivid colors applies brighter colors to text and graphics, selection Active graphics animates certain theme components, and selecting Background picture applies a graphics background to the pages in your web. You can also choose to apply a theme as a cascading style sheet (apply using CSS). For the Millennium Celebration Web, you’ll clear these defaults.

1. Under Apply theme to, make sure All pages is selected

1. In the list of installed themes, click Artsy.

1. Clear the check boxes for Active graphics and Background picture, then click OK to apply the theme. Since this is the first time you’re applying a theme to a web, FrontPage displays a massage to let you know that applying a theme will overwrite some of the manual design work in this book, so you can acknowledge this message and proceed to apply the theme.
2. Click Yes to apply the theme. The theme named “Artsy” is applied to all pages in your current web.
3. To save the home page, click Save on the File menu, or click the Save button on the toolbar.

Your page should now look like this:

 

As you can see, applying the theme has dramatically changed the appearance of the home page. The page banner and navigation buttons are no longer plain text; now they’re colorful graphics. The page background has changed from white to black, which simulates the night sky that the millennium fireworks will appear in, and the font has changed color and is a little larger.

Displaying graphical navigation buttons on all pages

1. On the Window menu, click background.htm. FrontPage brings the Background page bake into view., vote hat the page has inherited its theme and theme elements from the home page, but the vertical navigation bar in the left border still shows plain text hyperlinks. By default, vertical navigation bars are displayed as plain text, so they look this way even after you apply a theme. You can easily change navigation bar settings even after a theme is applied

1. In the left border of the Background page, double-click the vertical navigation bar.

1. Under Orientation and appearance in the Navigation Bar Properties dialog box, click Buttons, and then click OK.

1. Click anywhere on the page to deselect the navigation bar. FrontPage changes the navigation formatting and uses the graphical buttons included with the theme. The web now has an attractive and professional look.

1. To save the page, click Save on the File menu, or click the save button on the toolbar.

Some themes contain animations When you apply a theme, you can select Active graphics to enable page banner animations and navigation bar rollover effects, if the theme contains such elements. The theme sample will not show you what these effects look like. To see a theme’s active graphics effects, apply the theme and then display the page in the Preview tab, or click the Preview in Browser command on the File menu.

Modifying a Theme

Although the page banner of this theme looks nice, something directly related to the subject matter of the Millennium Celebration Web might fit better. We’ve prepared a custom page banner that you will use to modify the current theme with. This custom banner provides a colorful fireworks backdeop0 for the page banner text.

To modify a theme

1. On the Window menu, click index.htm. FrontPage brings the home page back into view.

1. On the Format menu, click Theme. FrontPage displays the Theme dialog box. In the list of themes, the Artsy theme is now the default theme because it has been applied to the current web.

1. In the Theme dialog box, make sure All Page is selected.

1. Next, click Modify

1. Under the question What would you like to modify> click Graphics. FrontPage displays the Modify Theme dialog box. Here, you can supply custom graphics for various theme elements such as page banners, navigation buttons, background pictures, and other elements. FrontPage superimposes text over these graphics, so there is no need to change graphics when you change the names of your pages, or add or remove pages. For this example, we will change the graphical page banner on which FrontPage places the titles of the pages in the Millennium Celebration Web.

1. In the Item list, click Banner.

1. On the Picture tab, click the Browser button below the file name of the current banner graphic. FrontPage displays the Select Picture dialog box and shows the current pictures in your current web. Since the graphical banner we want to use isn’t part of the web yet, you will search your file system for it.
2. In the Select Picture dialog box, click the Select File button. FrontPage displays the Select File dialog box.

1. Navigate to the folder named Program Files\Microsoft Office\Office\Book by double-clicking each folder in this path until the Look in box displays the Book folder. If you downloaded the book files form www.microsoft.com, navigate to the folder named Fptutor\Samples, or to the folder where you placed the files.]

10. Double-click the file 2000ban. FrontPage replaces the current page banner graphic with the custom graphic.

11. Click OK in the Modify Theme dialog box, and then click OK in the Themes dialog box FrontPage displays a message asking you whether you want to save changes to the current theme.

12. Click Yes. FrontPage Millennium as the title of the modified theme, and then click OK. FrontPage saves the modified theme and applies the new banner to all pages.

13. To save the page, click Save on the File menu, or click the Save button on the toolbar.

Your page should now look like this:

 

                Making your won themes for this book, we’ve provided only a custom page banner to help show you haw easy it is to customize existing themes. To create your own designs, repeat the ste4ps in the previous procedure to customize other theme elements with your own custom graphics.

Congratulations, the Millennium Celebration Web is almost finished!  To make sure everything will look great on the World Wide Web, you’ll bow preview the web in your Web browser….

 

Previewing the Millennium Celebration Web

Although Page view shows you the appearance of your Web pages as closely as possible to how they will appear in a Web browser, it displays some page elements and placeholders differently to help you while you design the page. By previewing a page or your entire site in a Web browser before you publish the Web, you can make sure that everything looks the way want it to.

To preview the current web in a Web browser

1. On the File menu;, click Preview in Browser. FrontPage displays the Preview in Browser dialog box. Here, you can select from the installed Web browsers on your computer window size in which you want to preview your web.

The Preview in Browser feature loads the current page in your Web browser, so you can see exactly how the page will appear in your favorite Web browser before you publish your web. You must have at least one Web browser installed on your system for this feature to work.

1. In the Preview In Browser dialog box, click Microsoft Internet Explorer, and then click Preview FrontPage launches the Web browser an opens the home page.

You screen should now look like this:

Note that all placeholder text and formatting marks are hidden from view (for example, the empty vertical navigation bar on the left side of the home page does not appear).

1. Click the buttons on the navigation bar to preview some of the other pages. Note the vertical navigation bat on the pages below the home page. On the Destinations page, scroll down to the feedback forma you added to the paged. You can enter text in the fields, but the form won’t actually work until you publish the Millennium Celebration Web to a Web server.

On the Photo Album page, click the picture thumbnails to test the hyperlinks to the full-size pictures. Use your Web browser’s Back button to return to the Photo Album page. Finally, on the Links page, note the dynamic of the paragraph heading that reads “Links to My Favorite Sites.”

1. Close your Web browser when you when you have finished previewing the Millennium Celebration Web.

1. Optimizing Your Screen Display Properties

1. The width and height of your computer monitor display in pixels is called the screen

1. Resolution. When personal computer first became popular, most computer monitors

1. Were capable of displaying a screen resolution of only 740 pixels wide by 480 pixels

1. High (more commonly known as 640*489). Now most computer monitors can display

10. At 800*600 pixels and 1024+768 pixels. Some monitors can even display a screen

11. Resolution of 1280*1024 pixels, or larger. Newer monitors no longer offer a 640*480

12. Screen resolution.

13. Most computer users have the choice of at least two different screen area sizes. Some

14. people prefer to work at an 800*600 screen resolution because everything on the screen

15. Appears larger. Others prefer being able to fit more information on their screen with a

16. 1024*768 display.

17. when designing a Web page that consists of more than free- flowing text, it is important

18. to consider the likely screen resolution of your Web visitors and design for the lowest

19. Common denominator. It is currently common practice to design Web sites to look their

20. Best when the visitor’s screen area is set to 800*600 pixels. (This means that visitors

21. Who view your site with a 640*480 area will have to scroll to display the entire page.)

22. To check and change your screen resolution on a Window XP computer:

23. 1 At the left end of the Windows taskbar, click Start, and then click Control Panel.

24. 2 In the Control panel window, click Appearance and Themes, and then click Display

25. To open the Display Properties dialog box.

26. 3 On the Settings tab, look at the Screen resolution slider. The current screen resolution

27. Appears beneath the slider.

28. 4 Drag the slider to change the screen resolution, and click Apply to apply your changes.

29. 5 If a dialog box appears prompting you to confirm the change, click Yes.

30. 6 When the screen resolution is the way you want, click OK.

Organizing the Files in your Web

Now that your web contains several pages and files, you will use Folders view to organize them. Similar to Windows Explorer, Folders view lets you manage the files and folders in your web. You can safely rearrange the pages and files in your web without breaking hyperlinks, page banner titles, or navigation button labels.

In Folders view, FrontPage displays a hierarchical list of the folders in your web on the left side of the screen. Clicking on a folder in the Folder List displays its contents on the right side- the contents pane.

In the following steps, you will move all the picture files in the Millennium Celebration Web to the Image folder FrontPage created as part of the web.

If you were to use Windows Explorer or another file manager to move pages and files from one folder to another, you would break the hyperlinks between your pages and page elements. However, when you maintain your web in Folders view, FrontPage keeps every page and hyperlink in your web updated to keep of the new locations of files and folders that have been moved.

To move picture files to the Images folder

 Folder icon

1. On the Views bar, click the Folders icon. FrontPage switches to Folders view.

1. In the Folder list pane, click the top-level folder labeled C:\My Documents \My Webs\Millennium.

1. In the Contents pane, click the Type column label. Clicking on a column label, the list is sorted in ascending order; when you click it a second time, it is sorted in descending order. The list of files is now grouped by file type, with all GIF picture files at the top of the list, followed by HTM files (pages) in the middle, and all JPG pictures at the bottom of the list.

1. In the Contents page, click the first picture file (2000.gif) at the list to select it.

1. Next, while holding down SHIFT, click the last GIF picture file in the list (sanfran.gif).

In Folders view, FrontPage supports all standard Windows selection shortcuts, such as SHIFT-CLICK for selecting ranges of files, and CTRL+CLICK for selecting noncontiguous files.

1. Click and hold the right mouse button while the pointer is over any of the selected GIF file icons.
2. Next, drag the mouse pointer over to the Images folder in the Folder List pane.

1. When the Images folder is selected, release the mouse button and click Move Here on the shortcut menu. FrontPage displays the Rename dialog box while it is moving the selected GIF image files to Images folder because it is automatically updating all hyperlinks to these files in the current web.
2. Repeat steps 4 through 8 with all JPG picture files, starting with Firewks1.jpg and ending with Firewks4_small.jpg.

10. In the Contents pane, click the Name column label to arrange the remaining list of folders and files by their name again. You’ve successfully grouped all picture files in the Images folder.

When you work with your own webs, you can group sound files, movie clips, and other types of files in their own folders. You can create new folders in Folders view as needed and delete the ones you no longer need.

To create a new folder

1. In the Folder List, click the folder in which you want to create a new subfolder. Folders can be expanded and collapsed in the Folder List to bring their subfolders into view. Click the plus (+) and minus (-) signs next to a folder’s name to display or hide its subfolders.

1. On the File menu, point to New and then click Folder. FrontPage creates a new folder with a temporary name.

1. When the folder’s temporary name (New_Folder) is selected, type a new name for the folder, then pres ENTER. The new folder is renamed, and you can now drag and drop files into it. For this book, we don’t need the extra folder you just created, so you will delete it before we get ready to publish the web.

1. In the folder List, right-click the folder you just created.

1. On the shortcut menu, click Delete.

1. In the Confirm Delete dialog box, click Yes, FrontPage removes the folder from the web. Generating a Site Summary Reports view is an important tool that shows you the overall health and condition of your web before you publish it to the World Wide Web. You can generate custom reports about your web in up to 14 categories. To generate a Site Summary report.

Reports icons

• On the Views bar, click the Reports icon.

FrontPage switches to Reports view. The default report is the Site Summary. This report shows you the overall statistics of the pages and files in the Millennium Celebration Web. Here are some important ones to look at before you publish your web:

• All files” you currently have 21 files in your web, totaling approximately 275K in size. This is the amount of space you’ll need to have available on the web server that will host your web.

• Slow pages: this category shows pages that are slow to download at the targeted download speed. Because you created small thumbnails of the large fireworks picture in your to online Photo Album, your web currently doesn’t have any slow pages for you to worry about.

• Broken hyperlinks: If any broken hyperlinks are reported here, double-click the Broken hyperlinks to view details about this category, FrontPage lists unverified hyperlinks, such as the external hyperlinks on your Links page, and links that are broken and do not work.

• You can verify that a hyperlink still points to an active Web site by right-clicking the link in Reports view and choosing Verify from the shortcut menu. To fix a broken hyperlink, you must open the page it is on and repair the URL the hyperlink points to.

Spell checking

While you can use automatic background spell-checking and per-page spell –checking in Page view, using the Spelling command in any web view lets you check the spelling of all (or selected) pages across the current web. You can check the spelling of page elements that can edited directly on the page. Other text, such as page banners or text contained in FrontPage based components, are not included in the spelling check.

To check spelling in the current web

1. On the Tools menu, click Spelling. FrontPage displays the Spelling dialog box. Here, you can specify whether FrontPage should check the spelling of selected pages only, or of the entire web.

1. In the Spelling dialog box, click Entire web, and then select the Add a task for each page with misspellings check box. FrontPage will add a task to the Tasks list for each page on which misspelled text is found. You will learn about Tasks view in the next section.

1. In the Spelling dialog box, click Start to begin the spilling check. FrontPage expands the Spelling dialog box to display the progress of the spelling check. When the operation has been completed, FrontPage displays the misspelled words and the number of tasks that were added to the Tasks list in Tasks view.

1. Click Cancel to dismiss the spelling dialog box. The spelling check is complete, but the corrections will not be made until you complete the tasks in the Tasks list

Replacing Text on Pages

The Replacing command makes it easy to find and replace content on selected pages or all pages in the current web. While you can use the command to replace text on the current page in Page view,  using it in any web view last you replace text in all (or selected) pages across the current web. You can replace any text can be edited directly on the page. Other text, such as page titles in page banners or text contained in FrontPage-based components cannot be automatically replaced.

To replace text on all pages in the current web

1. On the Edit menu, click Replace.

1. FrontPage displays the Replace dialog box. Here, you enter the string of text to be found and what you to replace it with. You can choose to replace text on all pages in the current web, or an selected pages only.

1. In the Replace dialog box, type Welcome to my Web site in the Find what box.

1. In the Replace with box, type Thanks for visiting my Web site.

1. Click the Match case check box, and then click Find in Web.

FrontPage expands the Replace dialog box to display the progress of the search. The search text you want to replace is found on the home page, index.htm. When the operation has been completed, FrontPage displays the number of occurrences it has found.

1. Click Add Task in the Replace dialog box.

1. Click Cancel to dismiss the Replace dialog box. The replacement search is complete, but the actual replacement will not occur until you complete the task in Tasks view.

Completing Web Tasks

Tasks view displays the list of all outstanding tasks associated with the current web. Tasks are items that need your attention before you publish the web. In the previous exercises, you added tasks to a list when you deferred certain actions. For example, when you checked the spelling of the pages in your web, you choose to add a new task for each page containing misspellings. By adding tasks to the list, you can complete such corrections all at once.

If you are working in a web development environment or on an intranet, Tasks view makes it easy to track web tasks and assign them to authors who work on the same web.

To complete tasks in Tasks view

Tasks icon

 

1. On the Views bar, click the Tasks icon. FrontPage displays the Tasks list.

1. Double-click the first task on the list, labeled “Fix misspelled words.”

1. FrontPage displays the Task Details dialog box. Here, you can see details about the task you’re selected. You can set the priority of the task, assign it to another author on your network, or complete the task and remove it from the list.

1. In the Task Details dialog box, click Start Task. FrontPage switches to Page view and opens the page containing the misspelled words.

1. In the Spelling dialog box, click Ignore when FrontPage questions the name “Balleny”.

1. Click Add to add “Cheops,” the name of the Egyptian king, to your dictionary. FrontPage shards custom dictionaries with other Microsoft Office applications, so you don’t need to add custom words in each application separately.

When you add verified words to your dictionary, they will not be questioned again.

1. Click OK. FrontPage completes the spelling check. If you want to, you can now return to Tasks view and mark this completed. Although it is not required that you complete every task before publishing your web, it is good idea to review this list when you are finished making changes to the web. Tasks view helps you manage webs by flagging important reminders for you.

Publishing the Millennium Celebration Web

When you publish your web on the World Wide Web – or your company intranet- FrontPage automatically verifies your hyperlinks, the addresses of your pages, and the paths to your files.

If you do not want to publish the Millennium Celebration Web to your Web server, read this procedure for reference only, without actually completing the steps.

To publish the Millennium Celebration Web

1. Close all open pages in Page view.

Publish Web button

1. On the File menu, click publish Web, or click the Publish Web button on the toolbar. FrontPage displays the Publish Web dialog box. Here, you specify the location on the World Wide Web or your corporate intranet to which you want to publish your web. Your Internet service provider can tell you this information.

You need Internet access through an Internet service provider before you can publish your web to the World Wide Web. If you want Presence Provider that can host FrontPage –enabled webs, click the WPPs button in the Publish Web dialog box.

1. In the Publish Web dialog box, enter the URL of your target Web server, (such as http”//example.microsoft.com/~myweb), and then click Publish. FrontPage publishes the current web from your computer to the World Wide Web or intranet Web server you specified.

                One-button publishing After you publish a web for the first time, you can bypass the Publish Web dialog box by using the Publish Web button on the toolbar. This quickly publishes any updates you’ve made to your pages without having to provide any information about the web’s location. To again display the Publish Web dialog box, use the Publish Web command on the File menu instead of the toolbar button.

If FrontPage detects that you are publishing to a Web server that does not support the FrontPage Server Extensions, it will publish the current web via the FTP file transfer protocol. If the Web server to which you are publishing your webs has the FrontPage Server Extensions installed, your webs will have full functionality of FrontPage- based components and Web scripts that you may have inserted on your pages.

Publishing webs to a Web server that does not have the FrontPage Server Extensions installed may disable some functionality contained on your pages, such as the feedback from you added. FrontPage will display informational messages during the publication process to alert you of such conditions.

During the publishing process, FrontPage displays a progress bar to indicate how much time is required to transfer you web to the target Web server.

The speed at which FrontPage publishes your web depends on your connection speed, as well as the number and complexity of the pages and files in your web.

Excluding pages from being published when you publish a web, all of its pages and files are published by default. To exclude pages or files form being published right-click the page or file in a web view, click Properties on the shortcut menu, and select the Exclude this file when publishing the rest of the web check box on the Workgroup tab.

When FrontPage has successfully published your web, it providers a hyperlink to your new Web site in the confirmation dialog box. Click the link to open the published Web site in your Web browser.

 

Deleting a Web Site

 

When you first start creating web sites with FrontPage, you will probably want to experiment. As a result, you will more then likely end up with Web sites on your hard disk drive that you no longer need. What’s more, if you make a mess when creating a real Web site and decide to start over, because you already have a Web site with your chosen name stored on your hard disk driver FrontPage will not allow you to overwrite the existing site with a new one. You must create a whole new set of files by appending a number to the name you want to use. To solve these problems, you might be tempted to simply delete existing sites in Windows Explorer, but if you do, you risk leaving behind extraneous hidden files. Inserted you must delete the sites from FrontPage. In this exercise, you will delete the two Web sites you created with templates at the beginning of the chapter. Important if you did not create the OnePage and Personal Web sites in the first exercise of this chapter skip this exercise. USE the OnePage and personal Web sites you created in the first exercise of this chapter. OPEN the OnePage Web site.

 

1. In the Folder List, right-click the top-level folder of the site, and click Delete on the shortcut menu to open the Confirm Delete dialog box.

 

1. Select the Delete this Web site entirely option, and then click OK to delete the Web site. The Web site is deleted and the Folder List closes because the displayed content no longer exists.

 

1. click the down arrow to the right of the Open button, and click Open Site in the Open drop down list,

 

1. Browser to and open the Personal web site created at the beginning of this chapter.

 

1. Repeat steps 1 and 2 to delete the Personal Web site.