L E S S O N 7 The Internet and the Web Suggested teaching time 35-45 minutes Lesson objectives In this lesson, you will learn how to use Word s Web page creation features by: a b c d Discussing Internet and Web terminology. Creating a new Web page based on a template and applying a design theme. Adding a hyperlink and saving an existing Word document as a Web page. Adding graphical elements to a Web page. 7-1
Word 2000: Level 2 Ashbury Training a About the Internet and the Web what s new The following new software feature is discussed in this topic: Enhanced toolbar and menu customization Concepts > Although it is easy to confuse the Internet with the Web, they are not the same thing. Basically, the Internet, which has been in existence for about 40 years, describes the hardware or structure that connects computer networks worldwide. Describing the physical connections and behavior of the Internet is beyond the scope of this course, however. (For a history of the Internet, visit the Internet Society s Web site at http://www.isoc.org/.) The World Wide Web, or Web, was developed in the 1980s as a way to provide better access to the Internet s wealth of information. Essentially a cataloging system for the data on the Internet, the Web s primary function is to connect, or link, related information rather than networks. Using a Web browser, such as Microsoft s Internet Explorer, makes it easier to locate and view the information located on the Internet. (For a history of the Web, visit the World Wide Web Consortium s Web site at http://www.w3.org/.) INTERNET Figure 7-1: The World Wide Web. Email addresses Electronic mail or email was one of the first communication services on the Internet and is still one of the most popular today. A person with email access has an account that is hosted by a company. The user name is combined with the host name and domain suffix to form the complete, unique address. Here is the syntax of a common email address: username@hostname.domainsuffix 7-2
Ashbury Training Lesson 7: The Internet and the Web The domain suffix helps to identify what type of business the host company is in. For instance, the.com suffix means the host is a commercial business while.gov means the host is government related. Often a person s address includes his or her full name, possibly with an underscore instead of the space: robert_curtis. Sometimes, however, the address might be a nickname, or just a string of numbers and letters. robert_curtis@somedepartment.gov The simplest way to find the Internet address of someone you want to correspond with is to ask that person directly. Many people have begun including Internet addresses on their business cards. Uniform Resource Locators A Uniform Resource Locator (URL), sometimes called a Web address, is a way to identify the physical location of a resource, such as a text file, on the Internet; every item stored on the Internet has a unique URL. Here are the parts of a URL: sourcetype://hostname/path/filename The source type, generally http, sometimes mailto for email, identifies the type of application needed to access the information. The host name is the name of the company or organization that is hosting the information you want to see. The path shows the directory where the file resides on the host s computer. And finally, the file name is the actual file name of the file that you want to see. Note: Punctuation is important! Front slashes (/) are used to separate the different parts of a URL. This can be a source of confusion for people used to using DOS commands, which use the backslash (\). Hyperlinks Most Web pages are created using HyperText Markup Language (HTML). HTML is also used to create hyperlinks. A hyperlink is text that contains code that links it to the location of another resource. Hyperlinks are a quick way to jump to another place inside the same document or outside to an entirely different document. World Wide Web pages are connected with hyperlinks. By using hyperlinks, you can browse through files, both on and off the Internet. You can link documents that might be placed on a network, or link to other documents on your hard drive. Hyperlinks can also be used to start email. When viewing a Web page, hyperlinks are generally underlined and displayed in a different color (blue, by default) than the other document text (black, by default). Another way to identify a hyperlink is to watch your mouse pointer. When you place it over a hyperlink, the mouse pointer changes from an arrow to a pointing hand. Before you click on a hyperlink you can hold the mouse pointer over the link to see the link s target URL displayed in the browser s status message area. 7-3
Word 2000: Level 2 Ashbury Training Task A-1: Discussing the Internet and the Web What you do Comments/Prompts 1. Describe the distinctions between the Web and the Internet. 2. What is the major communications service on the Internet? 3. What authoring language is used to create a Web page? The Web is part of the Internet. Using a browser, you can access parts of the Internet that are part of the Web and outside the Web. Electronic mail (email, or just mail). HyperText Markup Language (HTML). 4. What does a URL do? A URL identifies the physical location of a resource on the Internet. 5. What does a hyperlink do? A hyperlink takes you from one point to another. It can connect two points on the same page or it can connect to a completely different Web page. 7-4
Ashbury Training Lesson 7: The Internet and the Web b Creating a new Web page what s new The following new software feature is discussed in this topic: New Web Page Preview Concepts > With Word, you can create a Web page from scratch by selecting one of the Web page templates. The Web templates provide you with a good starting point when you are first starting out. Nested tables A feature new to Word 2000 is the ability to insert, or nest, one table within another. Nested tables can be useful when you want to apply several different formats to a section within a table, such as when creating Web pages. You can use either the Insert Table button or the Draw Table tool to create a nested table. With an existing table, decide in which cell you want to place the nested table and either insert or draw the new table. Nested tables can be edited and formatted like any other table. Task B-1: Creating a new Web page Before you begin: Use the Show/Hide button to display paragraph marks. What you do Comments/Prompts Students should not use the New Blank Document button. 1. Choose _File New _ To display the New dialog box. 2. Select the Web Pages tab Students should observe the ruler to note the three different columns. Tip: Tables are commonly used in Web page design to control text and graphic placement. 3. Double-click on Simple Layout Observe the Web page 4. Select the filler text in the second column Press D 5. Verify that the insertion point is still in the second column To create a new Web page based on the Simple Layout template. The Web page is set in a 1-row by 3-column table. The second column has filler text in it. To delete the filler text without deleting the column. Choose _Insert File _ 6. Double-click on Web Page Text (Follow your instructor s directions to locate the file.) To insert the Web Page Text file. 7-5
Word 2000: Level 2 Ashbury Training Because a Web page template was used to create the document, it is not necessary to use File, Save As Web Page. 7. Choose _File Web_Page_Preview_ Observe the Web page Close the browser 8. Save the file as My Simple Web Page To preview the Web page in your browser. The Web page has headings, text in a table, a nested table, and a hyperlink. To return to Word. 7-6
Ashbury Training Lesson 7: The Internet and the Web c Adding hyperlinks to a Web page what s new The following new software feature is discussed in this topic: Enhanced hyperlink tools Concepts > Word s Web features make it easy to add hyperlinks without having to know much about HTML. You can use the Insert Hyperlink feature to create links to existing files or Web pages, to places within the same document, to new documents, or to email addresses. You can also use one of Word s AutoFormat features, which automatically replaces Internet and network addresses with hyperlinks as you type. To activate this feature, choose Tools, AutoCorrect, and select the AutoFormat tab. Under Replace, check Internet And Network Pages With Hyperlinks. Figure 7-2: The Insert Hyperlink dialog box makes adding links easier. Task C-1: Adding a hyperlink to a Web page Before you begin: My Simple Web Page is open. What you do Comments/Prompts Tip: C + K also displays the Insert Hyperlink dialog box. 1. In the nested table at the bottom of the second column, select Microsoft HomeAdvisor 2. Choose _Insert Hyperlink _ Observe the Text To Display text box (] Hyperlink ) To display the Insert Hyperlink dialog box. Because the text was selected in step 1, Microsoft Home Advisor is displayed. 7-7
Word 2000: Level 2 Ashbury Training 3. In the Type The File Or Web Page Name text box, type http://homeadvisor.msn.com Click on OK 4. Position the mouse pointer over the Microsoft HomeAdvisor hyperlink and observe the mouse pointer To close the Insert Hyperlink dialog box. The mouse pointer changes from an arrow to a pointing finger. Word automatically adds a ScreenTip that displays the link s Web address. Practice Task Insert hyperlinks to: Bob Vila s Home Site: http://www.bobvila.com Home & Garden Television: http://www.hgtv.com Task C-2: Editing a hyperlink What you do Comments/Prompts M If students do not have the Edit Hyperlink option available, confirm that they have Word displayed rather than the Internet Explorer. 1. Right-click on the Microsoft HomeAdvisor hyperlink and choose _Hyperlink Edit_Hyperlink _ To display the Edit Hyperlink dialog box. 2. Click on ScreenTip To display the Set Hyperlink ScreenTip dialog box. 3. In the ScreenTip Text box, type Click here to go to the Microsoft HomeAdvisor Web Site! Click on OK Click on OK 4. Position the mouse pointer over the Microsoft HomeAdvisor hyperlink and observe the mouse pointer To close the Set Hyperlink ScreenTip dialog box. To close the Edit Hyperlink dialog box. A ScreenTip appears describing where the link jumps to. 7-8
Ashbury Training Lesson 7: The Internet and the Web Practice Task Add ScreenTips for the Bob Vila s Home Site and Home & Garden Television hyperlinks. 7-9
Word 2000: Level 2 Ashbury Training d Adding graphical elements to a Web page what s new The following new software features are discussed in this topic: Enhanced Clip Art functionality New design Themes New picture bullets Picture bullets Concepts > Rather than using the standard bullets or a symbol font, you can use a picture to graphically represent your bullets. Word comes with dozens of picture bullets in its clip-art gallery. For additional clip art, visit Microsoft s Clip Gallery Live Web site (http://microsoft.com/clipgallerylive/). Task D-1: Using clip art, Themes, and picture bullets Before you begin: Make sure My Simple Web Page is open in Word. What you do 1. Place the insertion point in the first column 2. Choose _Insert Picture Clip_Art _ Comments/Prompts (Press Ctrl + Home.) To display the Insert ClipArt dialog box. If the Picture toolbar is displayed, have the students close it. It is not necessary for this task. Verify that the Pictures tab is selected 3. In the Categories list box, locate and click on Buildings 4. In the Buildings list box, locate and click on a picture of your choice Click on the Insert Clip button Close the Insert ClipArt dialog box Resize the clip as necessary To display the clip art shortcut menu. To insert the selected clip in the Web page. 7-10
Ashbury Training Lesson 7: The Internet and the Web 5. Choose _Format Theme _ To display the Theme dialog box. In the Choose A Theme list box, select a Theme of your choice Click on OK To apply the Theme. 6. In the middle of the second column, select the text from Buy and sell properties to Relocation assistance Choose _Format Bullets_And_Numbering _ 7. Click on Picture In the Clips box, select a bullet of your choice Click on the Insert Clip button 8. Choose _File Web_Page_Preview_ Observe the Web page Close the browser To display the Bullets And Numbering dialog box. To display the Picture Bullet dialog box. To display the Clips shortcut menu. To apply the picture bullet. To preview the Web page in your browser. The Web page, which was originally just black and white, now has graphical elements applied (a background, colored headings and text, picture bullets), and a nested table with URLs. To return to Word. 9. Save the file Practice Task 1. Apply a different Theme of your choice. Notice that the picture bullets you inserted have changed to reflect the new Theme. 2. Save and close the Web page. 3. If you are not going to Key the Practice Unit, exit Word. 7-11
Word 2000: Level 2 Ashbury Training ( Practice Unit for Lesson 7 In this activity, you will create a new Web page by using a template, apply styles and themes, and preview the page in a Web browser. 1. Create a new Web page by using the Simple Layout template. 2. Delete the text from the second column. Type your company s name and apply the Heading 1 style to it. 3. Below your company name, type Links of Interest. Apply the Heading 3 style to the text. 4. After Links of Interest, type Here are some links I thought you might find useful: Yahoo, ZDNet, and Microsoft s Personal Computing Weekly. 5. Insert hyperlinks and ScreenTips for Yahoo: http://www.yahoo.com ZDNet: http://www.zdnet.com Microsoft s Personal Computing Weekly: http://www.microsoft.com/magazine/ 6. Apply a theme of your choice. 7. Save the Web page as My Company Links 8. Preview your Web page in a browser. 9. Close the browser and the file without saving changes and then close Word. 7-12
Lesson 7: The Internet and the Web ) Wrap-up for Lesson 7 a Describe the primary difference between the Internet and the Web. The term Internet refers to the global connections between hardware (networks) and Web refers to a method of cataloging, connecting, and controlling resources that are either stored on or connected to the Internet. b What is a nested table? A table placed within another existing table. c List the steps necessary to apply a hyperlink to existing text. Select the text, choose Insert, Hyperlink. Select what you want to link to (existing file, Web page, place in the document, new document, or email address). Type the filename (including full path to location) and click on OK. d How do you insert picture bullets? Select the text you want to apply the picture bullet to then choose Insert, Picture, Clip Art. Click on the Picture button, select a picture bullet, and click on the Insert Clip button. 7-13