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

Contents Introduction Course Materials ...5 Prerequisites...6 Course Outline ...7 Setup ...9 Microsoft Certified Professional Program ...10 Facilities...12 Module 1: Internet Concepts

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

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

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

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 non-programmers Those who are non-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

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

10:30 10:40 Lab 1: Working on the Internet 10:40 11:00 Break

11:00 11:30 Module2: Using a Web Browser 11:30 12:30 Lunch

2:00 2:15 Break

3:30 3:45 Break

Day 2

Start End Module

10:00 10:30 Lab 4.1: Creating Frames Using HTML

10:40 11:45 Module 4: Advanced HTML (continued)

12:30 1:00 Lab 4.2: Creating a Form Using FrontPage 2000

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:30 10:30 Lab 5: Processing Form Data Using Server-Side Scripts

10:45 11:30 Module 5: Using Server-Side Scripts (continued)

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:30 10:00 Lab 6.1: Adding a Rollover Effect

10:15 10:45 Module 6: Using Client-Side Scripts (continued)

10:45 11:15 Lab 6.2: Validating Form Inputs

12:15 1:15 Module 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:15 10:15 Lab 8: Retrieving Data From a Database Using ASP

10:30 12:30 Module 9: Building Sample Sites

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 CD, or install Internet Explorer

! Default.htm This file opens the Trainer 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 resources pertaining to this course, including additional reading, review and lab answers, lab files, multimedia presentations, and course-related 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

! Mplayer This folder contains files that 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 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 Internet Explorer

! Default.htm This file opens the Student 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 contains a

description of classroom requirements, classroom setup instructions, and the classroom configuration

! AddRead This folder contains additional reading pertaining to this course

If there are no additional reading files, this folder does not appear

! Appendix This folder contains appendix files for this course If there are no

appendix files, this folder does not appear

! Democode This folder contains demonstration code If there is no

demonstration code, the Democode folder does not appear

! Fonts This folder contains fonts that are required to view the PowerPoint

presentation and Web-based materials

! Labs This folder contains files that are used in the hands-on labs These

files may be used to prepare the student computers for the hands-on labs

! Media This folder contains files that are used in multimedia presentations

for this course If this course does not include any multimedia presentations, this folder does not appear

! Mplayer This folder contains files that are required to install Microsoft

Windows Media Player

! Practices This folder contains files that are used in the hands-on practices

If there are no practices, the Practices folder does not appear

! Sampapps This folder contains the sample applications associated with this

course If there are no 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

! Sampsite This folder contains files that create the sample site associated

with this course If there is no sample site, the Sampsite folder does not appear

! Setup This folder contains additional files that may be required for lab

setup If no 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 compact disc If no Word documents are included, this folder does not appear