Course Information

Hypertext Markup Language (HTML) as you already know is the language you will use to create Web pages. It is a simple, yet powerful language. It consists of TAGS that give instructions, or tell the browser where to place the text or graphic on the page. To view a page that you have created you will need a browser. The browser interprets and displays the HTML document that you have created. There are many different browsers available, but the two most popular are Netscape Navigator and Microsoft Internet Explorer.

Pre-Requisites Basic Computer Literacy.

Course Details We provide in-depth as well as hands-on training and our course leaders play an interactive role in the training to make sure candidates understand the lessons. We do not offer amateur lecture notes; rather each course member will be supplied with a quality, comprehensive textbook.
Cost: R2000-00 per person
Duration: 2 days

Courses are are offered on the availability of students. If you are interested in taking this course please contact us.

Table of contents

Introducing HTML

History of HTML
What’s new in HTML 4
Addressing web pages
Absolute and relative addresses
Fragment addresses
Document type definitions
HTML document structure
Hello World
HTML tools
Microsoft FrontPage
HTML authoring tips

The document head

Inside the head
Document title
Meta information
Character encoding
Search-engine meta data
Custom meta data
Adding scripts
Adding stylesheets
Linking resources

Body text content

The document body
Content in paragraphs
Forcing line breaks
Quotes and block quotes
Headings
Emphasising text
Text formatting
Preformatted text
Subscript and superscript
Contact address
Displaying code in text
Advisory tags
Delete and insert

Adding style to content

About tag attributes
Using tag attributes
A first stylesheet
Styling tags
Styling with class
Styling with identity
Colours
Applying colour style
Dividing content
Centring with style
Inline styling

Lists and entities

Unordered lists
Bullet point styles
Ordered lists
Numbering styles
Definition lists
Horizontal rule
Character entities

Making tables

A simple table
Formatting cells
Positioning the table
Adding rows
Spanning rows
Spanning columns
Header and footer
Cell content alignment
Cell style
Table frame and rules
Grouping columns
Column widths
Summary attribute

Hyperlinks and anchors

Creating hyperlinks
Following links
Fragment anchors
Link to element
Link title tool tip
Link to protocol
Images as hyperlinks
Image map hyperlinks
Mapping coordinates

Embedding contents

Add an image
Images with maps
Objects and mime types
Embed an image object
Embed a text file object
Embed a HTML object
Embed a Java applet
Add applet parameters
Embedding multimedia
QuickTime media player
Real media player
Flash movie player

Using frames

The frame holder document
Two-column frameset
Two-row frameset
Nested frameset
Frame appearance
Frame targets
Alternative content

 

Creating forms

A simple form
Submission information
Text inputs
Password inputs
Checkboxes
Radio buttons
File inputs
Hidden inputs
Push buttons
Reset buttons
Submit buttons
Image submit button
Buttons with graphics
Using labels
Text areas
Tab order
Selection menus
Grouping menus
Grouping form fields

 

Borders and margins

The content box
Background and border colour
Border style
Border width
Border shorthand
Add padding
Relative padding
Padding shorthand
Set margins
Margin shorthand
Putting it together

Positioning content boxes

XYZ coordinates
Absolute positioning
Z-order
Relative positioning
Floating boxes
Clear side
Content box resize
Overflow
Clipping overflow

 

Stylish text

Font families
Font size
Font style
Font weight
Font variant
Line height
Font shorthand
Text and content alignment
Text decoration
Indenting text
Letter spacing
Word spacing
Text direction
Right-to-left style
Text capitalisation

List and table styles

List style types
List style position
List style image
List style shorthand
Table caption side
Collapsing table borders
Empty cell borders

Styling backgrounds

Background colour
Background image
Background repeat
Background position
Background attachment
Background shorthand
Visibility
Cursors
Hyperlink colours
Additional content
What next?

 

Additional customised modules are also available to clients who have websites with us and would like to learn how to do day to day maintenance like update prices or add in photo's. These chapters will focus on your personal website and include:

  • EFFECTIVELY COMBINING GRAPHICS & HTML (with focus on the clients website)
  • LAYERS (Paint Shop Pro 9)
  • IMAGE SLICING (Paint Shop Pro 9)
  • WEBSITE MAINTENANCE (with focus on the clients website)
  • HANDY TEXT EFFECTS (Paint Shop Pro 9)