Banner Head

APS Level 4 Home Page - Introduction and Software
APS Level 4 University Regulations and Style Guide
APS Level 4 Using Images and Colour
APS Level 4 Before You Start Your Website
APS Level 4 Setting up the KompoZer Program
APS Level 4 Page Layout
Previous Year Level 4 Student Web Pages
Department of Animal and Plant Sciences Level 4 Pages


APS Level 4  2010 - 11  Planning your website


There are some very important details that you need to keep clearly in your mind before starting to construct your website.



What is a website?

A website is similar to a spiders web. A spider makes an orderly web from strands of silk linked together where one strand crosses another strand. A website consists of many strands of information linked together and organised into a an orderly structure, in such a way that a site visitor can locate and quickly display or print the information of interest. To make this possible, you the website author, need follow some simple rules.

Managing your files - One folder only!

It is essential that you first make a folder on your hard disk in which to save all of the files associated with your website. This folder needs to be easy to find, preferably located within the 'My Documents' folder.

Give this folder a simple name using lower case letters only, e.g. 'glyns-website' (substitute your own name for glyn) . This folder will be used as a 'container' to hold all of the files; web pages, images, backgrounds, graphics etc. that are used on your website. You must not create any sub-folders within your main website folder because each student website is organised in a single folder structure on the University web server.

Here is a list of main file types that may be used on your website.

Text files and Microsoft Word files - not actually used on your website, but used as working document files for the basic text of your website pages should also be saved into your website folder.

File names -  Use lowercase letters only!

Websites are unlike other collections of files. It is most important that you take great care when naming each file used in your website. Remember that the University Web Servers may not use the Microsoft Windows operating sysytem and thus may require more careful choice of the alpha-numeric characters used in file names. For this reason please use only lower case letters for your file names.

Characters that you may also use in file names include:

The lower case letters a to z

The numbers 0-9

The hyphen or dash character -

If you have  used any other characters, your file may not be recognised by the web server. The 'space character' (space-bar) and punctuation characters should NEVER be used in a website file name!

If you are re-using files that you have saved previously, check before you use them on your website that the name of the file follows the above rules - if they don't....... rename them before using them in your website!

Also be aware the rules I have outlined here apply specifically to the University web server. Other web servers may not follow these rules, so you may need to rename any files that you have downloaded from  websites hosted on non-university web servers if you wish to use them in your University website.



Here are some examples of correct filenames



The first or opening or 'Home Page' file of any website should be named index.html. This allows search engines to quickly locate the start file of a website. Below are examples of filenames using characters suitable for the University web server.


index.html

lower case letters, correct extension

tree-root-20.jpg

lower case letters, dash, numbers, correct extension

proj-desc.html

lowercase letters, dash and correct extension

 

And... examples of incorrect file names and the reasons why they are incorrect



tree root.jpg

Incorrect - space in filename

Tree-Root

Incorrect - capital letters used - no file extension

tree_root.tif

Incorrect - underscore used - tif extension not allowed

tree/root.gif

Incorrect - illegal character '/' used

stream. JPG

Incorrect - space and capitalised filename extension

index.htm

Incorrect - extension should be html




When your website is complete

When your website is complete, you will need to copy your website folder and the files it contains, to a removable USB memory drive.

Folders on USB Stick

Your web site folder should contain your page files .html, image files .jpg .gif and .png, Adobe Acrobat files .pdf. It may also contain any other file types that you may have used as 'working files' for example .doc files and .txt files

Folder Structure

I will upload your files from your USB memory drive to the University Web Server (located in CiCS), using an ftp (File Transfer Protocol) link from a computer located in my office. Your website will be then be 'live' on the internet. It will be linked from the Level 4 Student Web Pages on the APS level 4 web site.