FrontPage - Tips

FrontPage Tips and Tricks

Topic status automatically displays here - do not remove.

Bookmark me!Bookmark this topic  Print me!Print this topic

Like all other Microsoft products, FrontPage (FP) has its own idiosyncrasies and quirks. 

This topic describes those FP behaviours which appear strange or illogical, and details the problem, with examples, solutions and workarounds, and tips.

Jump down to subjectGeneral Tips
Jump down to subjectUsing VSS with FP
Jump down to subjectWorking with Lists
Jump down to subjectWorking with Bookmarks
Jump down to subjectWorking with Hyperlinks
Jump down to subjectWorking with Tables
Jump down to subjectWorking with Character Entities

Note Note

Unless stated otherwise, all references are for FP2000, as supplied with Office2000.

Back to Top

See Also

Jump across to separate topicHow to install Office 2000 (including FrontPage 2000)
Jump across to separate topicHow to determine which version of FrontPage is installed
Jump across to separate topicHow to install the HTML Tools toolbar in FrontPage
Jump across to separate topicHow to add the Lotech Solutions style toolbar to FrontPage
Using FrontPage to Create Glossary Popups
Using FrontPage To Create Hidden Sections
FrontPage Keyboard Shortcuts
Tips and tricks for editing raw HTML

Back to Top

General Tips

Copying HTML from Word:

When using FP2000, don't copy anything directly from MS Word as it carries heaps of unwanted inline formatting with it. If you must copy something from a Word source, paste it into Notepad first (which removes all formatting baggage), then reselect and copy it from Notepad into FP. This annoying behaviour was remedied in FP2002 where MS has provided different paste behaviour with the clipboard.

FrontPage workaround temporary Version.txt location:

As a workaround to the annoying behaviour of FP to display it's preview pages from a temporary folder, and subsequently break all script created links, you should copy the attached Version.txt file to your login profile folder named "Local Settings", (e.g. D:\Documents and Settings\colinramsden\Local Settings\Version.txt).

Note Note

After upgrading to FP XP (2002), this behaviour reoccurred. You have to copy the Version.txt file into the folder named "Temporary Internet Files" beneath "Local Settings" in the profile. This is a devil in itself as the right-click Paste menu item is disabled (greyed-out) in this folder. You have to right-click on the folder itself in the tree in the Folders pane. The paste appears to work, even though the file doesn't display in the list view pane.

View Version.txt

Get Version.txt

Back to Top

Using VSS with FP

Apparently, FP webs can integrate with VSS5 and later, automating file check-in and check-out with SourceSafe. However, it appears that this can only occur if the option was chosen during the installation of VSS. You must select the Custom installation option, and check the Enable SourceSafe Integration check box.

For further details, see: file://syd-file2/doco/ADMIN/Help%20Tools/FrontPage%202000%20Server%20Extensions%20DK/adadv_6.htm#advss.doc-1019.

The next best alternative (if installing a new version of VSS is not possible), is to utilise the "light" version control mechanism available to FP Server Extension enabled webs. To enable this functionality, (disabled by default), you must first of all have the folder structure for the web project containing only the required files for the project in the folder, (with no mixed projects sharing "common" folders).

You next start-up FP and using the open web command (from the menu select File | Open Web), navigate to the root folder of the web project. You will be prompted to create a web and requested for permission to install the FP Server Extensions to the web folder. Accept the request.

Once open, click on the root node of the Folder List tree, then from the menu select Tools | Web Settings. On the General tab, check the Use document check-in and check-out check box. When prompted for confirmation, click Yes.

Back to Top


Working with Lists

Back to Top

Removing unwanted unpaired <P> tags within lists

Problem

Unfortunately, FrontPage does not produce paired tags when dealing with lists, which causes inconsistent display of the topic. The result is that the unclosed <P> tag is embedded within the closed <LI> tag pair. This does not comply with the ECMA-262 Standard and will break XML when we port the help to the dotNET platform.

Back to Top

Examples

Incorrect

  <UL>
    <LI>
      <P CLASS="txt">List item 1 text goes here.</LI>
    <LI>
      <P CLASS="txt">List item 2 text goes here.</LI>
  </UL>

Correct

  <UL>
    <LI>List item 1 text goes here.</LI>
    <LI>List item 2 text goes here.</LI>
  </UL>
Back to Top

Solution

To remove unwanted unpaired <P> tags located within list items:

Either

Back to Top

Tips

Back to Top

Creating wanted paired <P> tags within lists

Problem

Unfortunately, FrontPage does not produce paired tags when dealing with lists, which causes inconsistent display of the topic. As with the previous problem (Removing unwanted unpaired <P> tags within lists), the result is that the unclosed <P> tag is embedded within the closed <LI> tag pair. This still does not comply with the ECMA-262 Standard and will break XML when we port the help to the dotNET platform.

Back to Top

Examples

Incorrect

  <UL>
    <LI>List item 1 text goes here.</LI>
      <P CLASS="txt">Paragraph
 text displays here.
    <LI>List item 2 text goes here.</LI>
        </UL>

Correct

  <UL>
    <LI>List item 1 text goes here.</LI>
      <P CLASS="txt">Paragraph
 text displays here.</P>
    <LI>List item 2 text goes here.</LI>
        </UL>
Back to Top

Solution

To add paired <P> tags within lists:

This procedure is useful for adding paragraphs within existing lists whilst remaining in Normal tab view. Create the list outline first, then go back to insert any extra paragraphs within the list where required.

  1. Make sure that the list is properly formatted with start and close tags paired and nested properly. ie:
  2. <OL>
    <LI>List Item 1</LI>
    <LI>List Item 2</LI>
    <LI>List Item 3</LI>
    </OL>
  3. Make sure each list item has some content, and is not just a blank <LI></LI> tag pair. If need be, type in some placeholder text for the moment. This holds the list item's place in the list as FP has the tendency to convert any unused list items it finds at the end of lists into body paragraphs.
  4. When viewing from the Normal tab, (and with tags visible, and with the HTML Tools toolbar visible), insert the cursor at the end of the list item immediately above where you want to add the paragraph within the list. The cursor should be flashing to the left of the </LI> tag. Press the ENTER key. This will create a new list item which we'll convert into a paragraph.
  5. Format the new list item with a paragraph style (e.g. Normal.txt). This adds the single opening <P> tag within the list item tags. The following example shows the new paragraph added between list items 2 and 3.
  6. <OL>
    <LI>List Item 1</LI>
    <LI>List Item 2</LI>
    <LI>
    <P class="txt">
    </LI>
    <LI>List Item 3</LI>
    </OL>
  7. Click the xyz Edit tag button on the HTML Tools toolbar. This displays the edit tag dialog containing the unpaired <P> tag.

    xyz

  8. Move the cursor to the right of the <P CLASS="txt"> tag and type in the closing </P> tag. Then press the ENTER key.
  9. xyz

  10. Click on the parent <LI> tag (whilst still in Normal view) to highlight the whole tag set, then click the Remove Tag button on the HTML Tools toolbar. This deletes the list item tag pair leaving the paired <P> tag paragraph between list items, not within a list item tag set.
  11. <OL>
    <LI>List Item 1</LI>
    <LI>List Item 2</LI>
    <P class="txt"></P>
    <LI>List Item 3</LI>
    </OL>
  12. Insert the cursor between the <P> tag pair and type in the text of the paragraph. Every subsequent press of the enter key will create a new properly formed paragraph <P> tag pair as you would expect. To continue with the next or another list item, click within that list item to edit it.
Back to Top

Tips

Back to Top

Working with Bookmarks

Back to Top

Working with Hyperlinks

Back to Top

Working with Tables

Back to Top

Problem

Tables display with large ugly grey borders.

Back to Top

Examples

Incorrect

Column Data
NamespaceKey MS.HelpIntegrDemo.1033
NamespaceName MS.HelpIntegrDemo.1033
File_Collection _E933A8FC91204B9B839FF5B8C801A26D1
Description Help Integration Demo Collection

Correct

Column Data
NamespaceKey MS.HelpIntegrDemo.1033
NamespaceName MS.HelpIntegrDemo.1033
File_Collection _E933A8FC91204B9B839FF5B8C801A26D1
Description Help Integration Demo Collection
Back to Top

Solution

FP (or is it IE?) has the annoying tendency to display some HTML tags with default values which are not always obvious to the HTML author. Tables and Lists seem to cause the most grief to the unwary. Even though all table properties are set in the LotechSolutions.css, FP and IE ignore some of them unless certain conditions are met.

To properly apply Table styles

FP (& IE) require the TABLE tag to contain the CELLSPACING and PADDING parameters before they'll apply CSS values to them.

Back to Top

Tips

Back to Top

Working with character entities

Back to Top

Problem

FP has a limited range of characters it can interpret, understand and display properly. This particular problem involves how to insert an en-dash () or em-dash () into a topic in FP.

Note Notes

An en-dash is not the same as a hyphen (-), and is not used in the same places as you would use a hyphen. See Using proper typography.

FP does not apparently recognise or display en-space or em-space character entities. Nor does it recognise thin-space or hair-space either.

 

Back to Top

Examples

Incorrect

hyphen: -
double hyphen: —
underscrore: _
typing "–": –
typing "—": —

Correct

en-dash: 
em-dash: 
Back to Top

Solution

To insert an en-dash or em-dash character entity using FP:

Unfortunately, FP provides no tool to insert character entities, so you have to manually insert them into the HTML.

  1. In FP Normal tab view, move the cursor to the position you wish to insert the character at.
  2. Swap to the HTML tab view, and enter "" or "" (without the inverted commas or "quotes") to insert an en-dash or em-dash appropriately.
  3. Note Note

    The start Ampersand (&) and the end semi-colon (;) are required.

  4. Swap back to Normal tab view or Save the document, to view the character.
Back to Top

Tips

For details, see http://www.w3.org/TR/REC-html40/sgml/entities.html

Back to Top


Working with the problem template

Back to Top

Problem

Description.

Back to Top

Examples

Incorrect

WrongExample

Correct

RightExample
Back to Top

Solution

ProcedureTitle:

Either

Back to Top

Tips


See Also

http://news.cnet.com/2100-1001-239273.html | How to install Office 2000 (including FrontPage 2000) | How to determine which version of FrontPage is installed | How to install the HTML Tools toolbar in FrontPage | How to add the Lotech Solutions style toolbar to FrontPage | Using FrontPage to Create Glossary Popups | Using FrontPage To Create Hidden Sections | FrontPage Keyboard Shortcuts | Tips and tricks for editing raw HTMLxyz Lotech Solutions' Tips, Tricks, and Procedures

Back to Top