Setting up your site
Setting up the site structure
Once you have created a map of your site representing your site
structure you will know what your top-sections are and in turn the
Try to keep the number of sections in the
top-toolbar to a minimum so that the links do not wrap onto two lines on
small screens and so users can easily scan the page.
If you have too many top sections then do not use the top
toolbar, instead treat the left-hand navigation as your first
level. This will remove a layer of navigation but will make
the site more user friendly. Try to structure the site as your
audience would expect. Your site should act as a business tool
helping people to perform tasks or find information.
Create folders for the top level of navigation. In each of the top-level folder create folders for the second level
and so on.
Start with your home page
- Base your home page on default.htm.
- The top toolbar is a
FrontPage Include. You can open the top toolbar by right-clicking on
it and choosing Open ...
- The banner is another FrontPage Include which you can open in the same
- You will need to replace the site title image with your
own. The Photoshop file title.psd is included in the images folder.
If you have a graphics package you will be able to modify it, otherwise contact Christina Thompson or
Maureen McLellan who can create one for you.
- You will also need to
replace or delete the link to your parent department/site. You
should always keep the link to the I-Web home.
- When you save the
changes in the banner the toolbar will be updated.
- You will also need to add your top sections to the toolbar. You
can overwrite the example sections in the toolbar and change the
links. In this case Home uses the style topactive and the other
links use the style top. To change the style on a hyperlink right
click the link and select Hyperlink Properties, click Style then
change the Class. For more information go to the Stylesheet
page in the templates site.
- There is a Search link on the top toolbar. If your site
is on the Corporate I-Web server then you will need to replace yoursite
on the link with the short name of your site. If your site is
held on another server then contact that server manager for
advice on search facilities.
- When you save the toolbar this will update all
the pages including it.
- Amend or delete sections in the left-hand
navigation to show the second-level of navigation of the Home
section. All non active sections in the left hand navigation
should be contained by dashed dividing rules. The active
section is highlighted by solid dividing rules.
- Change the footer to show your name linked to
your Global Employee Directory Entry. The Authorised image in
the footer has to link to the Registration Details page for your
site. You can
register your site at http://www.ime.reuters.com/site/register.asp
- You can then add your content to the content area.
- If you want external links you can copy that element from the
Creating more pages
- Make a copy of default.htm and change whatever you
- The file template.htm contains all
the elements that you will need to create a new page
- The authorised footer should now be replaced by the footer
for other pages as outlined in the How
to use.. section of the templates site. It should contain links to the
homepage of your site, the date updated, the name of the last
person to update the site linked to their GED and a link to the
A new top level page
- When you create a new top-level page you will need to create a
new top toolbar which shows that section as being active.
a copy of top_home.htm in the includes folder and rename it
top_newsection.htm you will need to do this for all the top
level sections in the site.
- Edit the styles in this file so that the new
section uses the style topactive and home uses the style top.
- You will also
need to change the new page to point to the new top toolbar.
Right-Click on the toolbar and select Include Page Properties,
choose Browse and you can navigate to the new toolbar.
- Change the left hand navigation. The active section should be
highlighted by using the leftactive style applied by
right clicking the link select Hyperlink Properties then Style
and then class, this link should be highlighted by solid
dividing rules . All non-active sections have style left
and are surrounded by dashed dividing rules.
- Make a copy of the page nearest in
appearance to the one you need to create. This will mean your
copy will already have the correct top toolbar and the beginnings of
the left-hand menu.
- To change the active section in the
left-hand menu select Hyperlink Properties, Style and change the
style to leftactive.
- You will also need to change the
image dividers surrounding the active section. If the active
section has sub-sections (i.e. third level navigation) then you will need to add a cell below the
active section you can copy this from the menu in template.htm.
you need to add links to other sites then use the example for
external links in template.htm
There is a feedback form included in the templates feedback.htm
there are instructions in that file to enable you to direct the form
to the correct recipients
For the styles to work each of your pages needs to contain a link to the
stylesheet. If you need to link the stylesheet in to a new page then
open the page within FrontPage, click Format, select Style sheet links
this will open a window you can then select or browse to the
stylesheet styles.css. For
more detail about the Style Sheet look at the style sheet section in
the template site http://www.ime.reuters.com/templates/ If you are
unsure how the navigation works there is a demo site available from
the templates site.