| EC12 - XHTML for Web Developers |
|---|
| Duration | 2 Days (customisation) |
| Availability |
|
Course Description
This course is designed for the developer looking to further their web application development skills with XHTML. This course teaches developers how to write valid XHTML pages using the many and varied XHTML tags, such as tables, frames, and forms. The developer will learn how, using style sheets, the web pages can be presented to the user. The web pages will be tested using Internet Explorer, Firefox, Opera or Chrome.
Pre-requisites
The developer should be familiar with the Windows host environment. Knowledge of any programming language would be advantageous, however it is not essential. A basic knowledge of the
E-Commerce environment would be beneficial. This can be gained by attending course EC01.
Objectives
Whilst covering the basics of XHTML and how it is used, this course also aims to give an insight into XHTML syntax and web page presentation.
Issues such as XHTML syntax, valid and invalid XHTML, and CSS style sheets are discussed.
On completion of this course the student will be able to:
- Develop XHTML web pages using valid XHTML syntax
- Develop XHTML web pages using images and links
- Develop XHTML web pages using lists and tables
- Develop XHTML web pages using image maps
- Develop XHTML web pages using CSS style sheets
- Develop XHTML web pages using frames
- Develop XHTML web pages using CSS rather than forms
- Develop XHTML web pages using forms
Environment
Development will be performed using:
- XHTML and JavaScript Source Editor
- a text editor such as Notepad, WinEdit or TextPad
Testing Environment:
- Internet Explorer or
- Firefox or
- Opera or
- Chrome
For on-site courses (i.e. at your premises), we are more than happy to tailor the course agenda to suit your exact requirements. In many cases, we are able to build your in-house standards and naming conventions into the delivered course.
Course Details
- XHTML SYNTAX
- XHTML Syntax
- Embedded Elements and Tags
- Start and End Tags
- Elements
- Attributes
- XHTML Page Content
- Comments
- Text and Text Appearance
- Content Based Styles
- Character References
- Text Structures
- Hyperlinks
- List, Forms and Tables
- Well Formed Documents
- DOCUMENT STRUCTURE
- The HTML, HEAD and TITLE Elements
- The HTML Element
- The HEAD Element
- The TITLE Element
- The BASE Element
- The META Element
- The BODY Element
- Colour Settings
- HEADINGS, DIVISIONS AND PARAGRAPHS
- Headings
- The H1, H2, H3, H4, H5, H6 Elements
- Grouping Elements
- The DIV Element
- Paragraphs
- The P Element
- PRECISE SPACING AND LAYOUT
- Space Handling
- Controlling and Prohibiting Line Breaks
- The BR Element
- The NOBR Element
- Preformatted Text
- The PRE Element
- Alignment
- The CENTER Element
- The ALIGN Attribute
- Rules
- The HR Element
- CONTENT BASED STYLES
- Content Based Elements
- The ADDRESS Element
- The BLOCKQUOTE Element
- The CITE Element
- The CODE Element
- The DFN Element
- The EM Element
- The KBD Element
- The SAMP Element
- The STRONG Element
- The VAR Element
- PHYSICAL STYLES
- Physical Style Elements
- FONTS, FONT FACE and FONT COLOR
- Font Modifier Elements
- The BASEFONT Element
- The FONT Element
- LINKS
- An Introduction to Links and Anchors
- Visiting a Linked Resource
- Links Within a Document
- The A Element
- The Syntax of Anchor Names
- LISTS
- An Introduction to Lists
- Unordered Lists
- The UL Lists Element
- Ordered Lists
- The OL ListsElement
- List Items
- The LI Element
- Definition Lists
- The DL Element
- The DT Element
- The DD Element
- TABLES
- An Introduction to Tables
- The TABLE Element
- The CAPTION Element
- Table Rows
- The TR Element
- Table Cells
- The TH Element
- The TH Element
- Table Columns
- The COLGROUP Element
- The COL Element
- Table Headers, Footers and BODY
- The THEAD Element
- The TFOOT Element
- The TBODY Element
| - IMAGES AND MULTIMEDIA
- Including an Image on a Page
- The IMG Element
- Image Maps
- Client Side Image Maps
- The AREA Element
- The MAP Element
- Including an Applet on a Page
- The APPLET Element
- The OBJECT Element
- CSS STYLE SHEETS
- Introduction to CSS Style Sheets
- The World Wide Web Consortium (W3C)
- Style Sheets
- Inline Style Sheets
- Document Level Style Sheets - The STYLE Element
- External Style Sheets
- External Style Sheets
- Linked External Style Sheets
- Imported External Style Sheets
- Multiple Tag Style Selections
- Contextual Tag Style Selections
- Style Classes
- Regular Style Classes
- Generic Style Classes
- Style IDs
- Hiding Style Data From Web Browsers
- Style Precedence
- FORMS
- Introduction to Forms
- The FORM Element
- The GET Request
- The POST Request
- The INPUT Element
- The Input TYPE
- Text Fields
- Checkbox Fields
- Checkbox Fields with Defaults
- Radio Buttons
- Password Fields
- Hidden Fields
- Reset Buttons
- Submit Buttons
- The TEXTAREA Element
- The SELECT Element
- FRAMES
- Introduction to Frames
- Layout of Frames
- The FRAMESET ELEMENT
- Nested Frame Sets
- The FRAME Element
- Setting the Initial Conent of a Frame
- Visual Displaying of a Frame
- Specifying Target Frame Information
- Setting the Default Target for Links
- Alternative Content
- The NOFRAMES Element
- Floating Frames
- The IFRAME Element
- HTML AND XHTML
- The Extensible Hypertext Markup Language (XHTML)
- XHTML Document Type Definitions (DTDs)
- XHTML Document Creation
- DTD Declaration
- XML Namespaces
- Valid and Invalid XHTML Syntax
- WEB 2.0 AND HTML 5
- Overview of Web 2.0 Features
- Overview of HTML 5
- HTML 5 Tags
- REFERENCE
- CSS Reference
- XHTML Element Reference
- XHTML Attribute Reference
- Deprecated HTML Elements
- Deprecated HTML Attributes
|
Course Format
Practical sessions make up a large part of the course, allowing delegates to demonstrate and reinforce the lectures given. During these sessions the delegate will gain experience of coding and testing many different types of XHTML web pages containing features such as tables, frames, forms and CSS style sheets.
Examples are used extensively, ranging from simple code snippets to full applications with complete ‘real world’ functionality. These are supplied at the start of the course and it is encouraged that the delegates execute and ‘experiment’ with these under the instructor’s guidance as they are introduced.
These examples are available to take away, along with the delegate’s own work.
The comprehensive Student Guide supplied is fully indexed serving as a useful reference tool long after the course has finished. Delegates will also be able to access a free help-line with technical questions relating to topics covered on the course.
| 
