Home About Courses Schedule Services Webinars Contact Search

HTML5 and CSS3 Introduction for Programmers

SEE SCHEDULE

Duration: 2 Days

Method: Instructor led, Hands-on workshops Can be expanded to three (3) days for more in-depth coverage.

Price: $1125.00

Course Code: HT1000



Audience

This course is intended for beginning HTML coders and programmers - A GUI HTML development tool may be used during lab exercises but raw HTML is the focus.

Description

Are you an application developer who needs to buld web pages? Will you be coding raw HTML and developing CSS stylesheets? You need to know HTML and CSS syntax and conventions. This is the course for you!

The major tags and their attributes are discussed. Attention is given to creating attractive, uncluttered websites using a variety of simple tools (e.g. lists, tables, etc) as well as some advanced tools (e.g. image rollovers, image maps, and stylesheets). The capabilities and approachs to styling web pages and the features of CSS3 are also discussed at length. Web pages are tested with a browser like Chrome or Internet Explorer in offline mode. Where applicable, web pages are uploaded and installed on a real website.

Format: Lecture, demonstration, laboratory work, conversation. Can be expanded to three (3) days for more in-depth coverage.

Objectives

Upon successful completion of this course, the student will be able to:

  • Read and write raw HTML and understand its syntax
  • Choose from a variety of HTML tags to create web pages
  • Produce and use web pages containing HTML forms
  • Select a variety of tag attributes to enhance a web page's legibility and ease of use
  • Include links to other web pages, graphics, sound Files, e-mail, and FTP downloads
  • Format page output with lists and tables
  • Enhance page display with CSS stylesheets
  • Employ the CSS box model in page layouts
  • Develop and build eye catching and efficient web sites
  • Produce web pages that are responsive to end user interaction

Prerequisites

Familiarity with an internet browser such as Internet Explorer, Chrome, or Firefox

Topics

  1. Introduction to Web Development
    • How Web Applications Work
    • An Introduction to HTML and CSS
    • Tools for Web Development
    • How to View Deployed Web Pages
    • Five Critical Web Development Issues
  2. Code, Test, and Validate a Web Page
    • The HTML Syntax
    • The CSS Syntax
    • Using a development tool to Work with HTML and CSS Files
    • Test, Debug and Validate HTML and CSS Files
  3. Using HTML to Structure a Web Page
    • Coding the Head Section
    • Coding Text Elements
    • Structuring the Content of a Page
    • Coding Links, Lists, and Images
  4. Using CSS to Format the Elements of a Web Page
    • An Introduction to Cascading Stylesheets
    • Specifying Measurements and Colors
    • Coding Selectors
    • Working with Cascading Style Sheets
    • Working with Text
    • Using External Style Sheets
  5. Using the CSS Box Model for Spacing, Borders, and Background
    • An Introduction to the Box Model
    • Sizing and Spacing Elements
    • A Web Page that Illustrates Sizing and Spacing
    • Setting Borders and Backgrounds
    • A Web Page that Uses Borders and Backgrounds
  6. Using CSS for Page Layout
    • Floating Elements in 2 and 3 Column Layouts
    • Using a 2 Column, Fixed Width Layout
    • Using CSS to Create Text Columns
    • Positioning Elements
  7. Working with Lists and Links
    • Coding Lists
    • Formatting Lists
    • Creating Navigation Menus
  8. Responsive Web Design
    • Introduction to Responsive Web Design
    • How to Implement a Fluid Design
    • How to Use CSS3 Media Queries
    • Responsive Web Design Example
  9. Working with Images
    • Basic Skills for Working with Images
    • Advanced Skills for Working with Images
    • Related Skills for Working with Images
  10. Working with Tables
    • Basic HTML Skills for Coding Tables
    • Basic CSS Skills for Formatting Tables
    • Other Skills for Working with Tables
  11. Working with Forms
    • Using Forms and Controls
    • Other Skills for Working with Forms
    • Remaining Topics Optional & Time-Permitting
    • Using the HTML5 Features for Data Validation
    • Using the HTML5 Controls
    • HTML5 Data Validation Example
  12. Remaining Sections Optional and Time-Permitting
  13. Adding Audio and Video to Your Website
    • An Introduction to Media on the Web
    • How to Add Audio and Video to a Web Page
    • A Web Page that Offers Both Audio and Video
  14. Working with Fonts and Printing
    • Embedding Fonts in a Web Page
    • The Skills for Formatting Printed Web Pages
    • A Two Column Web Page with Print Formatting
  15. How to Design a Website
    • Users and Usability
    • Design Guidelines
    • How to Design a Website
    • Other Design Considerations