| Building Websites with HTML, XHTML and CSS - Course Outline |
|
* Summary * Objectives * Prerequisites * Detailed Outline Course Duration : 3 days (how to book) 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. The practical work will make up at least 50% of the course, enabling the delegates to leave confident that they will have more than just a theoretical knowledge of the subject, and with a confidence that they will be able to apply what they have learned to their day to day work or hobby. Objectives 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. As with all Ariadne courses, the success of the course will be based upon the attendees ability to apply what they have learnt to the challenges they face in their every day work. Prerequisites There are no course prerequisites. Detailed Outline What is HTML? HTML – Hypertext Markup Language HTML – A simple example HTML Benefits 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 <a> 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 Getting On-line 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 – Extensible Markup Language XML – Benefits XML Parsers XML Validation HTML Validation Strict and Transitional Adding the Document Type Definition The W3C Validator The <meta> 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 <em> Element Empty Elements and the <br> Tag Lists Ordered Lists Unordered Lists Definition Lists Character Entities Inserting Images into a Web Page Image Types JPEGs GIFs A Quick Recap of the <img> Element Taking Images Further Height and Width Attributes The <img> Element’s alt Attribute Creating Thumbnails The Directory Structure of the Website Using Thumbnails Linking <img> 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 <style> Element The <link> 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 <link> Element and the .css File The Box Model Properties Font Families Font Sizes Web Colours Specifying Colours The <link> Element and the .css File 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 The <div> Element Inheriting Style in the <div> Element Property Shortcuts The <span> 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
|
Your are currently viewing:
Home 
Courses Web Based Technologies incl XML, HTML and CSS Building Websites with HTML, XHTML and CSS - Course Outline
Courses Web Based Technologies incl XML, HTML and CSS Building Websites with HTML, XHTML and CSS - Course Outline