SlideShare une entreprise Scribd logo
1  sur  2
HTML Project 03: Creating, Editing, and Formatting Linked Web Pages

Project Outline                                                     Page
Objectives                                                                  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 Assessments
Project 03 Vocabulary Completion                    ExamView
Project 03 Reinforcement                            ExamView
Project 03 Tags                                     ExamView
Project 03 Objective Test                           ExamView
Project 03 Production Project                       Notepad++

Contenu connexe

Plus de Angela Edel

Daily agenda unit 02 business communications
Daily agenda unit 02 business communicationsDaily agenda unit 02 business communications
Daily agenda unit 02 business communicationsAngela Edel
 
Daily Agenda Chapter 03 The Wide World of Sports and Entertainment
Daily Agenda Chapter 03 The Wide World of Sports and EntertainmentDaily Agenda Chapter 03 The Wide World of Sports and Entertainment
Daily Agenda Chapter 03 The Wide World of Sports and EntertainmentAngela Edel
 
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...Angela Edel
 
Chapter 03 The Wide World of Sports and Entertainment
Chapter 03 The Wide World of Sports and EntertainmentChapter 03 The Wide World of Sports and Entertainment
Chapter 03 The Wide World of Sports and EntertainmentAngela Edel
 
SLM Chapter 03 The Wide World of Sports and Entertainment
SLM Chapter 03 The Wide World of Sports and EntertainmentSLM Chapter 03 The Wide World of Sports and Entertainment
SLM Chapter 03 The Wide World of Sports and EntertainmentAngela Edel
 
Unit 02 Business Communications
Unit 02 Business CommunicationsUnit 02 Business Communications
Unit 02 Business CommunicationsAngela Edel
 
Daily Agenda Unit 02 Business Communications
Daily Agenda Unit 02 Business CommunicationsDaily Agenda Unit 02 Business Communications
Daily Agenda Unit 02 Business CommunicationsAngela Edel
 
SLM Unit 02 Business Communications
SLM Unit 02 Business CommunicationsSLM Unit 02 Business Communications
SLM Unit 02 Business CommunicationsAngela Edel
 
SLM Project 03 Creating Web Pages with Links, Images, and Formatted Text
SLM Project 03 Creating Web Pages with Links, Images, and Formatted TextSLM Project 03 Creating Web Pages with Links, Images, and Formatted Text
SLM Project 03 Creating Web Pages with Links, Images, and Formatted TextAngela Edel
 
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...Angela Edel
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...
Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...
Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...Angela Edel
 
Daily agenda project 02 creating and editing a web page
Daily agenda project 02 creating and editing a web pageDaily agenda project 02 creating and editing a web page
Daily agenda project 02 creating and editing a web pageAngela Edel
 
Project 03 Student Data Files
Project 03 Student Data FilesProject 03 Student Data Files
Project 03 Student Data FilesAngela Edel
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextProject 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextAngela Edel
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextProject 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextAngela Edel
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextProject 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextAngela Edel
 
Project 02 Creating and Editing a Web Page - Tags and Attributes
Project 02 Creating and Editing a Web Page - Tags and AttributesProject 02 Creating and Editing a Web Page - Tags and Attributes
Project 02 Creating and Editing a Web Page - Tags and AttributesAngela Edel
 
Project 02 Creating and Editing a Web Page - Notes
Project 02 Creating and Editing a Web Page - NotesProject 02 Creating and Editing a Web Page - Notes
Project 02 Creating and Editing a Web Page - NotesAngela Edel
 
Project 02 Figures and Tables
Project 02 Figures and TablesProject 02 Figures and Tables
Project 02 Figures and TablesAngela Edel
 

Plus de Angela Edel (20)

Daily agenda unit 02 business communications
Daily agenda unit 02 business communicationsDaily agenda unit 02 business communications
Daily agenda unit 02 business communications
 
Daily Agenda Chapter 03 The Wide World of Sports and Entertainment
Daily Agenda Chapter 03 The Wide World of Sports and EntertainmentDaily Agenda Chapter 03 The Wide World of Sports and Entertainment
Daily Agenda Chapter 03 The Wide World of Sports and Entertainment
 
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
 
Chapter 03 The Wide World of Sports and Entertainment
Chapter 03 The Wide World of Sports and EntertainmentChapter 03 The Wide World of Sports and Entertainment
Chapter 03 The Wide World of Sports and Entertainment
 
Sem chap 03
Sem chap 03Sem chap 03
Sem chap 03
 
SLM Chapter 03 The Wide World of Sports and Entertainment
SLM Chapter 03 The Wide World of Sports and EntertainmentSLM Chapter 03 The Wide World of Sports and Entertainment
SLM Chapter 03 The Wide World of Sports and Entertainment
 
Unit 02 Business Communications
Unit 02 Business CommunicationsUnit 02 Business Communications
Unit 02 Business Communications
 
Daily Agenda Unit 02 Business Communications
Daily Agenda Unit 02 Business CommunicationsDaily Agenda Unit 02 Business Communications
Daily Agenda Unit 02 Business Communications
 
SLM Unit 02 Business Communications
SLM Unit 02 Business CommunicationsSLM Unit 02 Business Communications
SLM Unit 02 Business Communications
 
SLM Project 03 Creating Web Pages with Links, Images, and Formatted Text
SLM Project 03 Creating Web Pages with Links, Images, and Formatted TextSLM Project 03 Creating Web Pages with Links, Images, and Formatted Text
SLM Project 03 Creating Web Pages with Links, Images, and Formatted Text
 
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
Daily Agenda Project 03 Creating Web Pages with Links, Images, and Formatted ...
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...
Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...
Project 03 Creating Web Pages with Links, Images, and Formatted Text - Tags a...
 
Daily agenda project 02 creating and editing a web page
Daily agenda project 02 creating and editing a web pageDaily agenda project 02 creating and editing a web page
Daily agenda project 02 creating and editing a web page
 
Project 03 Student Data Files
Project 03 Student Data FilesProject 03 Student Data Files
Project 03 Student Data Files
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextProject 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted Text
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextProject 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted Text
 
Project 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted TextProject 03 Creating Web Pages with Links, Images, and Formatted Text
Project 03 Creating Web Pages with Links, Images, and Formatted Text
 
Project 02 Creating and Editing a Web Page - Tags and Attributes
Project 02 Creating and Editing a Web Page - Tags and AttributesProject 02 Creating and Editing a Web Page - Tags and Attributes
Project 02 Creating and Editing a Web Page - Tags and Attributes
 
Project 02 Creating and Editing a Web Page - Notes
Project 02 Creating and Editing a Web Page - NotesProject 02 Creating and Editing a Web Page - Notes
Project 02 Creating and Editing a Web Page - Notes
 
Project 02 Figures and Tables
Project 02 Figures and TablesProject 02 Figures and Tables
Project 02 Figures and Tables
 

Dernier

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...anjaliyadav012327
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
The byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxThe byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxShobhayan Kirtania
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 

Dernier (20)

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
JAPAN: ORGANISATION OF PMDA, PHARMACEUTICAL LAWS & REGULATIONS, TYPES OF REGI...
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
The byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptxThe byproduct of sericulture in different industries.pptx
The byproduct of sericulture in different industries.pptx
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 

Project 03 Outline

  • 1. HTML Project 03: Creating, Editing, and Formatting Linked Web Pages Project Outline Page Objectives 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
  • 2. 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 Assessments Project 03 Vocabulary Completion ExamView Project 03 Reinforcement ExamView Project 03 Tags ExamView Project 03 Objective Test ExamView Project 03 Production Project Notepad++