Copyright 2006 South-Western/Thomson Learning Chapter 17 Creating and Linking Web Pages

Slide 2 History of WWW World Wide Web was invented in 1989 Inventor was Tim Berners-Lee Release of Netscape browser in 1994 brought increased use of the Web Lesson 121

Slide 3 Web Site A collection of related Web pages connected using hyperlinks Hyperlinks can be text or graphics When clicked, hyperlinks take a user to a new location –On the same Web page –On another page at the same Web site –On a different Web site Lesson 121

Slide 4 HTML Stands for HyperText Markup Language Web browsers use HTML to interpret and display Web pages Lesson 121 Choose View, Source to view the HTML code for a Web page

Slide 5 HTML Tags Make up the code that Web browsers understand Normally work in pairs, but some work alone Can be written in UPPERCASE or lowercase Are written in angle brackets –Open HTML tags start commands –Close HTML tags stop commands Lesson 121

Slide 6 Basic HTML Tags These tags provide the basic structure of a Web page – begins and ends a Web page – creates a header for a Web page – displays a title in the title bar of the browser – causes words and pictures to display in the main viewing area of the browser Lesson 121

Slide 7 File Extension A three- or four-letter code that identifies a file type Separated from the filename by a period –PowerPoint files use.ppt extension –Word files use.doc extension Exact and complete filenames and extensions must be used in HTML documents Lesson 121

Slide 8 Displaying File Extensions To display file extensions –Choose Start, Control Panel –Select Appearances and Themes, Folder Options –Click the View tab –Remove the check by Hide extensions for known file types Lesson 121

Slide 9 Basic Formatting Tags Formatting tags help organize and add interest to Web pages – leaves one blank line and begins a new paragraph – begins a new line – places a title in the title bar of the Web browser Lesson 122

Slide 10 Headings and Nested Tags Heading tags create a bold heading in a font larger than the body text Nested tags are organized in pairs moving from the outside in Mission Log Lesson 122

Slide 11 Bulleted List Tags Tags that create bulleted lists must be nested correctly Launched rocket on December 7, Landed on the moon on December 11, Splashdown took place on December 19, Lesson 122

Slide 12 Sample Web Page This Web page has headings and a bulleted list Lesson 122 tags create heading tags center text heading tag creates a line tag creates bold text and tags create a bulleted list

Slide 13 Adding Hyperlinks Hyperlinks are created with an anchor tag A hypertext reference is placed between quotation marks Link to NASA Lesson 122 Hyperlink created with anchor tag

Slide 14 Adding Color The background color of a Web page can be set with HTML tags An attribute is added to the tag A value is given for the attribute Lesson 123 Tag Attribute Value

Slide 15 Graphics Graphics should be in a format that allows small file sizes for quick loading –GIF –JPEG Place graphics in the correct folder Display graphics with the tag Indicate width and height attributes Lesson 123

Slide 16 Using Application Programs Web pages can be created using programs such as –Word –Excel –PowerPoint The Save As Web Page command saves documents in a format that can be read by a browser Lesson 124

Slide 17 Save As Web Page To save a Word document as a Web page –Create the document –Choose File, Save As Web Page –Select a folder and enter a filename –Change the page title if needed –Click Save Lesson 124

Slide 18 Slide Show for the Web PowerPoint slide shows can be saved as Web pages In the browser window –An outline appears at the left of the window –The first slide appears –Buttons are provided for navigating and playing the show Lesson 124 Click to play the show

Slide 19 Linking Pages An index page can be used to link Web pages –List each page name on the index page –Create a link from each page name to that page Lesson 125 Web Site Index Mission Overview Photo Gallery Astronaut Bio, Cernan Astronaut Bio, Evans Astronaut Bio, Schmitt Apollo 17 Slide Show

Slide 20 Web Creation Programs Several programs for creating Web sites are available –Macromedia Dreamweaver –Adobe GoLive –Microsoft FrontPage Lesson 125 FrontPage is a popular Web page creation program