| Sign in | Sitemap | Feedback
Go To AppexTech

Mastering HTML

1 Hour Daily

Duration:- ... Months

XHTML and CSS Training Overview

HTML, a contraction of Hypertext Markup Language, is the predominant markup language for web pages. It provides a means to describe the structure of text-based information in a document — by denoting certain text as headings, paragraphs, lists, and so on — and to supplement that text with interactive forms, embedded images, and other objects. HTML is written in the form of labels (known as tags), surrounded by angle brackets. HTML can also describe, to some degree, the appearance and semantics of a document, and can include embedded scripting language code which can affect the behavior of web browsers and other HTML processors

XHTML and CSS training class teaches attendees the hands-on, real-world skills they need to successfully build Web sites using XHTML (Extensible Hypertext Markup Language) and CSS (Cascading Style Sheets).

XHTML and CSS Training Objectives

  1. To teach attendees the XHTML skills they need to successfully layout pages, create links among the pages on their site and to other sites, place images, and build tables and forms.
  2. To equip attendees with the CSS skills they need to:
    1. Apply a wide range of attractive formatting and style options to text
    2. To position text and graphics quickly and easily on their pages
    3. To apply design decisions they make on one page to other pages on their site

HTML and CSS Training Outline

  1. Understanding the World Wide Web
    1. The relationship between browser and server
    2. The roles of HTML, HTML, CSS, and other technologies used in Web development
  2. XHTML page framework tags
    1. <html> and </html>
    2. The role of the <head>...</head> region
    3. The role of the <body>...</body> region
    4. Adding a title, meta keywords, and meta description tags
  3. Text formatting and layout with HTML
    1. Headings and subheadings
    2. Paragraph text (including how to bold, italicize, and underline text)
    3. Bulleted and numbered lists
    4. Using attributes to align text
    5. Setting up text regions with <div>...</div> and <span>...</span> tags
  4. Working with images
    1. Understanding the GIF, JPEG, and PNG image formats (and when to use them)
    2. Optional (if software is available): Optimizing graphics for use on the Web with Macromedia Fireworks, Adobe ImageReady, or another graphics program of the client's choice.
    3. Positioning images on the page
    4. Flowing text around images
    5. Using a <div> or <span> region to position an image
  5. Using tables to display grids of data
    1. Positioning tables on the page
    2. Turning grid lines on and off
    3. Customizing the table's appearance
    4. Creating table heading and table data cells
    5. Configuring cells to span multiple rows or columns
  6. Linking it all together
    1. Creating links to other pages on your site
    2. Creating links to pages on other sites
    3. mailto: links (for sending email)
      1. Techniques for automatically filling in the subject, cc:, and bcc: fields
    4. Creating links to specific positions within the same page and other pages
    5. Handling link management challenges
  7. Fill-in Forms
    1. The role of forms and how they interact with server-side programs
    2. Techniques for effective form design
    3. Creating text fields, text areas, password fields, and hidden fields
    4. Designing radio button and checkbox sets
    5. Adding lists and menus to your forms
    6. Finishing the form with submit, reset, or image buttons
    7. Discussion of how JavaScript can improve forms (by validating user input, performing calculations on entered numbers, controlling cursor tabbing order, etc.)
  8. Introducing Cascading Style Sheets (CSS)
    1. Origins of CSS
    2. How CSS are used today
      1. To format and position text
      2. To control which content is visible/invisible on a page
      3. To position graphics
      4. To allow formatting decisions made on one page to be applied across multiple pages
    3. Where CSS "fits" in the page
      1. Linked style sheets
      2. Embedding style sheets
      3. Inline style sheet
  9. Text formatting with CSS
    1. Controlling font family, size, weight, style, and other properties
    2. Applying text formats to multiple page sections (even if these sections are initially formatted very differently)
    3. Reusing text formats across multiple pages
  10. Positioning content with CSS
    1. Breaking the page into DIV and SPAN regions
    2. Understanding techniques for relative and absolute positioning
    3. Using Z-Index values to control element stacking (and how to use this stacking to create drop shadows and other special effects)
  11. Introducing Dynamic HTML
    1. What JavaScript is, and how it works with CSS to facilitate dynamic pages
    2. Overview and wwwnstration of all the types of effects that can be created
    3. Using JavaScript with CSS to show/hide portions of a page
    4. Using JavaScript with CSS to create rollover links (links that change style when the mouse passes over them)

Open Source Technology