Page layout (header/footer/white space)

On this page we try to explain several settings which apply for a complete website.

Before we start: how to use this split-document function?

Automatic splitting of pages in document (as done here)

It is recommended to use the brief outline given here (spread among several pages) if a Word document is very large. Use for the headings in Word the format ‘heading1’. When you publish this Word document in your WebHare, go to its properties and choose ‘split document on heading1’ in the Publication tab and a new page begins at every heading1. You can also choose ‘split document on heading1 and generate index’ to automatically get a table of content just like this document has.

Linking within your document (e.g. to create a FAQ)

A similar function available in Word is to create links within your own document. An example: when you have a list of frequently asked questions. On top of your document, list all questions directly underneath each other. Now you don’t have to scroll down to see all the questions. Write the answers below the list of questions. When you click on a question, you are automatically directed to the answer. An example: On top of your document you have question 1, somewhere below that the corresponding answer. Select the question and add a hyperlink (right mouse click, hyperlink) in Word and choose the option to link within the same document. Now you can choose to which Heading1 title you want to link. This does not work when you use other types of headings. [Instead you can use internal bookmarks, which link to your headings. An example.]

FAQ: why is there so much unused white space on the left/right?

Answer: The UT website has to be accessible for the majority of people on the internet. The website is (without the white spaces) 1024 pixels broad. Nowadays (June 2010) 13% of the UT website visitors use a screen of 1024 pixels broad. For this group the website fits exactly on the screen. Extending the website would cause problems for this group of users (which is still very large).

Header (at the top)

The buttons ‘contact’ and ‘English’/’Nederlands’ will be added, when in the main folder of the website the folder ‘contact’ is produced. The second language is shown when in the main folder a folder ‘en’ or ‘nl’ is created. There is more information about the language settings in the paragraph ‘language’. Go back one page to see the language information.

You can also set the title of your website in the header. Select your website folder and click properties. In the @campus tab you can change the title of the website, for both the NL and the EN version.

Menu (left) and sub menu

If your site is part of another site (e.g. the website of a research group is part of a faculty), place a link back to… on the top of your site, so a visitor is able to better position the website within the thousands of UT websites. Select your site in the frame on the left, click on ‘properties’ in the menu at the top. In the pop up screen choose the ‘@campus’ tab. Here you can indicate that your site is a subsite of another site and add the name and web address of this parent site. Also select the option ‘Show ‘Back to parent site’ link in path’. At the same page you can also set whether you would like to show the search button in the menu (consilio search). Several folders will be placed automatically in the menu of your site (at the bottom): home, sitemap and printversion. These menu options do not appear in WebHare. It is also possible to add whitespace to the menu (as you can see in the menu left): place two minus signs (--) in the title of a new folder. You can add as many whitespaces in the menu as you like. Another option is to insert a folder into your menu named intranet or intra. The information in this folder can only be accessed through the UT-network, thus cannot be seen from outside the campus (except if you use a VPN connection to the UT).

You can choose to show a sub menu at the properties of your website. Adding a sub menu to your menu will show visitors of your site not only the main menu items, but also the menu items one level deeper. A sub menu can give a visitor a broader overview of what can be found on your website. Please note that you may have to change a few pages if you activate the sub menu. For example: when you previously selected ‘Who does what?’ at the S&C website, you saw everything what was in the folder ‘Who does what?’ . Now that we have selected to show a sub menu, some items are moved into the menu on the left. A lot less is shown in the main content screen, which means the index file has to be changed in order to better serve the visitor.

A few basic rules for the sub menu:


Ordering of the sub menu items is set in WebHare (right-click on an item, choose change ordering).


If you select the main item (Who does what?) you will see the index file of this item. Leaving the default index.html file unaltered means the visitors of your website will see a blank page.


The sub menu will show all other (other than index) items which are placed in this folder. It does not matter whether these items are folders, files or links.


Files (Word, Pdf, links) are not shown in the main screen, if they are already shown in the (sub) menu of the website. Folders are (if desired) shown in the main screen, because they contain extra information which is not shown in the sub menu, for example the content of the sub folder. You can choose to don’t expand the sub folder via the properties menu of the index file of the same folder. This means that when the folder already is shown in the (sub) menu, it will not be shown in the main screen. If the name of the folder is not shown in the menu (at a deeper menu level), the folder will not disappear, but it is not expanded. This means the name of the folder can be clicked, but you cannot see directly what information is placed in the folder.

Main screen

You can see a ‘bread crumb path’ at the top of every UT site. This shows what page of the website is currently displayed and what the parent site of this page is. The ‘bread crumb path’ usually starts with HOME, or with the name of your site (or the name of the parent site, if you activated this link, see the previous page). You can choose which of the two you want to show at the properties of your website, go to the tab @campus. Brother links is the name for a submenu at the top of your page. You can activate this at the same page (at @campus settings). What do brother links do? If you have 2 subfolders in one folder, the name of subfolder 3 is shown at the top when you select folder 2. (Map 1 also exists, but is not clickable in the overview, because it has no index file). The width of the main screen is fixed by the use of banners (shown in the right column), see the next page. You have two options regarding to the headings of news items: standard ‘latest news’ is shown at the top of a news folder. There are alternative settings (only the central webteam is able to set them):


Start page news folders: remove the ‘latest news’ text above the news items or replace it by self chosen text


Other news folders: show title of the folder instead of ‘latest news’ (setting will be applied to the whole website (!) and cannot be set per folder.

Banners (right)

On the right side of this page you can see a few examples of banners. One of them is a link which gives you more information about banners.

Footer (at the bottom)

The footer is always visible at the bottom of the page, so visitors can always find the most important sites and subjects of the UT directly. In the footer, on the right at the bottom of the page, there is a contact form. Here the visitor can complete a form, which is directly sent to the person who modified the page as last. Settings with regard to this form can be found here: select your website, click properties, go the the tab @campus and choose your preferred settings.