Web Site (Design and Maintainance Advice)

Practical Points   Quick Questions    Practical Solutions    Links to Documents    Location Maps    Thumbnail Images    Registering with Search Engines    Firewall Protection    Indexing with META Tags    Templates You Can Use
Practical Points
  • Function
    Virtual Shop front, Information for customers, Information for employees, Links to other sites, Advertising, On-line ordering, Data collection, Alternative contact, Sales Generation?
  • Site Husbandry
    After the initial setup, who will maintain it? How often will it need updating? What aspects will need more regular updating?
  • Colours & Style
    Do you want a corporate image/ mood? Some combinations work better in different markets. Consult an artist.
  • User Friendliness
    Design the site around those who will be accessing it. An employee's utility need not be decorated. What devices could be used to access the site (WAP, Palmtops, TV)
  • Content vs Glamour
    Try to look beyond gimmicks and concentrate upon function. Swirly and flashy can make public users wait and look elsewhere.
  • Image
    Even a simple 'Site can look professional in its layout (hopefully this one does!).
  • Screens not Pages
    Don't think A4 pages, think Screen Size. Try to make the first pages at least be accessible without the user having to scroll too much. An 800x600 resolution is best as it is a happy medium.
  • Text vs Graphics
    INFORMATION must be concise and clear. Pictures slow-up pages, so keep them to a minimum and make sure they are optimised for the web. This applies to background, logo and spacer images also.
  • Ultimate Destination
    Some pages can be designed differently because they simply contain information which users may read, copy or just print out.
  • Hyperlinks
    Pages on the web can be linked to other pages, so treat each page as having a separate theme or item. A site with more small pages is better than one with just a few large pages.
  • Navigation
    Think about the routes different users may take through your site. Make it easy for them to get back to a significant launchng point. Three clicks should be a maximum to get to any page.
  • Contact
    Make it easy for users to contact you. Include a link to a page that will let them Email you. Include your contact details at the bottom of the first page if possible.
  • External Links
    Links to other sites/ resources can be mutually advantageous but also may divert away from your site. Set a target frame as '_blank' so your page still is displayed.
Quick questions to ask about a Web Site
  • Is text (colour & size) legible?
  • Do pages load quickly? (Smaller pages less than 10kb without many graphics do).
  • How does the page appear on different-sized screens and at different resolutions?
  • Do all images have alternative text descriptions?
  • Have all images a specified width & height?
  • Are all links clear as to where they will take the user?
  • Are text links also available if image maps can't display?
  • In a site with frames, is there a non-framed route available?
  • Are alternatives available should Javascript, Flash etc not be possible in a user's browser?
  • Accessible downloads? If you provide downloads in, say, .pdf format, do you have a link to an appropriate resource e.g.http://access.adobe.com/ to make the document reader available?
  • Will Documents be readable? Think about presenting downloadable documents in universal formats such as .txt, ..html and .rtf rather than a format specific to your word-processor. Otherwise make an appropriate reader available to the user.

Back to Top

Practical Solutions
Links to Documents
If you upload say, an Excel document (***.xls) to your web space, by creating a Hyperlink to it (<A HREF="***.xls">*** Spreadsheet in Excel Format) anyone who clicks on the link can download the document to their computer. If they have a compatible Spreadsheet program or a viewer, they can save it and view the document as it was created.
You can, of course, use most 'Office' programmes ability to File=>SaveAs and choose html or webpage format to create a web-friendly-ish version of your documents. How this integrates into your website though needs careful consideration.
Whichever, this an efficient way of sharing documents between employees. Individual documents can be password protected in some cases and/or zipped up in a password-encoded encryption file if security is an issue.

Back to Top

Maps
Because of copyright, you can't just cut & paste a map off a mapping utility like Autoroute. You can, however, use Multimap. You can link your postcode to call a map up on their site which can show your approximate location.

Back to Top

Thumbnails
Generating thumbnails can be time-consuming. On a PC, using IrfanView lets you convert many image files in a folder instantly into manageable thumbnails extremely quickly.

Back to Top

Registering Pages with Search Engines & Directories
Whilst easy to do, the main cost will be TIME. Some software application and services promise to automate this process, but some search engines now ignore automated requests due to having been showered with them.

Search Engine Watch is useful if you want to develop a strategy for getting your site listed in search engine indexes.

Find the directory/engine's web site and look around. Most search engines have a link to a form you fill in with details of your URL (web address). It can take from a few days to six weeks for your pages to appear.

Popular Search Engines/ Directories:
AltaVista
Lycos
InfoSeek
Webcrawler
Excite
HotBot
LookSmart
Yahoo
Google

Back to Top

Firewall Protection
A Firewall hides your computer's 'identity' from others on the Internet. For Personal (free) and Business use (nominal fee) Zone Alarm comes highly recommended. It sets up a shield that will make your connection to the Internet safer. It works with Dial-up and LAN connections and is very easy to configure. Modern Mac (OSX) and Windows (XP) computers have basic firewalls built in.

Back to Top

Indexing with META Tags
Meta tags are a way of helping the search engine robots to find and define your site. If e.presley@bluesuede.com had a website.. If he had to pick out the important areas of information, he might write a list of these words; "music, rock'n'roll, all shook up, king, elvis, presley, elvis aaron presley...". This would give the search engine an idea of what was on his pages. He would write this list of words between "meta tags" in the "head" section of his index page. The HTML would look like this:
<HEAD>
<TITLE>Mr Presley's Rock'n'Roll Web Site</TITLE>
<META name="keywords" content="music, rock'n'roll, all shook up, king, The King, King, Elvis, elvis, Presley, presley, elvis aaron presley,">
</HEAD>

Note the use of capitals, to take account of names. Try to thin of what search words people might use to find your service. Take account of ambiguity, word-association, different languages and mis-spellings if you wish to. A meta-tag list of 30 well-chosen words is better than one of 60 poorly-selected ones.

Back to Top

Templates You Can Use
OK, we've made you sweat and try to make sense of the snippets of code needed to construct a webpage and a website. Below are zip files that each contain a simple useable website template:
  1. A 5 page template for a simple website with a horizontal menu at the top (avco-notable (3k))
  2. A 5 page template for a website with a vertical menu on the left using a table for layout (avco-table (4k))
To use either of these as a starting point, simply copy the 5 html (.htm) files to a folder of your own and open them up in your preferred Editor (e.g. NoteTab Light). Replace content with what you like, remembering, if you change page names, you need to change the hyperlinks in each of the website pages.

Back to Top


KnowledgeBase Index