HTML/CSS Course

This course gives an introduction to HTML (hypertext markup language) and CSS (cascading style sheets). These skills are generally required for anyone editing web pages with or without the use of web design packages such as Frontpage or Dreamweaver. Although no experience of HTML is needed, you will need a good level of computer literacy to benefit from this course.

The outline suggested below represents a range of subjects that could be covered. It is unlikely that all subjects could be covered in 1 day. However for those with experience in HTML - anything is possible!

To accompany the instructor lead training, each delegate will receive manuals and practice, step-by-step exercises. This will provide an excellent source of information and on-going self study once the training has been completed.

For pricing click here

• Evolution of HTML versions
• XHTML
• Validating your HTML

• Screen resolution
• Different browsers
• Browser display options
• Download times
• Document declarations

• Coding conventions
• Types of HTML tags
• Opening tags
• Heading tags

• Linking to a page on another web site
• Linking to pages inside your web site
• Linking to a specific place in a page
• Absolute addressing
• Relative addressing
• Opening a link in another page
• E-mail hyperlinks
• The base tag

• Alignment
• Creating lists - numbered, bullted, defintion
• Indentation - block quotes
• Formatting text - bold, italic, monospaced,
• CSS rules for formatting text
• Paragraph, division and span formatting
• Special characters

• Image resolution for web graphics
• File types to use on the web
• Image size (recommendations)
• Inserting graphics with HTML
• Using graphics to hyperlink (and getting rid of that blue border!)
• Providing alternative text for an image - accessibility issues
• Aligning images
• Wrapping text around images
• Image Maps

• Weg page background colours - hexadecimal values
• Background images
• Setting margins

• Using HTML to create table structures
• Formatting tables
• Cell spacing and padding
• Sizing a table
• Alignment within a table
• Spanning rows and columns
• Table backgrounds
• Table borders
• Nest tables

• Coding conventions
• Linking to an external style sheet
• Internal style sheets
• In line styles
• Selectors
• Layout properties
• Formatting properties
• Hyperlinks
• Style classes
• Creating a specific style sheet for printing a page

• Creating a frameset
• Linking between pages in a frameset
• Inline frames

• Form elements
• Form methods

• Meta Tags
• Keywords
  • Title element
  • Alt image text
  • Page
  • Links
• Creating a site map
• Robots.txt file

• Linking
• Embedding

• Domains
• Web space
• FTP software (uploading your files)
• Site management - Dreamweaver