module 2 using a web browser

Contents 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 2: Using a Web Browser 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, Internet Explorer 5, MS-DOS, WebTV, Windows, Windows NT, and Windows 2000/98/95 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 Module 2: Using a Web Browser iii Instructor Notes This module introduces students to the developer features of Microsoft Internet Explorer 5. It also explains how to configure Internet Explorer 5 by setting Security and Connections options. Students will also learn how to download files using File Transfer Protocol (FTP). Finally, this module describes and contrasts the features of the Web browsers currently available. After completing this module, students will be able to: ! Identify the developer features of Internet Explorer 5. ! Configure Internet Explorer 5 by setting Security and Connections options. ! Download files using FTP. ! Identify the contrasting features of available Web browsers. Materials and Preparation This section provides you with the required materials and preparation tasks to teach this module. Required Materials To teach this module, you need the following materials: ! Microsoft PowerPoint file 1912A_02.ppt. ! Module 2, “Using a Web Browser” Preparation Tasks To prepare for this module, you should: ! Read all of the materials for this module. ! Complete all the demonstrations in the module. Presentation: 30 Minutes Lab: 00 Minutes iv Module 2: Using a Web Browser Module Strategy Use the following strategy to present this module: ! Features for Developers This topic provides an overview of the features that Internet Explorer 5 provides for developers. First, explain the dynamic HTML (DHTML) support built-in to Internet Explorer 5. Then, explain the XML support. ! Configuring Internet Explorer 5 This section explains how to configure Internet Explorer 5. First, explain the Security options. Then, explain the Connections options. Finally, explain how to set Security and Connections options. ! Downloading Files Using FTP In this topic, students will learn how to download files using FTP. ! Comparing Available Web Browsers In this topic, students will learn about the technologies that available Web browsers support. Module 2: Using a Web Browser 1 # ## # Overview ! Features for Developers ! Configuring Internet Explorer 5 ! Downloading Files Using FTP ! Demonstration: Downloading Files Using FTP ! Comparing Available Web Browsers ! Review Microsoft ® Internet Explorer 5 provides a rich platform for building Web-based applications. Internet Explorer 5 is the ideal platform for developers building applications for the Web because Internet Explorer 5: ! Delivers a fast, stable, and rich development environment for creating applications that employ dynamic HTML (DHTML). ! Provides improved support for key standards, including Extensible Markup Language (XML). ! Makes the power of DHTML available for everyone through a new feature called DHTML behaviors. After completing this module, you will be able to: ! Identify the developer features built into Internet Explorer 5. ! Configure Internet Explorer 5 by setting the Security and Connections options. ! Download files using FTP. ! Identify the contrasting features of available Web browsers. Slide Objective To provide an overview of the module topics and objectives. Lead-in Microsoft Internet Explorer 5 provides a rich platform for building Web-based applications. 2 Module 2: Using a Web Browser Features for Developers ! Dynamic HTML (DHTML) support $ Provides interactivity in Web pages ! DHTML behaviors $ Store Web page information and style ! XML support $ Enables developers to build Web-based applications $ Allows you to separate data from presentation Dynamic HTML (DHTML) allows you to transform a static Web page into something that behaves more like a complete application. You can use DHTML to create rich, interactive pages that require less bandwidth to be displayed in a browser window. Internet Explorer 5 provides the benefits of encapsulation and code reusability to DHTML users. DHTML behaviors, user data persistence, and data transfer enable interaction of client Web pages without the client having to make numerous requests to the Web server. For more information about DHTML, and to see some example DHTML scripts, go to http://www.dynamicdrive.com/. Dynamic HTML behaviors Internet Explorer 5 supports DHTML behaviors. DHTML behaviors allow you to store Web page style information. Behaviors are components that separate the HTML code from the script. Behaviors store the script in a separate file and allow code reusability. XML support Internet Explorer 5 is the first commercially available browser that supports XML version 1.0. XML support allows developers to focus on building Web- based applications. Internet Explorer 5 also supports other XML-based technologies, such as Extensible Stylesheet Language (XSL) and XML Document Object Model (DOM). XML allows you to separate data from display so that the data retains its semantic meaning. XML also allows a given document to be rendered in many different ways through XSL style sheets. For more information about XML, go to http://www.xml.com/pub. Slide Objective To provide an overview of dynamic HTML and XML. Lead-in Internet Explorer 5 supports dynamic HTML and XML. Note Module 2: Using a Web Browser 3 # ## # Configuring Internet Explorer 5 ! Exploring Security Options ! Setting Security Options ! Setting Connections Options ! Demonstration: Setting a Proxy Server Internet Explorer 5 offers a variety of options to control its appearance and operation. Let’s look at how to configure two of the key options: Security and Connections. The need for security is an unfortunate side effect of connecting to the Internet and browsing Web pages. To help protect you from dangers such as computer viruses, Internet Explorer 5 supports security zones, which allow you to set different levels of security depending on the site that you browse. For example, you can configure Internet Explorer 5 to trust a Microsoft ActiveX ® object that is on your company intranet, but restrict the use of ActiveX controls from the Internet. You must set the Connections options before you can access the Internet. These options allow you to specify additional information that may be needed to communicate on the Internet. For example, if your company uses a proxy server to connect to the Internet, you may need to configure Internet Explorer 5 so that it can route page requests through the proxy server. In this section, you will look at how to set the Security and Connections options in order to configure Internet Explorer. Slide Objective To provide an overview of the topics in this section. Lead-in Internet Explorer 5 offers a variety of options that control its appearance and operations. Let’s look at how to configure two of the key options: Security and Connections. 4 Module 2: Using a Web Browser Exploring Security Options ! Web Content Zones $ Internet zone $ Local intranet zone $ Trusted sites zone $ Restricted sites zone ! Security Levels $ High $ Medium $ Medium-low $ Low 4 Internet Explorer 5 defines security zones for the information that you access on the Internet. This allows you to set a different level of security for each zone. Determining the level to set depends on where the information comes from and how much trust you have in the source. When you attempt to open or download content from the Web, Internet Explorer 5 checks the security settings for the zone of that particular Web site. For example, some pages that you request will contain ActiveX controls. An ActiveX control works much like a stand-alone application and has complete access to all the files and registry settings on your computer. If a page contains an ActiveX control, Internet Explorer 5 will download this control, inspect it, and compare the results to the security settings that you have defined. For an intranet, you may specify that controls should simply be installed and executed. For the Internet, you will probably want to be notified that an ActiveX control has been downloaded, and be given the option of canceling the installation. For an intranet, you typically set the security level to medium-low or low; for the Internet, you set the security level to medium. Slide Objective To introduce the various options in the Security tab of the Internet Options dialog box. Lead-in Security is an essential feature when you have access to the Internet. Note Module 2: Using a Web Browser 5 Setting Security Options Let’s look at how to set the security levels for the various security zones in Internet Explorer 5. ! Set the Security options 1. Open Internet Explorer. 2. On the Tools menu, click Internet Options. 3. The Internet Options dialog box appears. On the Security tab, select a zone from the Select a Web content zone to specify its security settings section. Slide Objective To explain how to set the Security options. Lead-in Let’s now look at how to set the Security options. Delivery Tip Explain the steps for setting the Security options. 6 Module 2: Using a Web Browser You can set the security level for each zone listed in the Select a Web content zone to specify its security settings section. The setting determines how Internet Explorer 5 handles the files that you attempt to load. The four security zones are: • Internet zone The Internet zone contains addresses of sites that are not present on your computer or assigned to other zones. The default security level for the Internet zone is medium. • Local intranet zone The Local intranet zone contains addresses that do not require a proxy server. These include the Web sites specified on the Connections tab, network paths, and local intranet sites. You can add sites to this zone. The default security level for the Local intranet zone is medium. • Trusted sites zone The Trusted sites zone contains the sites that can be downloaded without damaging your computer or data. You can add sites to this zone. The default security level for the Trusted sites zone is low. • Restricted sites zone The Restricted sites zone contains addresses of sites that could potentially damage your computer or data. You can add sites to this zone. The default security level for the Restricted sites zone is high. Delivery Tip Explain the security zones by pointing to the options in the Security tab of the Internet Options dialog box. [...]... 4.0 and later Enabled Enabled Enabled Netscape Navigator 4.0 and later Disabled Disabled Enabled Netscape Navigator 3.0 and later Disabled Disabled Disabled Both Internet Explorer and Navigator 4.0 and later Disabled Disabled Enabled Microsoft WebTV® Disabled Disabled Disabled Module 2: Using a Web Browser 15 Table B Browser JavaScript Java Applets CSS 2. 0 XML Internet Explorer 5.0 Enabled Enabled Enabled... Enabled Enabled Enabled Internet Explorer 4.0 and later Enabled Enabled Enabled Enabled Netscape Navigator 4.0 and later Enabled Enabled Enabled Disabled Netscape Navigator 3.0 and later Enabled Enabled Disabled Disabled Both Internet Explorer and Navigator 4.0 and later Enabled Enabled Enabled Disabled Microsoft WebTV Disabled Disabled Disabled Disabled Among the available browsers and versions, Microsoft... support Lead-in There are a number of browsers available with many versions However, each browser has features that distinguish it from the rest Browser ActiveX VBScript DHTML Controls JavaScript Java Applets CSS 2. 0 XML Internet Explorer 5.0 Internet Explorer 4.0 and later Netscape Navigator 4.0 and later Netscape Navigator 3.0 and later Microsoft WebTV You can build your Web site to be compatible with... local intranet sites Module 2: Using a Web Browser 11 Automatic configuration If your system administrator has created a configuration file that contains a proxy server, dial-up networking, and other communication settings, you can use automatic configuration to control the setup to connect to the Internet Delivery Tip Describe the steps to set the Automatic Configuration option ! Set the Automatic... services folder are displayed Then, click the channel folder c Click allchin.zip 4 The File Download dialog box appears You can open the file from its current location, or you can save it to your hard drive before opening it 5 Click OK to save the file to your hard disk 13 14 Module 2: Using a Web Browser Comparing Available Web Browsers Slide Objective To compare various browsers based on technologies... Explorer is the ideal platform for developers to create Web- based applications Microsoft Internet Explorer is the only browser that supports all technologies, including ActiveX controls, VBScript, DHTML, Java Script, Java applets, Cascading Style Sheets (CSS) 2. 0, and XML It allows developers to use these technologies to create highly dynamic and interactive applications for the Web Note Cascading Style Sheets... Explorer Automatic configuration settings are contained in a file provided by your system administrator You can also select the Use Automatic configuration script check box and then specify the URL of the configuration file in the Address text box  12 Module 2: Using a Web Browser Downloading Files Using FTP Slide Objective To explain the use of FTP Lead-in FTP is an Internet service that allows you to... Identify the contrasting features of available Web browsers Lead-in The review questions cover some of the key concepts taught in the module 1 As a Web developer, when would you choose Internet Explorer 5.0 or Netscape Navigator 4.0 as a platform for your Web site? If you wish to use ActiveX controls, VBScript, dynamic HTML, Java Script, Java applets, CSS 2. 0, and XML in your Web site, then you would choose... tables, A and B, list the default technologies and features supported by various browsers and browser combinations If you override the default and enable a technology or feature not supported by a specific browser or version, your site’s pages might not be displayed properly, or they might contain errors Table A Browser ActiveX Controls VBScript DHTML Internet Explorer 5.0 Enabled Enabled Enabled Internet... Connections tab, click LAN Settings 5 The Local Area Network (LAN) Settings dialog box appears In the Proxy server section, specify the address and port number of the proxy server required to access the Internet Note You can bypass the proxy server for accessing local addresses You do so by selecting the Bypass proxy server for local addresses check box This enables you to gain faster and easier access to . Program Manager: Steve Merrill Development Lead: Basabjit Chakrabarty (NIIT) Instructional Designers: Sangeeta Nair, Vijayalakshmi Narayanaswamy (NIIT); Veena Nambier, Yatinder Walia (NIIT). Kathy Hershey Lead Product Manager, Release Management: Bo Galford Group Manager, Courseware Infrastructure: David Bramble General Manager: Robert Stewart Module 2: Using a Web Browser iii. 4.0 and later Enabled Enabled Enabled Netscape Navigator 4.0 and later Disabled Disabled Enabled Netscape Navigator 3.0 and later Disabled Disabled Disabled Both Internet Explorer and