Course Number: 1912A Released: 07/2000
Delivery Guide Introduction to Web Development Technologies Part Number: X05-91013 Information in this document is subject
to change without notice. The names of companies, products, people, characters, and/or data mentioned herein are fictitious and are in no way intended
to represent any real individual, company, product, or event, unless otherwise noted. Complying with all applicable copyright laws is the responsibility of the user. No part of this document may be reproduced or transmitted in any form or by any means, electronic or mechanical, for any purpose, without the express written permission of Microsoft Corporation. If, however, your only means of access is electronic, permission
to print one copy is hereby granted. Microsoft may have patents, patent applications, trademarks, copyrights, or other intellectual property rights covering subject matter in this document. Except as expressly provided in any written license agreement from Microsoft, the furnishing of this document does not give you any license
to these patents, trademarks, copyrights, or other intellectual property. 2000 Microsoft Corporation. All rights reserved. Microsoft, ActiveX, BackOffice, FrontPage, Internet Explorer, MS-DOS, Notepad, Personal
Web Server, Visual Basic, Windows, and Windows NT are either registered trademarks or trademarks of Microsoft Corporation in the U.S.A. and/or other countries. The names of companies, products, people, characters, and/or data mentioned herein are fictitious and are in no way intended
to represent any real individual, company, product, or event, unless otherwise noted. Other product and company names mentioned herein may be the trademarks of their respective owners. Program Manager: Steve Merrill
Development Lead: Basabjit Chakrabarty (NIIT) Instructional Designers: Sangeeta Nair, Vijayalakshmi Narayanaswamy (NIIT); Veena Nambier, Yatinder Walia (NIIT) Technical Contributors: Scott Swigart (3 Leaf Solutions); Gary Gumbiner (Great Barrier Technologies, Inc.) Graphic Artist: Scott Serna (Creative Assets) Editing Manager: Jennifer Linn Editor: Reid Bannecker Production Manager: Miracle Davis Production Coordinator: Linda Lu Cannon (The Write Stuff) Build Coordinator: Eric Wagoner Testing Lead: Eric Meyers Testing: Bryan Urakawa, Chris and Edward Lead Product Manager, Internet Services: Hilary Vandal Manufacturing Manager: Rick Terek Operations Coordinator: John Williams Manufacturing Support: Laura King; Kathy Hershey Lead Product Manager, Release Management: Bo Galford Group Manager, Courseware Infrastructure: David Bramble General Manager: Robert Stewart Course Number: 1912A Part Number: X05-91013 Released: 07/
2000 Introduction to Web Development
Technologies iii Contents
Introduction Course Materials 5 Prerequisites .6 Course Outline .7 Setup 9 Microsoft Certified Professional Program .10 Facilities .12 Module 1: Internet Concepts Overview 1
Introduction to the Internet 2 Architecture of the Internet 9 Connecting
to the Internet 18 Services Available on the Internet .24 Electronic Commerce .30
Web Development Technologies .31 Lab 1: Working on the Internet 36 Review .38 Module 2: Using a
Web Browser Overview 1 Features for Developers .2 Configuring Internet Explorer 5 .3 Downloading Files Using FTP .12 Demonstration: Downloading Files Using FTP .13 Comparing Available
Web Browsers 14 Review .16 Module 3: Basic HTML Overview 1
Web Site Design Considerations 3 Creating a
Web Page 5 Adding Images
to a
Web Page .29 Creating Tables 41 Formatting Tables 47 Nesting Tables .54 iv
Introduction to Web Development Technologies Lab 3: Creating
Web Pages Using HTML 55 Review 60 Module 4: Advanced HTML Overview . 1 Creating Frames Using HTML . 2 Lab 4.1: Creating Frames Using HTML . 11 Creating Frames Using FrontPage 2000 . 20 Creating Forms Using HTML . 24 Practice: Creating a Simple Form . 35 Formatting Forms 44 Creating Forms Using FrontPage 2000 . 46 Lab 4.2: Creating a Form Using FrontPage 2000 . 49
Introduction to Style Sheets 51 Using Style Sheets 53 Practice: Creating Style Sheets Using HTML . 64 Publishing a
Web Page . 66 Demonstration: Publishing a
Web Site . 75 Lab 4.3: Publishing a
Web Site . 77 Review 79 Module 5: Using Server-Side Scripts Overview . 1
Introduction to Active Server Pages (ASPs) . 2 Object Oriented Programming (OOP) Concepts . 6 Using ASP Objects . 9 Lab 5: Processing Form Data Using Server-Side Scripts . 24 Programming in ASP 28 Review 48 Module 6: Using Client-Side Scripts Overview . 1 Server-Side vs. Client-Side Scripting . 2 Client-Side and Server-Side Objects . 3 Introducing Client-Side Scripting . 5 Using Dynamic HTML . 7 Using Event Procedures 17 Lab 6.1: Adding a Rollover Effect 25 Using the Document Object Model (DOM) 28 Validating Form Inputs . 38 Lab 6.2: Validating Form Inputs . 43 Review 48 Module 7: Adding Active Components Overview . 1
Introduction to Active Components 2 List of ActiveX Controls . 9 Working With ActiveX Controls 11 ActiveX Control Security 21 Other Active Components . 22 Lab 7: Adding Active Components . 28 Review 31
Introduction to Web Development Technologies v Module 8: Accessing a Database Overview 4 Accessing Data from a Text File Using the Tabular Data Control 5 Accessing Data From an XML Document .14 Database Access Interfaces 22 Processing Forms .31 Lab 8: Retrieving Data from a Database Using ASP .42 Review .47 Module 9: Building Sample Sites Overview 1 Lab 9.1: Designing and Creating a
Web Site for a Product-Based Company 2 Lab 9.2: Designing and Creating a
Web Site for an Educational Organization .5 Lab 9.3: Designing and Creating a
Web Site for a Web-Based Company 10 Appendix A: Lab Answers Lab 3: Creating
Web Pages Using HTML .1 Lab 4.1: Creating Frames Using HTML 5 Lab 5: Processing Form Data Using Server-Side Scripts 12 Lab 6.1: Adding a Rollover Effect 14 Lab 6.2: Validating Form Inputs 16 Lab 7: Adding Active Components .19 Lab 8: Retrieving Data from a Database Using ASP .20 Appendix B: Overview of XML Documents Structuring Data .2 What is XML? .10 Creating XML Documents .19 Grammars and Namespaces .34 Review .40 Appendix C: Overview of XML
Technologies XML Technologies: The Big Picture .2 Viewing XML with Style Sheets .6 Binding XML
to HTML 12 Accessing XML with the Document Object Model .19 Validating XML .25 Review .35 Appendix D: Troubleshooting Connecting
to the Internet THIS PAGE INTEN THIS PAGE INTENTIONALLY LEFT BLANKTIONALLY LEFT BLANK
Introduction to Web Development Technologies vii About This Course This section provides you with a brief description of the course, audience, suggested prerequisites, and course objectives. Description This course provides students with the knowledge and skills necessary
to develop applications for the
Web using
Web development tools and technologies, such as HTML, Microsoft ® FrontPage ® 2000, Microsoft Visual Basic ® Scripting Edition, ActiveX ® , DHTML, and ASP. Audience This course is intended for programmers, typically COBOL or Visual Basic programmers, who know the basic concepts of programming and object oriented technology and for non-programmers who want
to develop applications for the Web. The ratio is out of ten people, six are non- programmers and four are programmers. Those who are programmers have a reasonable amount of
development experience, but are new
to the Web. They should have used a
Web browser, but may not know how the Internet works. After going through this course, these programmers and non-programmers would probably learn either XML or Visual Basic Script
to develop
Web applications. Student Prerequisites This course requires that students meet the following prerequisites: ! Basic knowledge of HTML. ! Some experience in developing
Web pages. ! Basic programming experience. Course Objectives After completing this course, the student will be able to: ! Describe the working of the Internet. ! Identify the services available on the Internet. ! Identify the
Web development tools. ! Access Internet services by using Microsoft Internet Explorer 5.0. ! Identify the contrasting features of the available browsers. ! Create a
Web page by using HTML and FrontPage 2000. ! Create frames and forms by using HTML and FrontPage 2000. ! Publish a
Web page by using FrontPage 2000. ! Add VBScript and ASP
to an HTML document. ! Use ActiveX controls in a
Web page. ! Define the Document Object Model. ! Bind dynamic HTML events
to elements. ! Connect the Tabular Data Control (TDC)
to a data source. viii
Introduction to Web Development Technologies ! Create an XML data island. ! Process input form information by using Active Server Pages (ASP). ! Add information from a database
to a
Web page by using the Database Results Wizard in FrontPage 2000. ! Navigate and update records by using methods.
Introduction to Web Development Technologies ix Course Timing The following schedule is an estimate of the course timing. Your timing may vary. Day 1 Start End Module 9:00 9:30
Introduction 9:30 10:30 Module 1: Internet Concepts 10:30 10:40 Lab 1: Working on the Internet 10:40 11:00 Break 11:00 11:30 Module 2: Using a
Web Browser 11:30 12:30 Lunch 12:30 2:00 Module 3: Basic HTML 2:00 2:15 Break 2:15 3:30 Module 3: Basic HTML (continued) 3:30 3:45 Break 3:45 4:15 Lab 3: Creating
Web Pages Using HTML Day 2 Start End Module 9:00 9:15 Day 1 Review 9:15 10:00 Module 4: Advanced HTML 10:00 10:30 Lab 4.1: Creating Frames Using HTML 10:30 10:40 Break 10:40 11:45 Module 4: Advanced HTML (continued) 11:45 12:30 Lunch 12:30 1:00 Lab 4.2: Creating a Form Using FrontPage 2000 1:00 1:15 Break 1:15 2:15 Module 4: Advanced HTML (continued) 2:15 2:30 Lab 4.3: Publishing a
Web Site 2:30 3:30 Module 5: Using Server-Side Scripts x
Introduction to Web Development Technologies Day 3 Start End Module 9:00 9:15 Day 1 review 9:30 10:30 Lab 5: Processing Form Data Using Server-Side Scripts 10:30 10:45 Break 10:45 11:30 Module 5: Using Server-Side Scripts (continued) 11:30 12:30 Lunch 12:30 1:30 Module 5: Using Server-Side Scripts (continued) 1:30 1:45 Break 1:45 3:00 Module 6: Using Client-Side Scripts Day 4 Start End Module 9:00 9:10 Day 3 review 9:30 10:00 Lab 6.1: Adding a Rollover Effect 10:00 10:10 Break 10:15 10:45 Module 6: Using Client-Side Scripts (continued) 10:45 11:15 Lab 6.2: Validating Form Inputs 11:15 12:15 Lunch 12:15 1:15 Module 7: Adding Active Components 1:15 1:30 Break 1:30 2:00 Lab 7: Adding Active Components 2:00 3:30 Module 8: Accessing a Database 3:30 3:40 Break 3:40 4:30 Module 8: Accessing a Database (continued) Day 5 Start End Module 9:00 9:15 Day 4 review 9:15 10:15 Lab 8: Retrieving Data From a Database Using ASP 10:15 10:30 Break 10:30 12:30 Module 9: Building Sample Sites [...]... compact disc, double-click Default.htm or Autorun.exe xii
Introduction to Web Development
Technologies Student Materials Compact Disc Contents The Student Materials compact disc contains the following files and folders: ! Autorun.exe When the CD is inserted into the CD-ROM drive, or when you double-click the autorun.exe file, this file opens the CD and allows you
to browse the Student Materials CD or install.. .
Introduction to Web Development
Technologies xi Trainer Materials Compact Disc Contents The Trainer Materials compact disc contains the following files and folders: ! Autorun.exe When the CD is inserted into the CD-ROM drive, or when you double-click the autorun.exe file, this file opens the CD and allows you
to browse the Student Materials or Trainer Materials... Word documents are included, this folder does not appear xiv
Introduction to Web Development
Technologies Document Conventions The following conventions are used in course materials
to distinguish elements of the text Convention Use # Indicates an introductory page This symbol appears next
to a slide title when additional information on the topic is covered on the page or pages that follow it bold Represents... additional files are required, the Setup folder does not appear ! Webfiles This folder contains the files that are required
to view the course
Web page
To open the
Web page, open Windows Explorer, and in the root directory of the compact disc, double-click Default.htm or Autorun.exe ! Wordview This folder contains the Word Viewer that is used
to view any Word document (.doc) files that are included on the... are required
to install Microsoft Windows Media Player ! Powerpnt This folder contains the PowerPoint slides that are used in this course ! Pptview This folder contains the PowerPoint Viewer, which is used
to display the PowerPoint slides ! Webfiles This folder contains the files that are required
to view the course
Web page
To open the
Web page, open Windows Explorer, and in the root directory of the... associated sample applications, the Sampapps folder does not appear ! Sampcode This folder contains sample code that is accessible through the
Web pages on the Student Materials CD If there is no sample code, the Sampcode folder does not appear
Introduction to Web Development
Technologies xiii ! Sampsite This folder contains files that create the sample site associated with this course If there is no sample... resources pertaining
to this course, including additional reading, review and lab answers, lab files, multimedia presentations, and courserelated
Web sites ! Errorlog This folder contains a template that is used
to record any errors and corrections that you find in the course ! Fonts This folder contains fonts that are required
to view the Microsoft PowerPoint® presentation and Web- based materials !... Materials
Web page It provides students with resources pertaining
to this course, including additional reading, review and lab answers, lab files, multimedia presentations, and course-related
Web sites ! Readme.txt This file contains a description of the compact disc contents and setup instructions in ASCII format (non-Microsoft Word document) ! 1912A_sg.doc This file is the Classroom Setup
Guide It... Materials
Web page ! Readme.txt This file contains a description of the compact disc contents and setup instructions in ASCII format (non-Microsoft Word document) ! 1912A_sg.doc This file is the Classroom Setup
Guide It contains a description of classroom requirements, classroom configuration, and classroom setup instructions ! CD_Student This folder contains the
Web page that provides students with links to. .. indicates commands on menus and buttons, dialog box titles and options, and menu names italic In syntax statements or descriptive text, indicates argument names or placeholders for variable information Italic is also used for book titles Title Capitals Indicate domain names, user names, computer names, directory names, folders, and file names, except when specifically referring
to case-sensitive names Unless . Released: 07/2000 Delivery Guide Introduction to Web Development Technologies Part Number: X05-91013 Information in this document is subject to change without. Explorer, and in the root directory of the compact disc, double-click Default.htm or Autorun.exe. xii Introduction to Web Development Technologies Student Materials