Exploring Word 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

Exploring Word 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

Exploring Word 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

Exploring Word 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.

Exploring Word 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

Exploring Word Grauer and Barber 6 A Sample Web Page (IE) Centered Title Hyperlinks Link

Exploring Word Grauer and Barber 7 A Sample Web Page (Word) Image File Link Centered Title Hyperlinks

Exploring Word Grauer and Barber 8 p> href=" York Times Sample HTML Paragraph Tag Web Site Tag Indicates Font Anchor Tag

Exploring Word Grauer and Barber 9 Microsoft Word Blank Page Or Web Page

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

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

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

Exploring Word Grauer and Barber 13 Insert Hyperlink Existing file Link to Place in this document

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

Exploring Word 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

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

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

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

Exploring Word 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 addresses  Input file: None  Output file: World Wide Travel home page

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

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

Exploring Word Grauer and Barber 22 Frames Set frames Frames

Exploring Word Grauer and Barber 23 Prototyping Under Construction

Exploring Word 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

Exploring Word 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.

Exploring Word 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.

Exploring Word 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

Exploring Word 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

Exploring Word Grauer and Barber 29 Questions?