Course 50057A:

Developing Websites with HTML 4.0

Length:1 Days
Published:November 30, 2007
Language(s):English
Audience(s):Developers
Level:100
Technology:Microsoft Visual Studio .NET
Type:Course
Delivery Method:Instructor-led (classroom)
About this Course
Elements of this syllabus are subject to change.
This Developing Web sites with HTML 4.0 course is designed for developers who want to get the most out of the HTML markup language. This course focuses on creating highly effective and interactive Web pages as well as on the essential building blocks of an HTML document.
Audience Profile
This course is intended for:
  • Web developers who need to implement Web-based solutions and work in a HTML document environment
  • Webmasters who want working knowledge of HTML to create and maintain Web sites.
  • Project Managers who must have a basic understanding of what is possible to accomplish with HTML and related technologies.
At Course Completion
After completing this course, students will be able to:
  • Be familiar with the building blocks of the HTML 4.0 markup language.
  • Understand how to design and layout Web pages.
  • Be able to create tables and frames.
  • Understand how to develop Web pages to get user information.
  • Have a working knowledge of Cascading Style Sheets and the formatting power they can bring to your Web pages.
  • Be familiar with the scripting languages JavaScript and VBScript and how to use them to create highly interactive Web pages.
  • Understand how to implement some of the Dynamic HTML (DHTML) features to generate very dynamic, interactive, and entertaining Web sites.
Course OutlineModule 1: Introduction to HTML
This module includes the World Wide Web, understanding HTML and Internet terminology, the building blocks of a Web page and creating a simple page using HTML.
Lessons
  • The Internet
  • The History of HTML
  • The Building Blocks of a Web Page
  • A simple HTML Document
Lab : Introduction to HTML
  • Overview
  • Creating a Simple HTML Document
  • Adding META Tags
  • Testing Your Web Page
After completing this module, students will be able to:
  • Create a simple HTML document
  • Add META Tags
  • Test a Web page
Module 2: Formatting Text
This module explains how to properly format the text on a Web page, understand how HTML deals with spacing and line break and difference between ordered and unordered lists.
Lessons
  • Modifying the appearance of Text
  • Text Alignment
  • Creating Lists
Lab : Formatting text
  • Defining Layouts with Text
  • Working with Fonts
  • Adding a Bullet List
After completing this module, students will be able to:
  • Understand the tags necessary to properly format the text on a Web page.
  • Create ordered and unordered lists
Module 3: Graphics, Color and Animation
This module explains how to create and add images to Web pages, work with colors in HTML, understand layout principles with images, support old browsers and use sound.
Lessons
  • Working with Images
  • Using Images with HTML
  • Custom Backgrounds
  • Animation
  • Adding Sound
Lab : Graphics, Color and Animation
  • Overview
  • Working with Images
  • Adding a background
  • Using Sound
After completing this module, students will be able to:
  • Create and add images to Web pages
  • Work with colors in HTML
  • Understand layout principles with images
  • Learn how to support old browsers
  • Enhance your site with sound
Module 4: Advanced Layout with Tables
This module explains how to create and work with tables in a Web page.
Lessons
  • Creating Tables
  • Advanced Layouts with Tables
  • Grouping Rows and Columns
  • Tips and Tricks
Lab : Advanced Layout with Tables
  • Overview
  • Working with Tables
  • Using Tables for Layout
After completing this module, students will be able to:
  • Create tables
  • Group rows and columns
Module 5: Hypertext Links
This module explains the URL structure, creating hypertext links and image maps.
Lessons
  • Anatomy of a URL
  • Working with Anchors
  • Linking to Web Pages
  • Other Hypertext Links
  • Image Maps
Lab : Hypertext Links
  • Overview
  • Creating Hyperlinks
  • Using Named Anchors
  • Working with Image Maps
After completing this module, students will be able to:
  • Learn about the URL structure
  • Understand how to create a hypertext link
  • Learn how to create image maps
Module 6: Frames
This module explains the advantages of implementing frames and how to create frames.
Lessons
  • What are Frames?
  • Creating a Frameset Document
  • Frame Attributes
  • Using Hyperlinks
  • Frame Layout
Lab : Frames
  • Overview
  • Creating Frames
  • Adding Hyperlinks
  • Creating Floating Frames
After completing this module, students will be able to:
  • Understand the advantages of implementing frames
  • Understand how frames are created
  • Be familiar with many features of frames
Module 7: Cascading Style Sheets
This module explains how to create a simple CSS style sheet and explains CSS formatting layout styles.
Lessons
  • Cascading Style Sheets Overview
  • Using Style Sheets
  • Formatting and Layout
  • Advanced Techniques
Lab : Cascading Style Sheets
  • Overview
  • Use CSS for Text Formatting
  • Use CSS for Positioning
After completing this module, students will be able to:
  • Understand the purpose of CSS as it relates to HTML
  • Create a simple CSS style sheet
  • Be aware of the limited support of both Level 1 and Level 2 CSS
  • Understand the many selector in the CSS specifications
  • Understand the &ltSPAN&gt and &ltDIV&gt tags
Module 8: HTML Forms
This module explains how to accept user input on a Web page, the purpose of the &ltFORM&gt tag and how to find the numerous control available for gathering information.
Lessons
  • Introduction to Forms
  • Form Controls
  • Implementing Forms
  • Advanced Form Design
Lab : HTML Forms
  • Overview
  • Simple Form
  • Complex Form
After completing this module, students will be able to:
  • Learn how to accept user input on your Web site
  • Understand the purpose and proper use of the &gtFORM&lt tag
  • Investigate the numerous controls available for gathering information
  • See how data is processed on the Web server
Module 9: Creating Interactive Web Pages
This module explains how to make pages interactive, add Java Applets and ActiveX Controls.
Lessons
  • Introduction to Scripting
  • JavaScript
  • Performing Field Validation
  • VBScript
  • Using Java Applets
  • Using ActiveX Controls
Lab : Creating Interactive Web Pages
  • Overview
  • Simple Field Validation
  • Web Calculator
After completing this module, students will be able to:
  • Make pages interactive through scripting
  • Understand the JavaScript and VBScript language
  • Add Java Applets and ActiveX Controls
  • Understand simple form validation
  • Create browser-aware Web pages
Module 10: DHTML
This module explains how to understand the current state of DHTML and DOM, create interactive pages with classes, alter content from the browser and perform simple animation.
Lessons
  • What is HTML?
  • Document Object Model (DOM)
  • Dynamic Styles
  • Dynamic Classes
  • Dynamic Content
Lab : DHTML
  • Overview
  • Creating Dynamic Buttons
  • Event Bubbling
After completing this module, students will be able to:
  • Understand the current state of DHTML
  • Understand the Document Object Model (DOM)
  • Create interactive pages with classes
  • Alter content from the browser
  • Perform simple animation
Before attending this course, students must have:
  • A basic familiarity with PC's and Windows 95, 98, NT, or 2000.
  • A basic understanding of how the Internet works.
  • A basic understanding of the concepts relating to databases (what is a table, field, etc.).
Have Questions? For advice about training and certification, connect with peers: For questions about a specific certification, chat with a Microsoft Certified Professional (MCP): To find out about recommended blogs, Web sites, and upcoming Live Meetings on popular topics, visit our community site:

Find Training Near You

Location:
Eg: Seattle, WA or Paris, France

Related Services