• Technical IT

    Solutions delivered throughout the UK
  • Business Applications

    Solutions delivered throughout the UK
  • Professional Best Practice

    Solutions delivered throughout the UK
  • Professional Development

    Solutions delivered throughout the UK

CSS XHTML and Accessibility

  • Price £995.00
  • Duration 2 day(s)
All major credit cards accepted

Description

HTML was originally designed just to mark the content or structure of a web page but shortly after its inception this was broken and various tags to control formatting were invented. However, this mixing of HTML and styles can lead to difficulties in maintaining and updating your site, especially with regard to internationalisation, accessibility and more modern technologies such as XML. Cascading Style Sheets (CSS) was the technology invented to specify the styles for web pages so that HTML could go back to specifying the content of the pages. CSS HTML give us separation of design from content and makes maintaining and updating web pages far easier.
This course covers all of the essentials of the updates in HTML4 and includes the conventions and rules behind XHTML, how to make your pages more accessible using syntactically correct XHTML, where to use and store CSS styles, how to apply styles, what styles you can apply – and highlights any browser differences along the way. The course will also cover CSS positioning, which at first can seem quite confusing so we give examples and hints to explain the subtleties.

Who Should Attend

Web developers or designers looking to use well formed XHTML and CSS within an accessible web site

Course Style

The course is presented as a mixture of lectures and hands-on exercises. Practical sessions follow each topic, designed to reinforce the points covered.

Prerequisites

Delegates are expected to have an understanding of HTML and may have attended our Building an Effective Web Site (NEWEBDE6) course previously.

Skills

Delegates will learn how to:

•See the need and motivation for HTML4, XHTML and CSS
•Appreciate the W3C Document Object Model
•Use tags and attributes from the HTML4 specification
•Understand the origins and need for XHTML
•Build syntactically correct XHTML
•Make pages more accessible and understand accessibility guidelines.
•Comprehend the different types of CSS selectors and the different CSS style rules
•Use CSS to style tables
•Work with the CSS Box model
•Use CSS positionin

Course Content

Introduction

Introduction to HTML4

Overview; Why HTML4 Exists; HTML 4 versions & DTDs; META Data and Profiles; W3C Document Object Model; Layers and Objects; Accessing elements using the DOM; CSS overview; Cascading and inheritance; Common CSS properties; HTML 4 functionality; Internationalisation; MarkUp for editors; Tables and Table attributes; Inline Frames; Image maps; Divisions & spans; Deprecated tags

Introduction to XHTML

Overview; HTML Standards; The Origins of XHTML-SGML; What is XML?; XML and the Web; Uses of XML; Elements and Attributes; XML Syntax Rules; What is XHTML?; Need for XHTML; XHTML1.0 versions & DTDs; XHTML 1.1 & 2.0; XHTML rules

HTML and Accessibility

Overview; HTML and accessibility; Accessibility; Alternative & supplementary descriptions; Form elements; Groups in Forms; Form attributes for keyboard access; More Form attributes; Abbreviations and acronyms; LINK element; Internationalisation; Table attributes; Images / Image maps; Accessibility Guidelines-WCAG1.0 & 2.0; W3C Four Principles; Accessibility Validators

Basic CSS

Overview; CSS versions; Applying stylesheets; The Cascade; Importance; Inheritance; Specificity; Basic selectors; Relationship selectors; Class and ID selectors; Attribute selectors; Selectors and specificity; Style declarations; Size measurements; Colours, fonts, backgrounds, text, lists and formatting; Browser-specific issues; Style errors; Style comments; CSS3 relationship selectors; CSS3 attribute selectors

CSS and positioning

Overview; The CSS box model; Margin, border and padding styles; Collapsing margins; Browser issues; Widths and heights; Standards and quirks mode; Overflow and clipping; CSS positioning schemes; Display types; Floats and Clear; Relative and absolute positioning; Positioning examples; Z-Order; Hints and tips; Browser issues;

Further CSS

Overview; (Dynamic) pseudo classes for actions, placement and language; More on pseudo classes and specificity; More on before and after; CSS2.0 Cursor specification; CSS2.1 table element properties; CSS2.1 table model; @media types; @import hack; Underscore hack

Conclusion

Make Enquiry

Course Enquiry
  •  
  •  

Book Now

Course Enquiry
  •  
  •  

Find your local training centre