Butterfly link to home page
EDT 555 Advanced Web Design: Tips & Tricks

FrontPage Topics 

   

How to check for broken hyperlinks

This report allows you to find pages that contain broken hyperlinks to either internal Web site pages or links to other Web sites.

  1. From the Site Summary display you can click the Hyperlinks link or from the top menu select View >> Reports >> Problems >> Hyperlinks.
  2. Then click the check hyperlinks icon.
  3. From the Verify Hyperlinks dialog box, select either Verify only unknown hyperlinks or Verify all hyperlinks, and then click the Start button.
  4. Once the hyperlinks are verified, you can right-click any broken link to either edit the hyperlink or edit the page.

How to check for accessibility problems

  1. On the Tools menu, click Accessibility.
  2. From the Accessibility dialog box, specify the pages you want to check for accessibility issues.
  3. Specify the accessibility guidelines you want to check for conflicts.
  4. Specify the types of items you want to include in the accessibility report.
  5. Click the Check button.
  6. Once all of the selected pages have been checked, those pages with accessibility issues will be displayed.
  7. To move up or down in the list of issues and view the associated html code, click Previous or Next.
  8. Pages with issues, the type of issue, and a problem summary will be displayed. Problem details and suggested corrections also will be displayed for each issue.

How to make title attributes (called Screen Tips in FrontPage)

  1. In Design view, select the hyperlinked text, and then click the Hyperlink icon on the Toolbar.
  2. Click the ScreenTip button.
  3. Type the text you want to use as a title attribute, and click OK.

How to remove html formatting

  1. In Design view, select the content that you want to remove formatting from.
  2. On the Format menu, click Remove Formatting.

How to make a simple jump menu by creating a form

Open your page in HTML view and select within the <body> section of the code the part of the page where you want your menu to appear using the following code:

<form>
<select onChange="if(options[selectedIndex].value)
window.location.href=(options[selectedIndex].value)">
<option>Select one...
<option value="http://www.west.asu.edu/achristie/">Dr. Alice Christie's Home Page
<option value="http://www.ed.gov/index.jhtml">U.S. Department of Education
<option value="http://www.ade.state.az.us/">AZ Department of Education
<option value="http://www.edweek.org/ew/index.html">Education Week
</select>
</form>

Change the code to link to your web pages. You also can change the "Select one..." display in the form to whatever instructions you prefer.

Automatic jump menu sample:


  
 

Using FrontPage without the FrontPage server extensions

Many of FrontPage's features will function without the server extensions being available, but the following features require that the server extensions are installed:

  • Forms processing (but you can use FrontPage to design forms, and a CGI script to process the form)
  • Themes
  • Search form
  • Bulletin board
  • Security
  • The hit counter
  • SubWebs
  • Database features

Creating hover buttons

  1. Place the cursor on the page where you want the button.
  2. From the top menu, select Insert > Interactive Button.
  3. From the Interactive Button window, select the button style you want from the Buttons menu list.
  4. Type in the Text box, the text you want to appear on the button and type the link for the button in the Link box.
  5. You can see how the button will look in the Preview window.
  6. By selecting the Font and Images tabs, you can change the settings for the text font and image attributes.
  7. Click OK to insert the button.
  8. Save the Web page. When the Save Embedded Files window appears, click OK to include the button images in the folder with the Web page.

Inserting meta tags

Insert meta tags: Open the htm page. Right-click on the page. Select Page Properties… In the Page description box, Type in a meaningful description of the web page. In the Keywords box, type in keywords (separated by commas) that are descriptive of the web page.

Inserting page titles

Right-click on the page. Select Page Properties… Type in the Title of the web page in the Title text box.

Creating a school home page that includes a banner, a gif title, a simple navigation bar, a table containing school information, a nested table, and a footer for copyright notice

  1. Open a new page

  2. Press Enter to set a carriage return. Place the cursor at the top of the page and using the Table Icon in the top tool bar, select a table with 1 row and 1 column.

  3. Right-click within the table and select Table Properties. Specify a width of 755 pixels, 0 cell padding, 0 cell spacing, and a border size of 0.

  4. Place the cursor in the table and using the Image Icon, browse to the Images folder containing the banner.jpg file and insert the image.

  5. Place the cursor below the table and create another table with 3 rows, 1 column, and a width of 755 pixels, 0 cell padding, 0 cell spacing, and a border size of 0.

  6. Place the cursor in the top row; from the text tool bar specify Verdana, 10 pt. and type in the pre-defined menu bar.

  7. Insert the pre-defined text in the second row. Specify body text to be Verdana, 10 pt.

  8. Highlight “Welcome to Our Web Site!” and specify Heading 2, Verdana.

  9. Highlight “Our mission” and specify Heading 3, Verdana.

  10. Highlight “Contact us” and specify Heading 3, Verdana.

  11. Put the cursor in the bottom row and type in: “2005 Verde Canyon Elementary School District. All rights reserved.” Then place the cursor in front of 2005, and from the top menu, select Insert – Symbol. Scroll until you see the copyright sign and double click it to insert it before the text.

  12. Highlight all of the copyright text and specify Arial, 10 pt.

  13. Insert nested table with non discrimination text.

Link to an external cascading style sheet using FrontPage:

  1. While in Design view, from the top menus, click Format > Style Sheet Links > Add.

  2. Locate and click the .css file for the external style sheet.

  3. To link the external CSS to only the current page, click Selected page(s).

  4. To link the external CSS to all pages in the current Web site, click All Pages.

Note: Turn support for cascading style sheets on or off: On the Tools menu, click Page Options > Authoring tab. Select or clear the CSS 1.0 (formatting) and CSS 2.0 (positioning) check boxes.

Using anchors (in FrontPage an anchor is called a "bookmark.")

  1. Place the cursor at the top of the page; then from the top menu, select Insert > Bookmark.

  2. From the Bookmark window, type "top" in the Bookmark name text box and click OK.

  3. Type "go to top" at the end of the page, highlight that text, and click the Insert Hyperlink icon in the toolbar or from the top menu select Insert > Hyperlink.

  4. From the Insert Hyperlink window, click the Bookmark button, click the "top" bookmark, and click OK, OK.

 

News  HTML  Dreamweaver  FrontPage  Photoshop Elements  Style sheets  JavaScript  Powerpoints  Misc