XHTML
Home Page
Please read the introduction page before starting this course. It has useful information you should know.
Class Lectures
- (1) What is the World Wide Web?
- Now that we have a little background on where the Web came from, we can learn a little bit about what the Web is.
- (2) Organization
- This is the part that many people skip. They shouldn't. If you start a major Web project without planning it out, you will find that you end up doing half of it over again.
- (3) Document Type Definition
- This is the first piece of code you need to know: the Document Type Definition. Every XHTML document needs to start with a DTD. This is where you will learn what a DTD is, and what it does.
- (4) Basic Structure
- XHTML describes the structure of a Web document. In this section, we will create a template that you can use over and over again for creating Web pages. This is where we create the skeleton of our page.
- (5) Validation
- Creating a Web page is more than just content and markup; you have to check and double check everything before it goes live. Here is some validation information to help you. Note that all your pages must validate without errors. This will keep you on track for making proper cross-platform Web pages that everyone can use.
- (6) Basic Tags
- There are certain basic tags that are used in almost every Web site around. This is where you start filling in some content to your template and get to mark it up for your browser to render. Headings, paragraphs, comments, physical character styles, and logical character styles are discussed. Here is also where some of the differences between HTML and XHTML become obvious.
- (7) Lists
- Lists are a very common way to organize data. They are easy to create, easy to update, and have a low overhead (they don't take long to download and render, unlike other things like image maps).
- (8) Anchors
- How do you join different pages together? Link anchors!
- (9) Formatting
- Learn the basics of formatting your text. Change the font size, face, and colour, as well as learning how to change the alignment of elements. This is also where you learn about special character entities.
- (a) Colour
- Colour is a prime way of translating information to a user on the Web. Learn the basics of using colour in this lecture.
- (b) Images
- A picture tells a thousand words; learn how to put images in your pages. You will learn about inline and external images, the differences between jpeg and gif, how to optimize images for quick downloading, and thumbnails.
- (c) Tables
- Tables were originally created to offer a way of organizing data. Web managers have been using them for much more, including page layout since they were first introduced. Learn how to create and properly use tables in your pages, as well as some of the problems that can occur if they are not used properly.
- (d) Forms
- Forms allow you to add interactivity to your Web site. This lecture covers the basics of forms, but the real power starts to show when you add JavaScript, CGI scripts, and databases with them.
[ XHTML ] - TOC - Introduction - Books -
