-

WEB PAGE (Design &) CONSTRUCTION
part of the John HIGSON network - last updated Sunday, 03 March 2013  

The beginnings of a new web site for the (design &) construction of web pages & sites.  Construction and Design may appear to be presented in the wrong order but most people begin the process by learning the mechanics of constructing a basic page and a basic site, before moving on to understanding just what design actually entails.

Once you are familiar with the basics then you can move on to:

  1. Using a WYSIWYG web page editor such as KompoZer or Blue Griffon following CLAiT level 1 type examples - basic web pages with formatted text, image, and links (relative, absolute and email).
     
  2. Using tables both to create a table and as a layout guide (CLAiT level2 type examples), this section will also include simple web-page-form design and implementation.
     
  3. html v4 and v5 (Dynamic html), using Cascading Style Sheets (CSS) for the page layout & such as JavaScript to liven-up the pages.
     

The numbered list is more of a guide to order of learning rather than specifically to specific course outline.  For instance, depending on how quickly you pick up the basics and complete the html section, you may move onto the 'CLAiT Level 1' section in your first course.

Links:

Try your hand and see the result immediately onscreen using  Mozilla Thimble - as you type your code on the left, the resulting web page is displayed on the right - CAUTION doesn't work in Internet Explorer 8 but seems to work fine in Google Chrome).

A guide to HTML editors - web editors and site builders (mostly free but also references to Dreamweaver & MS  Expression Web which replaces the obsolete FrontPage) - also links to various sources of scripts & tutorials.

 

 

Web Page (design &) Construction navigation

Scheme of Work (Index page)
    course 1
  1. Basic html
  2. Using a text editor
  3. CLAiT level 1
    course 2
  1. META tags
  2. Basic CSS
  3. Layout using 'tables'
  4. Template using the above
  5. Web forms
  6. the course
    course 3
  1. (d)html v4 & v5
  2. web3