CSS XHTML and Accessibility
Starting dates and places
Description
Prerequisites:
Delegates are expected to have a basic understanding of HTML and may have attended our Building an Effective Web Site (NEWEBDE5) course previouslyCourse 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 specify…
Frequently asked questions
There are no frequently asked questions yet. If you have any more questions or need help, contact our customer service.
Prerequisites:
Delegates are expected to have a basic understanding of HTML and may have attended our Building an Effective Web Site (NEWEBDE5) course previouslyCourse 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.
This course includes the following modules:
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
- nternationalisation
- 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
- HTML and 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
- 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
- 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
- Browser issues
Further CSS
- (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
For online live training advice please visit our Learning Advice Centre on our website. Be sure to follow us on Twitter to receive special course offers, news and updates!
Share your review
Do you have experience with this course? Submit your review and help other people make the right choice. As a thank you for your effort we will donate £1.- to Stichting Edukans.There are no frequently asked questions yet. If you have any more questions or need help, contact our customer service.