HTML Project 03: Creating, Editing, and Formatting Linked Web Pages

Project Outline PageObjectives 70

Introduction 70

Project Three - Plant World Web Site 71

Starting Notepad 72

Using Links on a Web Page 72

Linking to Another Web Page within the Same Web Site 75

Linking to a Web page in Another Web Site 76

Linking within a Web Page 77

Linking to an E-Mail Address 77

Creating a Home Page 78

Entering HTML Tags to Define the Web Page Structure 78

Adding an Image 79

Adding a Left-Aligned Heading with a Font Color 80

Entering a Paragraph of Text 82

Creating Unordered (Bulleted) Lists 83

Adding a Background Image 85

Adding a Text Link 85

Adding a Text Link to another Web Page within the Same Web Site 86

Adding an E-Mail Link 88

Saving and Printing the HTML File 89

Viewing, Testing Links, and Printing a Web Page 90

Editing the Second Web Page 94

Formatting Text 96

Formatting Text in Bold 96

Formatting Text in Italics 98

Format Text with a Font Color 99

Adding and Image with Wrapped Text 100

Adding an Image with Wrapped Text 103

Clearing the Text Wrapping 104

Using Horizontal and Vertical Spacing 106

Using Thumbnail Images 106

Obtaining Images 107

Adding a Text Link to Another Web Site 108

Adding a Text Link to a Web Page in Another Web Site 108

Adding Links within A Web Page 109

Setting Link Targets 110

Adding Links to Link Targets within a Web Page 112

Adding Links to a Link Target at the Top of the Page 114

Adding an Image Link to a Web Page 115

Saving and Printing the HTML File and Web Page 117

Project Summary 120

What You Should Know 120

Learn It Online 121

Apply Your Knowledge: Editing the AYK Web Page 122

In the Lab: Creating a Web Page with Target Links 124

In the Lab: Creating a Web Page with Wrapped Text 125

In the Lab: Composing Two Linked Web Pages 127

Cases and Places 129

Assignments and AssessmentsProject 03 Vocabulary Completion EV

Project 03 Reinforcement EV

Project 03 Tags EV

Project 03 Objective Test EV

Project 03 Production Project

HTML Project 03: Creating, Editing, and Formatting Linked Web PagesDate I feel like I

Completed Got it! Working on it. Need practice

Project 03: Creating Web Pages with Links, Images, and Formattext Text

Student Data Disk Files

+ProjectFiles +AYK +IntheLab

agave.jpg apply3-1.htm blooddrop.gif

desertplants.htm khundebig.jpg school.jpg

desertspoon.jpg khundesmall.jpg

goldenbarrel.jpg

greyback.jpg

plantworldlg.jpg

plantworldsm.jpg

pricklypear.jpg

Solutions Files: Save As

+ProjectFiles +AYK +IntheLab

plantworld.htm apply3-1solution.htmlab3-1solution.htm

lab3-2solution.htm

lab3-3solution.htm

Project 03: Creating Web Pages with Links, Images, and Formattext Text

Student Data Disk Files

+CasesPlaces

n/a

Solutions Files: Save As

+CasesPlaces

proj3_casesplaces_solutions.doc

lab3-2solution.htm

lab3-3solution.htm