Skip to content

How to write Web Pages

Below is some information about how to write your own Web Pages. There are a lot of ways of writing bad web pages, that are poorly structured but the tutorials below will help you to start writing great web pages! :) The information has been gathered to help people reading this site make the most of their own web presence.

Most of the tutorials below concentrate on how to structure your web page. Towards the end are some that start looking at how your website might look. If you have been listening during the presentation you might remember that good websites deal with ‘look’ and ’structure’ separately. You should also BEWARE (and this is a disclaimer) that when you begin learning how to code web pages you will often mix style and presentation, there are lots of reasons why this happens but one is to keep it simple for beginners. However, if you are serious about your website then you will need to learn intermediate and advanced skills. It might even be fun!!!

Still want to scratch that itch? Well here are some suggestions about how to use the hands on session:

  • If you want to think about how to structure your web site then try ‘brain storming’ or ‘mind mapping’ a few ideas. Once you get a few ideas, (you will probably see words like ‘home’ and ‘about’) try grouping them together and seeing what groups form; if your site is going to be small then you will find words on their own. You might spot some duplications and that is fine. From there you will start seeing some natural headers. You might use these as main pages in a website. This is the beginning of what website professionals call an ‘Information Architecture’ and this can help organise the information on your website. Remember this is not about being ‘wrong or right’ but seeing how you can organise your website structure.
  • If you want to start looking at how to code a website, then try the tutorials on these websites:
    • W3 Schools Beginner. This is a useful place to start if you have never tried coding a web page before.
    • HTML Dog Beginner. This tutorial is good for anyone who has tried creating simple web page but would like to move on and improve their skills.
  • For anyone who has been trying to code web pages and perhaps has built a small website these tutorials might help:
    • W3 Schools XHTML. XHTML is a really important skill for building good websites. This tutorial is a good starting point.
    • HTML Dog Intermediate. This is a really helpful starting piece for anyone consolidating their web skills and needs to build web sites that would represent a small organisation (e.g. a church).
  • Ok still with us? Great. Below are couple of tutorials that start looking at ‘Cascading Style Sheets’ (CSS). These manage the ‘look and feel’ of a website and can really help with things like disabled access:
    • W3 Schools CSS. This tutorial goes through the basics and allows you try things out online interactively.
    • HTML CSS Beginner. This tutorial is more theoretical than the W3 Schools one but is really helpful at understanding how CSS works.

These tutorials are jsut starting points. HTML Dog and W3 schools are really good places to starting learning more about how to create web pages.