Building Websites with HTML, XHTML and CSS

Course

In Wincanton

Price on request

Description

  • Type

    Course

  • Location

    Wincanton

  • Duration

    3 Days

By the end of this course the attendees will be able to create full blown and complex websites, using a wide array of HTML elements, XHTML elements and CSS styling properties. With practical work constituting at least 50% of the course, delegates will leave with more than just theoretical knowledge they will have the confidence to apply what they have learnt to their day-to-day work.

Facilities

Location

Start date

Wincanton (Somerset)
See map
Cale House, Station Road, BA9 9FE

Start date

On request

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

Course programme

Building Websites with HTML, XHTML and CSS

Summary

  • This hands-on course covers HTML, XHTML and the Cascading Stylesheets
  • Language (CSS).
  • The course has a high proportion of practical exercises in which the attendees will steadily use the knowledge they have gleaned to build a sophisticated and professional looking website.
  • Detailed Course Description

What is HTML?
  • HTML - Introduction and Benefits
  • HTML - A simple example
  • HTML Tags
  • Nesting Elements
  • The Tree Structure in HTML
  • The Structure of a Simple HTML File
  • Inserting a Picture
  • Empty Tags
  • Element Attributes
  • The Style Element
  • Creating an HTML File.
Hypertext:
  • What is Hypertext?
  • Referencing other Pages
  • Using the Element
  • Organizing a Web Site
  • Hypertext Location Paths
  • Clickable Images
  • Absolute or Relative Paths
  • Using Images as Links
  • Adding a Title to a Link
  • Destination Anchors
  • Opening New Windows.
How the Web Works:
  • Background and getting online
  • Finding a Hosting Company
  • Domain Names
  • Moving onto the Server
  • File Transfer Protocol - FTP
  • Maintaining the Website
  • The http Protocol
  • Further URL Refinements.
Where Does XHTML and CSS come in?
  • A Brief History of HTML
  • The Six Different Ages of HTML
  • XML - Benefits and Parsers
  • XML and HTML Validation
  • Strict and Transitional Document Type Definitions
  • The W3C Validator
  • The Tag
  • Validating pipsparlour.html
  • What Does XHTML give us that HTML Does Not
  • Upgrading for XHTML Validation
  • The xmlns, lang and xml:lang Attributes
  • Evolving from HTML 4.01 to XHTML 1.0
  • XHTML Validation
  • CSS.
Web Page Construction:
  • The Basic Building Blocks
  • Building a Web Page
  • The Structure of the Web Page
  • Quotations
  • The Blockquotes Element
  • The Element
  • Empty Elements and the
  • Tag
  • Lists
  • Ordered Lists
  • Unordered Lists
  • Definition Lists
  • Character Entities.
Inserting Images into a Web Page
  • Image Types - JPEGs and GIFs
  • A Quick Recap of the Element
  • Taking Images Further
  • Height and Width Attributes
  • The Element's alt Attribute
  • The Directory Structure of the Website
  • Creating and using Thumbnails
  • Linking Element to a Thumbnail
  • Creating an HTML Page for our Image
  • Linking the Thumbnail to the Full Image.
Introducing Cascading Style Sheets:
  • Quick Recap on the Element
  • The Element and the .css File
  • Labelling Elements with CSS
  • Element Selections
  • Element Inheritance
  • Overriding Inheritance
  • The use of Classes in CSS
  • Multiple Links to a Single CSS File
  • Unravelling CSS Conflicts
  • The Cascade in CSS.
More CSS - Introducing Styles, Fonts and Colours:
  • Properties
  • Font Families
  • Font Sizes
  • Web Colours
  • Specifying Colours
  • The Element and the .css File.
The Box Model:
  • A Close Look at the Box Model
  • What we want to Achieve
  • Classes and Ids
  • Background Images
  • Giving Margins and Padding Variable Sizes
  • More to Borders
  • Putting it all Together.
Divs, Span and Pseudo Classes:
  • TheElement
  • Inheriting Style in theElement
  • Property Shortcuts
  • The Element
  • Pseudo Classes
  • The Cascading bit of CSS.
  • Further Positioning:
  • Page Layout
  • Margins in Inline Elements
  • Floating an Element
  • Liquid and Frozen Layouts
  • Absolute Positioning
  • Fixed Positioning
  • Relative Positioning
  • More Than Two Columns.
Tables:
  • Creating Tables
  • Styling the Table
  • Tables within Tables.
  • Styling Lists
Interactive Web Pages:
  • Sending Information from Web Page to Application
  • POST
  • GET
  • Text Input
  • Submit Input
  • Radio Input
  • Checkbox Input
  • Text Area Input
  • Selection Input
  • Option Input
  • File Input
  • Multiple Selection Input
  • Radio Input.
Creating the Form:
  • Structuring Form with a Table
  • Styling the Table with CSS
  • Passwords
  • Fieldsets and Legends
  • Labels.
  • HTML 5.0

Additional information

Payment options:

Private Course (Number of Attendees - Typical Price per Day) 1-on-1 training: £550–900 Second Attendee: +£250 Additional Attendees: +£100 per attendee. These are guide prices based on a typical amount of course customisation and with the client providing the training venue. To have your training hosted at our secure facilities add just £250 to the above prices. For highly bespoke courses there may be additional preparation costs. Prices are fully inclusive ex VAT and cover all manuals, books, refreshments.

Building Websites with HTML, XHTML and CSS

Price on request