This page contains specific instructions for using the ECEn Secondary Page templates in Microsoft FrontPage. It is essentially a
checklist of things you need to do to turn the template into a working page. Secondary pages contain most of the actual information and content
presented on your site.
General Page Changes
Setting the Page Title
This explains how to set the title that appears at the top of the browser.
Click for screenshot
1
Select "Save As..." from the "File" menu.
2
Click the "Change Title" button. When the dialog appears, type in the title that you want the page to have.
Click for visual guide
3
Click "OK", then "Save". When asked if you want to replace the existing file, click "Yes".
Changing the "Last Modified" date
The "Last modified" date is found at the very bottom of the page and indicates when it was last updated.
Click for screenshot
You should update this value before posting a new version of your page. Editing it is easy--simply click on the text and start typing.
The Breadcrumb
Near the top of the page is a list of links that shows where you are in the page hierarchy. Like the breadcrumbs left by Hansel & Gretel, this
"breadcrumb" shows where you have been and provides a way to get back. A good example of a breadcrumb in action is found on the ECEn Employment: TA Positions page.
Click for screenshot
Adding Breadcrumb Links
If you need to make the breadcrumb trail longer by adding more links, do the following:
1
Select the "li" tag surrounding one of the breadcrumb links.
Click for visual guide
2
Type CTRL-C or select "Copy" from the edit menu.
3
Hit the right arrow key once.
4
Type CTRL-V or select "Paste" from the edit menu to add a new breadcrumb link. Repeat once for each new link desired.
Removing Breadcrumb Links
If you have too many breadcrumb links and need to delete one (or more), do the following:
1
Select the "li" tag surrounding the breadcrumb link you want to axe.
Click for visual guide
2
Type CTRL-X or select "Cut" from the edit menu to delete the link.
Editing Breadcrumb Links
Once you have the right number, edit them as you would any other links. The last element of the breadcrumb should not be a link, it should
be the title of the current page (in bold). The link before that should point to the parent page, the next link back should point to the parent page of the parent
page, and so on.
Content
Most of the secondary page is reserved for the actual content, the "meat" of the page. Add whatever lists, links, tables, text, paragraphs, and pictures you want!
Click for screenshot
Guidelines
So that the page displays correctly, make sure that you put all of your content between the main heading "h1" tags and the "div" tag that ends the
content section.
Click for screenshot
In general, it is best to not worry about colors or styles and to let the templates take care of it for you.
Editing Content
Change the heading in the "h1" tags to suit the page. Then, below the heading, add whatever lists, links, tables, text, paragraphs,
and pictures you want!
The Left Sidebar
This part of the tutorial only applies if you have selected a template that includes a left sidebar. The left sidebar is used for navigating through
your site. All of the pages in a given section of your site should share the same left sidebar.
Click for screenshot
If your template has a left sidebar, you can find it in FrontPage right underneath the "div" tags reserved for content.
When viewed in FrontPage, the text for the left sidebar may be squashed up against the left side of the window, making it hard to read.
To make it easier to read without actually changing the formatting, do the following:
1
Click anywhere in the left sidebar area.
2
A number of black dots should surround the left sidebar's "div" section.
Click for visual guide
3
Click on one of the black boxes on the right side and drag it to the right. This should make everything easier to read.
The Right Sidebar
This part of the tutorial only applies if you have selected a template that includes a right sidebar. The right sidebar is intended to contain
links to similar or related pages. Although the steps here describe how to edit the right sidebar, the same steps will also work with a left sidebar.
Click for screenshot
If your template has a right sidebar, you can find it in FrontPage at the very bottom of the page, right above the footer bar.
Click for screenshot
Adding Headings
Do the following to add a sidebar heading:
1
Place the cursor where you want to add a new heading.
2
Type the text you want the heading to contain.
3
From the "Style" combo box, select "Heading 1".
Click for visual guide
Removing Headings
Select the "h1" tags surrounding the heading you want to remove and hit CTRL-X or the delete key.
Click for visual guide
Adding Single Menu Items
Do the following to add a menu item to a sidebar:
1
Select the "li" tag of a menu item next to where you want to add.
Click for visual guide
2
If you want to add an item before the one you selected, hit the left arrow key once. If you want to add an item after the one you selected, hit the right arrow key once.
3
Hit Enter. Your cursor should now be inside an empty set of "li" tags.
4
Add whatever menu item you wish (usually a link to another page).
Adding a Submenu
If you want to add a submenu, start by doing the steps in "Adding Single Menu Items" above. When you get to the final step, do the following:
1
Type in the title you want the submenu to have and press enter.
2
Add the items you want in the submenu after the item you just created. It should look like you are extending the current list.
Click for screenshot
3
Select all of the "li" tags you added, except for the first one (the submenu title). Find the "Increse Indent" button and hit it twice.
Click for visual guide
4
Congratulations! You have a new submenu. Edit it however you want.
Removing a Menu Item or Submenu
If you want to remove any menu item, select the "li" tags that surround it and hit CTRL-X or the delete key.
![[image]](./images/secondary_changetitle_show.png)
![[image]](./images/frontpage/secondary_changetitle.png)
![[image]](./images/secondary_modified_show.png)
![[image]](./images/secondary_breadcrumb_show.png)
![[image]](./images/frontpage/secondary_breadcrumb_select.png)
![[image]](./images/secondary_content_show.png)
![[image]](./images/frontpage/secondary_content_usable.png)
![[image]](./images/secondary_left_show.png)
![[image]](./images/frontpage/secondary_left_show2.png)
![[image]](./images/frontpage/secondary_left_view.png)
![[image]](./images/secondary_right_show.png)
![[image]](./images/frontpage/secondary_right_show2.png)
![[image]](./images/frontpage/secondary_right_heading.png)
![[image]](./images/frontpage/secondary_right_heading_select.png)
![[image]](./images/frontpage/secondary_right_item_select.png)
![[image]](./images/frontpage/secondary_right_sub_create.png)
![[image]](./images/frontpage/secondary_right_sub_indent.png)
