Exploring Microsoft Word 2003

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

• 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

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
Case Study Realtor of the Year

• The opening case study focuses on developing a
  Web site for a Realtors 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
Introduction to HTML

• Insert Hyperlink
• Theme
• Bookmark
• Browser
• Graphics

• Hypertext Markup Language (HTML)
• HTML tags
• Save As Web Page command
• Hyperlink

6
A Sample Web Page (IE)
Centered Title
Hyperlinks
E-mail Link
7
A Sample Web Page (Word)
Centered Title
Image File
Hyperlinks
E-mail Link
8
Sample HTML

• ltp style"Times New Roman"'gt pgt
• href"http//www.nytimes.com/"gtNew York
  Timeslt/agtltspan style'font-family"Times New
  Roman"'gt

Paragraph Tag
Indicates Font
Web Site Tag
Anchor Tag
9
Microsoft Word
Or Web Page
Blank Page
10
Save as a Web Page
Save As Type
File Name
11
Clip Art (Insert Picture)
Insert Menu
Type Key Word
12
Hyperlinks

• Provide text, graphics, sound, or video links
• Blue underlined fonts are unexplored
• Magenta links have been accessed

www.microsoft.com www.microsoft.com
13
Insert Hyperlink
Existing file
Place in this document
Link to E-mail
14
Format Theme
Preview Sample
Format Menu
Theme Choices
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
A Commercial Home Page

• Single File Web Page format
• Bookmark
• Branching to a Bookmark

17
Bookmark

• Insert Menu
• Bookmark name (No spaces)
• Add bookmark

18
File Transfer Protocol (FTP)

• FTP via Save As command
• FTP Program
• Try Shareware
• Upload Files

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
Creating a Web Site

• Multiple Pages
• Frames
• Under Construction
• Create a Folder
• Default Page

21
Saving a Web Site
Save As Type
File Name
22
Frames
Set frames
Frames
23
Prototyping
Under Construction
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
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
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
End-of-Chapter Exercises

• Multiple Choice
• Practice Exercises
• Exercise 1Milestones in Communication
• Exercise 2Expanding the World Wide Web Site
• Exercise 3Realtor of the Year Home Page
• Exercise 4Realtor of the Year Web Site
• Exercise 5Alternate Airways Home Page
• Exercise 6Alternate Airways Web Site
• Exercise 7University Housing Web Site
• Exercise 8Totally Fit Web Site

28
End-of-Chapter Exercises

• Mini Cases
• Case 1Web Pages and Web Sites
• Case 2Designer Home Pages
• Case 3Register a Domain Name
• Case 4Employment Opportunities
• Case 5Front Page

29
Questions?