CAP-ET left bannerCAP-ET bannerCAP-ET right banner

Web Authoring and Design

Tutorials and Guides

Designing and Building Web Pages at Warwick: A Case Study tutorial
Course notes: http://www2.warwick.ac.uk/training/trainer
Download the course notes and then contact elab@warwick.ac.uk so you
can be given access to the SiteBuilder tool.

Advanced HTML Tutorial - W3 Consortium
Tutorial includes the use entities for special characters, linking into the middle of pages, flowing text around images,define clickable regions within images (image maps) and using roll-overs and other tricks.
For introductory tutorials and guides go to the "Getting Started" page

Complete HTML Reference - W3 Schools
All the tags, their meanings and examples of use.

Styling your Web Pages with CSS.- W3 Consortium
A short guide on using Cascading Style Sheets (CSS) to add style (e.g. fonts, colors, spacing) to Web documents.
Using CSS you can separate the content of a web site from its layout. Styles are normally saved in files external to your HTML documents. External style sheets enable you to change the appearance and layout of all the pages in your Web, just by editing a single CSS document.

ITS Guide to Metatags
What they are and how to use them at Warwick

Web Page Design

ITS guidelines on web site design

Checklist for Web Content Accessibility Guidelines 1.0
As the web is use by an increasing number of people it has become very important to ensure that there are no barriers to access for people with disabilities. The checklist provides a prioritised list of checkpoints for making Web sites accessible.
For more information see the Web Accessibility Initiative WAI

Yale Manual For Web Site Design
An online book dedicated to the theory and practice of web site design. Covers sites, page, graphic and multimedia (including animation) design.

Graphics

Want to create your own banners and rollovers ? Try these CAP produced tutorials

Creating Banners using Adobe Photoshop

Creating Rollover Buttons using Adobe Photoshop

Need graphics to put on your web pages? Try these free image resources.

Tools

W3 Constortium HTML Validation Service - Highly recommended HTML validator

CSS Validation Validate your CSS documents

Bobby 3.2 - Validate your web pages against the W3 Consortium accessibility guidelines.

 

Resources logo

Resources
In - Depth
Subject-Based
Resources

 

Java. DHTML, XML Javascript, HXML
For more advanced methods for enhancing your web site you could visit the W3 Schools tutorial pages
If you prefer a less formal style then try Webmonkey's tutorials.

 

Look at sources of National Support for Education Technology