Presentation is loading. Please wait.

Presentation is loading. Please wait.

HTML Concepts and Techniques Fourth Edition Project 2 Creating and Editing a Web Page.

Published byDevyn Mathes Modified over 9 years ago

Similar presentations

Presentation on theme: "HTML Concepts and Techniques Fourth Edition Project 2 Creating and Editing a Web Page."— Presentation transcript:

1 HTML Concepts and Techniques Fourth Edition Project 2 Creating and Editing a Web Page

2 Project 2: Creating and Editing a Web Page 2 Project Objectives Create a web page (index.html) –Title –Header –Paragraph –Background color –Insert an image Upload the file to your school web server. Use a browser to view a Web page

3 Project 2: Creating and Editing a Web Page 3 Starting Notepad

4 Project 2: Creating and Editing a Web Page 4 Enabling Word Wrap in Notepad Click Format on the menu bar If the Word Wrap command does not have a check mark next to it, click Word Wrap

5 Project 2: Creating and Editing a Web Page 5 Enabling Word Wrap in Notepad

6 Project 2: Creating and Editing a Web Page 6 HTML Tags and Their Functions

7 Project 2: Creating and Editing a Web Page 7 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"> Campus Tutoring Service Home Page

8 Project 2: Creating and Editing a Web Page 8 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Campus Tutoring Service Home Page We'll be open soon! Entering a Heading

9 Project 2: Creating and Editing a Web Page 9 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Campus Tutoring Service Home Page We'll be open soon! The Campus Tutoring Service will be open for business soon!.... Entering a Paragraph of Text

10 Project 2: Creating and Editing a Web Page 10 Creating an Unordered List <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Campus Tutoring Service Home Page We'll be open soon! The Campus Tutoring Service will be open for business soon!.... Our services include tutors for the following courses: Math 101 Accounting 200 Economics 251

11 Project 2: Creating and Editing a Web Page 11 Saving an HTML File Save as an index.html

12 Project 2: Creating and Editing a Web Page 12 Starting a Browser

13 Project 2: Creating and Editing a Web Page 13 Viewing a Web Page in a Browser Type path\index.html in the Address box Press the ENTER key

14 Project 2: Creating and Editing a Web Page 14 Viewing a Web Page in a Browser

15 Project 2: Creating and Editing a Web Page 15 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Campus Tutoring Service Home Page We'll be open soon! The Campus Tutoring Service will be open for business soon!.... Our services include tutors for the following courses: Math 101 Accounting 200 Economics 251 Adding an Image

16 Project 2: Creating and Editing a Web Page 16 See the color code http://www.cs.gsu.edu/~csclxh/csc1010/ColorCodes.html Adding a Background Color

17 Project 2: Creating and Editing a Web Page 17 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Campus Tutoring Service Home Page We'll be open soon! The Campus Tutoring Service will be open for business soon!.... Our services include tutors for the following courses: Math 101 Accounting 200 Economics 251 Adding a Background Color

18 Project 2: Creating and Editing a Web Page 18 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Campus Tutoring Service Home Page We'll be open soon! The Campus Tutoring Service will be open for business soon!.... Our services include tutors for the following courses: Math 101 Accounting 200 Economics 251 Adding a Background Color

19 Project 2: Creating and Editing a Web Page 19 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Campus Tutoring Service Home Page We'll be open soon! The Campus Tutoring Service will be open for business soon!.... Our services include tutors for the following courses: Math 101 Accounting 200 Economics 251 Centering a Heading

20 Project 2: Creating and Editing a Web Page 20 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Campus Tutoring Service Home Page We'll be open soon! The Campus Tutoring Service will be open for business soon!.... Our services include tutors for the following courses: Math 101 Accounting 200 Economics 251 Centering a Heading

21 Project 2: Creating and Editing a Web Page 21 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Campus Tutoring Service Home Page We'll be open soon! The Campus Tutoring Service will be open for business soon!.... Our services include tutors for the following courses: Math 101 Accounting 200 Economics 251 Adding a Horizontal Rule

22 Project 2: Creating and Editing a Web Page 22 Refreshing the View in a Browser Click the Campus Tutoring Service Home Page button on the taskbar Click the Refresh button on the Standard toolbar

23 Project 2: Creating and Editing a Web Page 23 Refreshing the View in a Browser

24 Project 2: Creating and Editing a Web Page 24 Upload it to your web server

25 Project 2: Creating and Editing a Web Page 25 Viewing HTML Source Code for a Web Page Click View on the menu bar Click Source on the View menu Click the Close button on the Notepad title bar

26 Project 2: Creating and Editing a Web Page 26 Viewing HTML Source Code for a Web Page

27 Project 2: Creating and Editing a Web Page 27 Printing a Web Page and an HTML File

28 Project 2: Creating and Editing a Web Page 28 Project Summary Create your index.html file and upload it to your page. Send the link to the TA.

29 HTML Concepts and Techniques Fourth Edition Project 2 Complete Creating and Editing a Web Page

Download ppt "HTML Concepts and Techniques Fourth Edition Project 2 Creating and Editing a Web Page."

Similar presentations

You have been given a mission and a code. Use the code to complete the mission and you will save the world from obliteration…

You have been given a mission and a code. Use the code to complete the mission and you will save the world from obliteration…
1. XP 2 * The Web is a collection of files that reside on computers, called Web servers. * Web servers are connected to each other through the Internet.

1. XP 2 * The Web is a collection of files that reside on computers, called Web servers. * Web servers are connected to each other through the Internet.
Project 2: Adding a New Web Page to a Web Site Presentation by: Joseph H. Schuessler, B.B.A., M.B.A., M.S., Ph.D. (ABD) Agenda Video Last Class Front Page.

Project 2: Adding a New Web Page to a Web Site Presentation by: Joseph H. Schuessler, B.B.A., M.B.A., M.S., Ph.D. (ABD) Agenda Video Last Class Front Page.
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.

Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Chapter 2 Introduction to XHTML Programming the World Wide Web Fourth edition.
Advanced Piloting Cruise Plot.

Advanced Piloting Cruise Plot.
Chapter 1 The Study of Body Function Image PowerPoint

Chapter 1 The Study of Body Function Image PowerPoint
Tutorial 3 – Creating a Multiple-Page Report

Tutorial 3 – Creating a Multiple-Page Report
XP New Perspectives on Microsoft Office Word 2003 Tutorial 7 1 Microsoft Office Word 2003 Tutorial 7 – Collaborating With Others and Creating Web Pages.

XP New Perspectives on Microsoft Office Word 2003 Tutorial 7 1 Microsoft Office Word 2003 Tutorial 7 – Collaborating With Others and Creating Web Pages.
Office 2003 Post-Advanced Concepts and Techniques M i c r o s o f t Excel PivotTable List Feature Creating a PivotTable List Web Page Using Excel.

Office 2003 Post-Advanced Concepts and Techniques M i c r o s o f t Excel PivotTable List Feature Creating a PivotTable List Web Page Using Excel.
Jeopardy Q 1 Q 6 Q 11 Q 16 Q 21 Q 2 Q 7 Q 12 Q 17 Q 22 Q 3 Q 8 Q 13

Jeopardy Q 1 Q 6 Q 11 Q 16 Q 21 Q 2 Q 7 Q 12 Q 17 Q 22 Q 3 Q 8 Q 13
Jeopardy Q 1 Q 6 Q 11 Q 16 Q 21 Q 2 Q 7 Q 12 Q 17 Q 22 Q 3 Q 8 Q 13

Jeopardy Q 1 Q 6 Q 11 Q 16 Q 21 Q 2 Q 7 Q 12 Q 17 Q 22 Q 3 Q 8 Q 13
Title Subtitle.

Title Subtitle.
Determine Eligibility Chapter 4. Determine Eligibility 4-2 Objectives Search for Customer on database Enter application signed date and eligibility determination.

Determine Eligibility Chapter 4. Determine Eligibility 4-2 Objectives Search for Customer on database Enter application signed date and eligibility determination.
FACTORING ax2 + bx + c Think “unfoil” Work down, Show all steps.

FACTORING ax2 + bx + c Think “unfoil” Work down, Show all steps.
Creating a Dreamweaver Web Page and Local Site

Creating a Dreamweaver Web Page and Local Site
Microsoft Office 2010 Basics and the Internet

Microsoft Office 2010 Basics and the Internet
HTML Tags and Their Functions

HTML Tags and Their Functions
How To Use Google Forms to Create A Test Quick Easy Self-Graded!! Instant Reports.

How To Use Google Forms to Create A Test Quick Easy Self-Graded!! Instant Reports.
ABC Technology Project

ABC Technology Project
South Dakota Library Network ALEPH v20 Tables © South Dakota Library Network, 2012 ©Ex Libris (USA), 2009 Modified for SDLN Version 20.01 Last Update:

South Dakota Library Network ALEPH v20 Tables © South Dakota Library Network, 2012 ©Ex Libris (USA), 2009 Modified for SDLN Version Last Update:

Similar presentations

Ads by Google