Through hands-on labs and exercises, you will learn the fundamentals of building modern web pages with the upcoming standards. With more than twenty years of experience working with a wide array of hardware and software, our instructors specialize in teaching developers how to design and designers how to program.

What You'll Learn

• Fundamentals HTML 5 and CSS3
• Creating HTML 5 web pages
• Enhance web pages with CSS3

Who Needs to Attend

Students who are familiar with web browsers and the windows user interface and who possess touch-typing skills

Prerequisites

There are no prerequisites for this course.

Follow-On Courses

• Introduction to JavaScript: DOM Scripting
• Fundamentals of ASP.NET using VB.NET and C#

Course Outline

1. What HTML Is and Editing and Viewing HTML Files

• HTML Tags
• Cascading Style Sheets
• Why Learn HTML in Notepad?
• Previewing a Web Page in a Web Browser
• Making, Saving, and Viewing Changes

2. Setting Up the Document Structure and Text Formatting via Tags

• Specifying the Document Type
• Creating the HTML, Head, and Body Sections
• Creating Paragraphs and Line Breaks
• Specifying a Page Title and Metatags
• Creating Headings

3. Using Lists and Backgrounds and Creating Hyperlinks and Anchors

• Creating Bulleted, Numbered, and Definition Lists
• Inserting Special Characters
• Choosing Background and Foreground Colors and Specifying a Background Image File
• Hyperlinking to a Web Page and E-Mail Address
• Creating and Hyperlinking to Anchors
• Hyperlinking to Other Content

4. Formatting Text and Paragraphs by Using Style Sheets

• Styles and Constructing Style Rules
• Creating Styles for Nested Tags
• Classes and IDs for Applying Styles
• Applying Styles to Hyperlinks
• Creating and Linking to External Style Sheets
• Creating Inline Spans

5. Displaying Graphics

• Selecting a Graphics Format and Preparing Graphics for Web Use
• Inserting Graphics and Arranging Elements on the Page
• Controlling Image Size and Padding
• Hyperlinking from Graphics
• Using Thumbnail Graphics
• Including Alternate Text for Graphics
• Adding Figure Captions

6. Creating Navigational Aids and Creating Division-Based Layouts

• Creating Text-Based and Graphical Navigation Bars
• Creating an Image Map
• HTML5 Semantic Tags
• Creating Divisions
• Creating an HTML5 Semantic Layout
• Positioning and Formatting Divisions

7. Creating and Formatting Tables

• Creating a Simple Table
• Using Tables for Page Layout
• Applying Table Borders
• Applying Background and Foreground Fills
• Changing Cell Padding, Spacing, and Alignment

8. Creating User Forms and Incorporating Sound and Video

• Creating a Basic Form
• Additional Input Types in HTML5
• CGI and Other Advanced Tools
• Embedding Video Clips
• Incorporating Audio on a Web Page

Labs

You will participate in daily labs and exercises.