Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.

Published byCarrie Tull Modified over 9 years ago

Similar presentations

Presentation on theme: "HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text."— Presentation transcript:

1 HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text

2 Project 3: Creating Web Pages with Links, Images, and Formatted Text 2 Project Objectives Create a home page and enhance a Web page using images Use absolute and relative paths Align and add bold, italics, and color to text Change the bullet type used in an unordered list Add a background image Add a text link to a Web page in the same Web site Add an e-mail link Add an image with wrapped text Add links to targets within a Web page

3 Project 3: Creating Web Pages with Links, Images, and Formatted Text 3 Entering HTML Tags to Define the Web Page Structure <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Plant World Homepage

4 Project 3: Creating Web Pages with Links, Images, and Formatted Text 4 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Plant World Homepage Adding an Image

5 Project 3: Creating Web Pages with Links, Images, and Formatted Text 5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Plant World Homepage Welcome to Plant World! Adding a Left-Aligned Heading with a Font Color

6 Project 3: Creating Web Pages with Links, Images, and Formatted Text 6 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Entering a Paragraph of Text

7 Project 3: Creating Web Pages with Links, Images, and Formatted Text 7 Creating Unordered (Bulleted) Lists ….. For the finest in indoor and outdoor plants,… Our company Founded in 1989 by Margaret Anne Coles Headquartered in Surprise, Arizona 25 store locations throughout the Southwest Our Services Residential and commercial landscaping Plant and lawn maintenance online information for all varieties of plants

8 Project 3: Creating Web Pages with Links, Images, and Formatted Text 8 Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Our company … Adding a Background Image

9 Project 3: Creating Web Pages with Links, Images, and Formatted Text 9 Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Our company … Adding a Background Image

10 Project 3: Creating Web Pages with Links, Images, and Formatted Text 10 Adding a Text Link to Another Web Page within the Same Web Site Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Our company … To learn more about the Plant World products and services.. this month's featured desert plants, …

11 Project 3: Creating Web Pages with Links, Images, and Formatted Text 11 Adding a Text Link to Another Web Page within the Same Web Site Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Our company … To learn more about the Plant World products and services.. this month's featured desert plants, …

12 Project 3: Creating Web Pages with Links, Images, and Formatted Text 12 Adding an E-Mail Link Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Our company … To learn more about the Plant World products and services.. this month's featured desert plants, … Have a question or comment? Call us at (206) 555-PLANT or e-mail us at plantworld@isp.com.

13 Project 3: Creating Web Pages with Links, Images, and Formatted Text 13 Adding an E-Mail Link Plant World Homepage Welcome to Plant World! For the finest in indoor and outdoor plants,… Our company … To learn more about the Plant World products and services.. this month's featured desert plants, … Have a question or comment? Call us at (206) 555-PLANT or e-mail us at plantworld@isp.com.

14 Project 3: Creating Web Pages with Links, Images, and Formatted Text 14 Formatting Text in Bold For the finest in indoor and outdoor plants,…

15 Project 3: Creating Web Pages with Links, Images, and Formatted Text 15 Formatting Text in Bold For the finest in indoor and outdoor plants,…

16 Project 3: Creating Web Pages with Links, Images, and Formatted Text 16 Formatting Text in Italics For the finest in indoor and outdoor plants,…

17 Project 3: Creating Web Pages with Links, Images, and Formatted Text 17 Formatting Text in Italics For the finest in indoor and outdoor plants,…

18 Project 3: Creating Web Pages with Links, Images, and Formatted Text 18 Formatting Text with a Font Color Founded in 1989 by Margaret Anne Coles

19 Project 3: Creating Web Pages with Links, Images, and Formatted Text 19 Formatting Text with a Font Color Founded in 1989 by Margaret Anne Coles

20 Project 3: Creating Web Pages with Links, Images, and Formatted Text 20 Agave Americana Adding an Image with Wrapped Text

21 Project 3: Creating Web Pages with Links, Images, and Formatted Text 21 Clearing the Text Wrapping Agave Americana

22 Project 3: Creating Web Pages with Links, Images, and Formatted Text 22 Clearing the Text Wrapping Agave Americana

23 Project 3: Creating Web Pages with Links, Images, and Formatted Text 23 Adding a Text Link to a Web Page in Another Web Site To find out more information about desert plants, visit the Arizona- Sonora Desert Museum.

24 Project 3: Creating Web Pages with Links, Images, and Formatted Text 24 Setting Link Targets Agave Americana (already created)

25 Project 3: Creating Web Pages with Links, Images, and Formatted Text 25 Adding Links to Link Targets within a Web Page Go to top (or anyplace which is far from the target) and type Agave Americana and then press the ENTER key

26 HTML Concepts and Techniques Fourth Edition Project 3 Complete Creating Web Pages with Links, Images, and Formatted Text

Download ppt "HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text."

Similar presentations

Introduction to HTML. A Web Page is.. An ASCII (text) file.. Whose filename ends with.htm or.html –index.html or cookie-recipe.htm Contains HTML tags.

Introduction to HTML. A Web Page is.. An ASCII (text) file.. Whose filename ends with.htm or.html –index.html or cookie-recipe.htm Contains HTML tags.
HTML Basics Customizing your site using the basics of HTML.

HTML Basics Customizing your site using the basics of HTML.
HTML Tags and Their Functions

HTML Tags and Their Functions
HTML Basics and CSS style. Before we start Dreamweaver (DW) may take several minutes to start. Click on Start => Program Files => Development Apps =>

HTML Basics and CSS style. Before we start Dreamweaver (DW) may take several minutes to start. Click on Start => Program Files => Development Apps =>
Learning the Basics – Lesson 1

Learning the Basics – Lesson 1
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.

Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
HTML Concepts and Techniques Fourth Edition Project 2 Creating and Editing a Web Page.

HTML Concepts and Techniques Fourth Edition Project 2 Creating and Editing a Web Page.
1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A 140.57 100.

1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A
HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.

HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.
HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.

HTML Creating Web pages. HTML Hyper Text Markup Language Not programming, but a markup language using tags to format text in Web browsers.
Principles of Web Design 5 th Edition Chapter Nine Site Navigation.

Principles of Web Design 5 th Edition Chapter Nine Site Navigation.
Chapter 8 Creating Style Sheets.

Chapter 8 Creating Style Sheets.
Creating and Editing a Web Page

Creating and Editing a Web Page
Adding HTML to Blackboard

Adding HTML to Blackboard
Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.

Web development  World Wide Web (web) is the Internet system for hypertext linking.  A hypertext document (web page) is an online document. It contains.
CIS101 Introduction to Computing HTML Project Two.

CIS101 Introduction to Computing HTML Project Two.
CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.

CIS101 Introduction to Computing Week 06. Agenda Your questions Resume project HTML Project Two This week online Next class.
HTML Comprehensive Concepts and Techniques Second Edition Creating Tables in a Web Site October 23, 2012.

HTML Comprehensive Concepts and Techniques Second Edition Creating Tables in a Web Site October 23, 2012.
Creating Web Pages with Links, Images, and Formatted Text.

Creating Web Pages with Links, Images, and Formatted Text.
HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.

HTML Concepts and Techniques Fourth Edition Project 3 Creating Web Pages with Links, Images, and Formatted Text.

Similar presentations

Ads by Google