HTML & XHTML Training

HTML and XHTML Training ► Objectives
Learn the Fundamentals of HTML/XHTML to design create standards compliant web sites with clean hand-coded HTML and CSS.

You will understand the structure of web pages from DOCTYPE, <head> to <body> encapsulated HTML tags. Master web pages layout using CSS and data grid presentation with HTML tables.
Get the foundation to build on your web development skills.

XHTML Course Outline

  1. Getting Ready

    • Editing Tools
    • Previewing Tools
    • Publishing Tools

  2. Web Page Structure

    • DOCTYPE
    • HTML Element
    • Head Element
    • Title Element
    • Meta Tags
    • Body Element

  3. Organizing Your Files

    • File Naming Convention
    • Site Folder structure
    • Absolute and Relative Paths
    • Using Server-Side Includes

  4. Building Your First Page

    • Adding Some Content
    • Creating Paragraphs
    • Displaying Lists
    • Adding Links
    • Adding an Image
    • Adding Text Style: bold, italic,...
    • Using the <pre>..</pre> tag
    • Using <blocquote>..</blocquote>
    • Using Special Characters
    • HTML Comments
    • Previewing Your Page In a web Browser
    • Naming Your Home Page

  5. Styling with CSS

    • Why use CSS?
    • CSS Rules
    • Element Type Selector
    • CSS Classes
    • CSS Identifiers
    • Inline CSS
    • Embedded CSS
    • External CSS
    • Cascading Styles

  6. CSS Box Model

    • Box Dimensions
    • Margins
    • Padding
    • Borders

  7. Page Layout with CSS

    • Inline Elements
    • Block Elements
    • Relative Positioning
    • Absolutte Positioning
    • Fixed Positioning
    • Static Positioning
    • Floated Blocks
    • z-Index
    • Visibility

  1. Web Site Navigation

    • Text hyperlink
    • Email Link
    • Using Named Anchors
    • Creating Navigation Buttons
    • Making a Picture Clickable
    • Rollover buttons
    • Creating an Imagemap
    • Rollover Effect on Text Links
    • Fly out Menu Bar

  2. Managing Images

    • Inserting Pictures in a web Page
    • Aligning Images with Text
    • Using GIF, JPEG or PNG Image?
    • Background Image
    • Image Optimization
    • Using the Alt Tag
    • Image Transparency

  3. Multimedia Objects

    • Adding Flash Movies
    • Inserting Flash Videos
    • Adding a Sound Player
    • Adding Background Sound

  4. Interactivity with Javascript

    • Basic Javascript Syntax
    • Javascript Variables
    • Javascript Functions
    • Handling User Generated Events
    • Validating Form Entries
    • Manipulating Page Content

  5. Designing Web Form

    • Adding a Form
    • Text Fields
    • Select List/Menus
    • Textarea
    • Radio Buttons /Radio Group
    • Checkboxes / Checkbox Group
    • Form Buttons (Submit, Reset, Image)
    • File "Upload" Field
    • Field Labels
    • Hidden Fields
    • Fieldset

  6. Using Tables To Organize Data

    • Table Properties
    • Row Properties
    • Cell Properties
    • Merging Cells
    • Aligning Content In a Cell

  7. Typography

    • Defining Text Font
    • Web Safe Font Families
    • Font style
    • Text Decoration

  1. Defining a DOCTYPE

    • Strict Mode and Quirks Mode
    • Transitional DOCTYPE
    • Strict DOCTYPE

  2. Checking Your Website

    • Validating Page HTML Code
    • Checking for Broken Links
    • Checking Browser Compatibility
    • Reviewing in Different Browsers

  3. Adding Meta Tags

    • Page Title
    • Description Meta
    • Keywords Meta
    • Refresh Meta
    • Base Meta

  4. Publishing Your Web Site

    • Web Host server
    • Locating Your Remote Host Folder
    • FTP Program Transfer your Files
    • Checking Your Website
    • Creating a sitemap

  5. Promoting Your Website

    • Sitemap for Search Engines
    • Setting up Google Analytics
    • Submitting Your Site to Search Engines

  7. ►►Projects

    • Design a 5 to 10 Pages Web Site
    • Designing an Images Gallery
    • Designing a Newsletter for the web

  8. ►►HTML/XHTML Training Goodies

    • SEO Tips
    • Javascript Form Validation
    • PHP form Processing
    • Valuable Resources
Check Schedule »
 
 
 
Member Login