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

Slides:

Advertisements

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…

Advertisements

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.

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.

Chapter 1 The Study of Body Function Image PowerPoint

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.

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

Title Subtitle.

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.

Creating a Dreamweaver Web Page and Local Site

Microsoft Office 2010 Basics and the Internet

HTML Tags and Their Functions

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

ABC Technology Project

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

Creating Tables in a Web Site

Microsoft Access.

XP New Perspectives on Introducing Microsoft Office 2003 Tutorial 1 1 Using Common Features of Microsoft Office 2003 Tutorial 1.

INTRODUCTION Lesson 1 – Microsoft Word Word Basics

Office 2003 Introductory Concepts and Techniques M i c r o s o f t Office 2003 Integration Integrating Office 2003 Applications and the World Wide Web.

1 Welcome to SAPS Webmail. 2 Things we will learn about: 1. Login to mail.

Chapter 5 Microsoft Excel 2007 Window

© 2012 National Heart Foundation of Australia. Slide 2.

Creating a Dreamweaver Web Page and Local Site

Learning the Basics – Lesson 1

Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.

Addition 1’s to 20.

INTRODUCTORY MICROSOFT WORD Lesson 7 – Working With Documents

Pasewark & Pasewark Microsoft Office XP: Introductory Course 1 INTRODUCTORY MICROSOFT WORD Lesson 8 – Increasing Efficiency Using Word.

25 seconds left…...

XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.

Benchmark Series Microsoft Excel 2010 Level 1

We will resume in: 25 Minutes.

PSSA Preparation.

Use the buttons on the top to navigate through the presentation 1 PrevNext Menu.

Creating and Editing a Web Page Using Inline Styles

Creating and Editing a Web Page

Creating a Form on a Web Page

Creating Tables in a Web Site Using an External Style Sheet HTML5 & CSS 7 th Edition.

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

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

HTML Concepts and Techniques Fourth Edition Project 8 Creating Style Sheets.

Creating Tables in a Web Site

HTML Comprehensive Concepts and Techniques Second Edition Project 3 Creating Tables in a Web Site.

Creating and Editing a Web Page using HTML IMED1316.

Creating and Editing a Web Page Project 2. Project Objectives Project 2: Creating and Editing a Web Page 2 Identify elements of a Web page Start Notepad.

HTML Concepts and Techniques Fourth Edition Project 6 Using Frames in a Web Site.

HTML Concepts and Techniques Fourth Edition Project 7 Creating a Form on a Web Page.

1 Creating a Second Web Page This section shows you how to create the Huntington Beach Web site.

1 Creating Links within a Web Page  These links are especially useful on long Web pages  Links at the top of the page point to areas further down the.

1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.

HTML Comprehensive Concepts and Techniques Third Edition 2 nd Project Creating and Editing a Web Page.

HTML Concepts and Techniques Fourth Edition Project 5 Creating an Image Map.

HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.

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

Creating and Editing a Web Page

Creating and Editing a Web Page Using Inline Styles

1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.

Creating Web Pages with Links, Images, and Embedded Style Sheets

Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.

Presentation transcript:

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

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

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

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

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

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

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" " Campus Tutoring Service Home Page

Project 2: Creating and Editing a Web Page 8 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Campus Tutoring Service Home Page We'll be open soon! Entering a Heading

Project 2: Creating and Editing a Web Page 9 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 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

Project 2: Creating and Editing a Web Page 10 Creating an Unordered List <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 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

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

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

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

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

Project 2: Creating and Editing a Web Page 15 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 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

Project 2: Creating and Editing a Web Page 16 See the color code Adding a Background Color

Project 2: Creating and Editing a Web Page 17 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 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

Project 2: Creating and Editing a Web Page 18 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 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

Project 2: Creating and Editing a Web Page 19 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 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

Project 2: Creating and Editing a Web Page 20 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 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

Project 2: Creating and Editing a Web Page 21 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 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

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

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

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

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

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

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

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.

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