Microsoft FrontPage 2003 Illustrated Complete Working on the Web Site’s Hyperlinks and Appearance

Unit C 2Working on the Web Site’s Hyperlinks and Appearance  Understand Navigation view  Add existing pages to the navigation structure  Add blank pages to the navigation structure  Turn on shared borders Objectives

Unit C 3Working on the Web Site’s Hyperlinks and Appearance Objectives  Change link bar properties  Change the content of a shared border  Apply a theme to a Web site  Customize a theme

Unit C 4Working on the Web Site’s Hyperlinks and Appearance  Hyperlinks can open: –Internal links, which are locations in the same Web page –External links, which are locations in another Web page or Web site  Shared borders are areas that appear in every page in a Web site that use them and using them is an easy way to create the hyperlinks that connect the pages in a Web site

Unit C 5Working on the Web Site’s Hyperlinks and Appearance Working on the Web Site’s Hyperlinks and Appearance (cont.)  You can enhance your Web site’s appearance by applying a theme, which is a collection of coordinated graphics, colors, and fonts applied to individual pages or all pages in a Web site

Unit C 6Working on the Web Site’s Hyperlinks and Appearance Understanding Navigation View  Navigation view shows a Web site’s navigation structure  FrontPage automatically adds the home page to the navigation structure  If you use a template, FrontPage might add other pages created by the template to the navigation structure  When you add new pages, you must manually add them to the site’s navigation structure in Navigation view

Unit C 7Working on the Web Site’s Hyperlinks and Appearance Understanding Navigation View (cont.)  When you add pages below the home page, the home page becomes the parent page and the pages below it become child pages  After you add pages to the navigation structure, you can move, rename, delete, and open pages  Renaming a page changes its title, which appears on the page icon  When you delete a page from the navigation structure, you can delete the page from the navigation structure or from the Web site

Unit C 8Working on the Web Site’s Hyperlinks and Appearance Understanding Navigation View (cont.)  Double-clicking a page icon in the navigation structure opens the page in Design view  Some Web sites include pages that don’t need to be included in the navigation structure  You cannot add files that are not Web pages to the navigation structure  Position pages in the navigation structure to impact the appearance of some FrontPage components in a Web site

Unit C 9Working on the Web Site’s Hyperlinks and Appearance Understanding Navigation View (cont.)  Sample navigation structure

Unit C 10Working on the Web Site’s Hyperlinks and Appearance Adding Existing Pages to the Navigation Structure  You can use Navigation view to add an existing page in a Web site to the navigation structure by dragging its filename from the Folder List and dropping it in the correct position in the navigation structure  You can insert components that are dependent on the navigation structure and rearrange the pages in the navigation structure at any time

Unit C 11Working on the Web Site’s Hyperlinks and Appearance Adding Existing Pages to the Navigation Structure (cont.)  The hyperlinks that appear in the link bar in a shared border are called navigation buttons, even though a navigation button might appear as regular text instead of as a button

Unit C 12Working on the Web Site’s Hyperlinks and Appearance Adding Existing Pages to the Navigation Structure (cont.)  Adding a child page of the home page

Unit C 13Working on the Web Site’s Hyperlinks and Appearance Adding Blank Pages to the Navigation Structure  You can use Page, Folders, or Navigation view to add a new page to a Web site  When you create a new page in Navigation view, you can create the new page in the site and add it to the navigation structure at the same time  If you add a page in Page or Folders view, you must switch to Navigation view to add the page to the navigation structure

Unit C 14Working on the Web Site’s Hyperlinks and Appearance Adding Blank Pages to the Navigation Structure (cont.)  New Page in Folders view

Unit C 15Working on the Web Site’s Hyperlinks and Appearance Turning on Shared Borders  A shared border is an area that appears in every page in a Web site that uses it  Shared borders can contain a link bar or a page banner  A link bar contains hyperlinks based on the navigation structure  A page banner is a picture or text object that includes a page’s title

Unit C 16Working on the Web Site’s Hyperlinks and Appearance Turning on Shared Borders  Shared borders can also contain other text and graphics that you want to appear in every page that uses them  If you used a template to create a Web site, FrontPage may have automatically created shared borders for the site  You can turn on shared borders from Page, Folders, or Navigation view

Unit C 17Working on the Web Site’s Hyperlinks and Appearance Changing Link Bar Properties  If you select the option to include navigation buttons when turning on shared borders, FrontPage creates a link bar component using the default settings for that shared border  By default, the top shared border link bar contains links to same-level pages, the home page, and the parent page  By default, the left and right shared border link bars contain links to child-level pages  After you create shared borders, you can use the Link Bar Properties dialog box to review and revise the link bar

Unit C 18Working on the Web Site’s Hyperlinks and Appearance Changing Link Bar Properties (cont.)  Link Bar Properties dialog box for the top shared border

Unit C 19Working on the Web Site’s Hyperlinks and Appearance Changing the Content of a Shared Border  In Design view, you can add the following to any shared border: –Text –Pictures –Objects

Unit C 20Working on the Web Site’s Hyperlinks and Appearance Changing the Content of a Shared Border (cont.)  You can turn off shared borders for: –All pages in the navigation structure –The current page in Page view –Only the pages selected in Folders or Navigation view  Useful when the content of a shared border repeats information that already exists in the page, such as company name and address

Unit C 21Working on the Web Site’s Hyperlinks and Appearance Applying a Theme to a Web Site  Themes ensure a consistent, professionally designed appearance in a site  You can change a theme’s appearance by changing its attributes - active graphics, vivid colors, and background picture  Active graphics are theme elements that become animated in the page  Vivid colors are created by an enhanced color set to produce brighter, deeper colors  A background picture is a picture that is used as the page’s background

Unit C 22Working on the Web Site’s Hyperlinks and Appearance Applying a Theme to a Web Site (cont.) Preview of selected theme Theme attributes

Unit C 23Working on the Web Site’s Hyperlinks and Appearance Customizing a Theme  You can change the appearance of text, colors, hyperlinks, backgrounds, and other theme elements once you’ve applied a theme to a Web site  Customizing a theme is more efficient than using Formatting commands to create a new look  Customizing a theme helps ensure consistency

Unit C 24Working on the Web Site’s Hyperlinks and Appearance Customizing a Theme (cont.)

Unit C 25Working on the Web Site’s Hyperlinks and Appearance Summary  Navigation view shows a Web site’s navigation structure  FrontPage automatically adds the home page to the navigation structure  You can add existing pages to the navigation structure

Unit C 26Working on the Web Site’s Hyperlinks and Appearance Summary  You can add blank pages to the navigation structure  Shared borders are areas that appear on every page in a Web site that uses them  Shared borders can contain a link bar or page banner

Unit C 27Working on the Web Site’s Hyperlinks and Appearance Summary  You can change link bar properties for shared borders  You can change the content of a shared border  Applying a theme to a Web site ensures a consistent, professionally designed appearance

Unit C 28Working on the Web Site’s Hyperlinks and Appearance Summary  You can change a theme’s appearance by changing its attributes  You can customize a theme that you’ve applied to a Web site to more closely match your needs