Tài liệu Introduction to Web Development Technologies Delivery Guide docx

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