1. Exploring Word 2003 - Grauer and Barber 1 Committed to Shaping the Next Generation of IT Experts. Chapter 6: Introduction to HTML: Creating a Home Page and a Web Site Robert Grauer and Maryann Barber Exploring Microsoft Word 2003

2. Exploring Word 2003 - Grauer and Barber 2 Define HTML; explain how HTML codes (tags) control the appearance of a Web document Use the Save As Web Page command Explain the advantage of the Single File Web Page format in creating a Web page Distinguish between HTML and XML Use the Format Theme command Objectives

3. Exploring Word 2003 - Grauer and Barber 3 Objectives (continued) Use the Insert Hyperlink command Insert a bookmark into a document Use the Insert Table command Explain how frames facilitate navigation within a Web site Use the Frames toolbar to insert a horizontal and/or vertical frame Explain how prototyping and an “under construction” page are used to create a Web site

4. Exploring Word 2003 - Grauer and Barber 4 Case Study: Realtor of the Year The opening case study focuses on developing a Web site for a Realtor’s office. The case describes a task to create a Web site that includes a home page and links via a frame to additional pages. Students are asked to create “under construction” pages to give the realtor a chance to experience the feel and look of the site before completion.

5. Exploring Word 2003 - Grauer and Barber 5 Introduction to HTML Hypertext Markup Language (HTML) HTML tags Save As Web Page command Hyperlink Insert Hyperlink Theme Bookmark Browser Graphics Home P

6. Exploring Word 2003 - Grauer and Barber 6 A Sample Web Page (IE) Centered Title Hyperlinks E-mail Link

7. Exploring Word 2003 - Grauer and Barber 7 A Sample Web Page (Word) Image File E-mail Link Centered Title Hyperlinks

8. Exploring Word 2003 - Grauer and Barber 8 p> href="http://www.nytimes.com/">New York Times Sample HTML Paragraph Tag Web Site Tag Indicates Font Anchor Tag

9. Exploring Word 2003 - Grauer and Barber 9 Microsoft Word Blank Page Or Web Page

10. Exploring Word 2003 - Grauer and Barber 10 Save as a Web Page File Name Save As Type

11. Exploring Word 2003 - Grauer and Barber 11 Clip Art (Insert Picture) Insert Menu Type Key Word

12. Exploring Word 2003 - Grauer and Barber 12 Hyperlinks Provide text, graphics, sound, or video links Blue underlined fonts are unexplored Magenta links have been accessed www.microsoft.com

13. Exploring Word 2003 - Grauer and Barber 13 Insert Hyperlink Existing file Link to E-mail Place in this document

14. Exploring Word 2003 - Grauer and Barber 14 Format Theme Format Menu Theme Choices Preview Sample

15. Exploring Word 2003 - Grauer and Barber 15 Hands-on Exercise 1 Title of Exercise: Introduction to HTML Objective: to use Microsoft Word to create a simple home page with clip art and multiple hyperlinks; to format a Web page by selecting a theme  Input file: None  Output file: Index.mht

16. Exploring Word 2003 - Grauer and Barber 16 A Commercial Home Page Single File Web Page format Bookmark Branching to a Bookmark

17. Exploring Word 2003 - Grauer and Barber 17 Bookmark Insert Menu Bookmark name (No spaces) Add bookmark

18. Exploring Word 2003 - Grauer and Barber 18 File Transfer Protocol (FTP) FTP via Save As command FTP Program  Try Shareware Upload Files

19. Exploring Word 2003 - Grauer and Barber 19 Hands-on Exercise 2 Title of Exercise: World Wide Travel Home Page Objective: to use a table to facilitate placement of clip art and other elements on a Web page; to insert a bookmark; to create hyperlinks to external Web pages, bookmarks, and e-mail addresses  Input file: None  Output file: World Wide Travel home page

20. Exploring Word 2003 - Grauer and Barber 20 Creating a Web Site Multiple Pages Frames Under Construction Create a Folder Default Page

21. Exploring Word 2003 - Grauer and Barber 21 Saving a Web Site File Name Save As Type

22. Exploring Word 2003 - Grauer and Barber 22 Frames Set frames Frames

23. Exploring Word 2003 - Grauer and Barber 23 Prototyping Under Construction

24. Exploring Word 2003 - Grauer and Barber 24 Hands-on Exercise 3 Title of Exercise: Creating a Web Site Objective: to create a Web site consisting of multiple Web pages; to add a frame to an existing page  Input file: World Wide Travel home page  Output file: Multiple Web Documents

25. Exploring Word 2003 - Grauer and Barber 25 Summary Hypertext Markup Language (HTML) is the language used to create Web pages. HTML consists of codes that control the appearance of the document. Word can be used to create a document; “save as Web page” will convert it to HTML.

26. Exploring Word 2003 - Grauer and Barber 26 Summary (Continued) Hyperlinks can be inserted to link one document to other Web documents. Clip art and graphics can be inserted. Web pages are uploaded using FTP.

27. Exploring Word 2003 - Grauer and Barber 27 End-of-Chapter Exercises Multiple Choice Practice Exercises  Exercise 1—Milestones in Communication  Exercise 2—Expanding the World Wide Web Site  Exercise 3—Realtor of the Year Home Page  Exercise 4—Realtor of the Year Web Site  Exercise 5—Alternate Airways Home Page  Exercise 6—Alternate Airways Web Site  Exercise 7—University Housing Web Site  Exercise 8—Totally Fit Web Site

28. Exploring Word 2003 - Grauer and Barber 28 End-of-Chapter Exercises Mini Cases  Case 1—Web Pages and Web Sites  Case 2—Designer Home Pages  Case 3—Register a Domain Name  Case 4—Employment Opportunities  Case 5—Front Page

29. Exploring Word 2003 - Grauer and Barber 29 Questions?