HTML PROJECT #2 Project 2 Creating and Editing A Web Page.

Slides:



Advertisements
Similar presentations
Computers: Tools for an Information Age Writing Your Own Web Page: Using HTML and Web Authoring Tools.
Advertisements

Learning the Basics – Lesson 1
Teppo Räisänen LIIKE/OAMK 2010
Creating and Editing a Web Page Using Inline Styles
Chapter 5 Creating an Image Map
Creating and Editing a Web Page
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
HTML Hypertext Markup Language –First proposed by CERN in 1989 –It is non-linear so it allows you to jump from place to place –Markup refers to the structure.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
Web Page Development Identify elements of a Web Page Start Notepad
XP 1 New Perspectives on Creating Web Pages with HTML Tutorial 1: Developing a Basic Web Page.
Creating and Editing a Web Page
Creating a Web Page HyperText Markup Language. HTML Documents  Created using any text editor  Notepad  Vi, Pico, or Emacs  If using word-processor,
Database-Driven Web Sites, Second Edition1 Chapter 2 INTRODUCTION TO HTML.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
Creating and Editing a Web Page
 2001 Deitel & Associates, Inc. All rights reserved. 1 Chapter 12 – Microsoft FrontPage Express Outline 12.1Introduction 12.2Microsoft FrontPage Express.
Unit 1 – Developing a Web Page. Objectives:  Learn the history of the Web and HTML  Describe HTML standards and specifications  Understand HTML elements.
HTML Comprehensive Concepts and Techniques Second Edition Project 3 Creating Tables in a Web Site.
Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.
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.
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
HTML Comprehensive Concepts and Techniques Second Edition Project 1 Creating and Editing a Web Page Review for Monday’s Test September 17, 2009.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
WEB PAGE DESIGN FOR CHIARVELLE PIZZA Open Notepad Click on Start Point to Accessories Point to Notepad Click Notepad Click the Maximize button Click Edit.
1 Creating a Second Web Page This section shows you how to create the Huntington Beach Web site.
Adobe Dreamweaver CS3 Revealed CHAPTER THREE: WORKING WITH TEXT AND IMAGES.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
Tutorial 8 Designing a Web Site with Frames. 2New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives Explore the uses of frames.
Project 2 Web Page Design Creating and Editing a Web Page Pages
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.
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.
15.1 Fundamentals of HTML DeKalb County School System.
4 HTML Basics Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and.
Macromedia Dreamweaver 8 Revealed AND GRAPHICS WORKING WITH TEXT.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.
Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.
Creating and Editing a Web Page
1 Start TextEdit. 2 Creating a Home Page  A home page is the main page of a Web site –Visitors usually view the home page first –Identify the purpose.
HTML Comprehensive Concepts and Techniques Second Edition Project 2 Creating a Web Site with Links.
Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.
Basic HTML. Lesson Overview In this lesson, you will learn to:  Write HTML code using a text editor application such as Notepad.  View Web pages created.
What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.
Writing Your Own Web Page: Using HTML and FrontPage Chapter 10.
Creating and Editing a Web Page Using Inline Styles
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
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
Creating and Editing a Web Page. Organization Logo Menu Bar Title Background Text Links Heading Image Links Body of Web Page.
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.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
HTML And the Internet. HTML and the Internet ► HTML: HyperText Markup Language  Language in which all pages on the web are written  Not Really a Programming.
XHTML Introductory1 Frames Chapter 5. XHTML Introductory2 Objectives In this chapter, you will: Work with the Frameset Document Type Definition (DTD)
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
HTML Comprehensive Concepts and Techniques Second Edition Creating Frames on a Web Page.
Glencoe Introduction to Web Design Chapter 4 XHTML Basics 1 Review Do you remember the vocabulary terms from this chapter? Use the following slides to.
HTML Basics.
Learning the Basics – Lesson 1
Creating a Home Page in HTML
Creating and Editing a Web Page
Presentation transcript:

HTML PROJECT #2 Project 2 Creating and Editing A Web Page

HTML Project 2: Creating and Editing a Web Page 2 Vocabulary, Tags for the start and end of an unordered or bulleted list

HTML Project 2: Creating and Editing a Web Page 3 Vocabulary Scroll BoxA box in the scroll bar that indicates your current location in the file

HTML Project 2: Creating and Editing a Web Page 4 Vocabulary bgcolorAn attribute used with the tag to define the color of the Web page background

HTML Project 2: Creating and Editing a Web Page 5 Vocabulary, Tags that contain between them the document header information, including the title

HTML Project 2: Creating and Editing a Web Page 6 Vocabulary Definition listA list that offsets information in a dictionary-like style

HTML Project 2: Creating and Editing a Web Page 7 Vocabulary altAn attribute used with the tag to provide alternate text in the event the image is not displayed

HTML Project 2: Creating and Editing a Web Page 8 Vocabulary PrintoutA printed version of a file, a Web page, or other document

HTML Project 2: Creating and Editing a Web Page 9 Vocabulary Document Type Definition DTD; a file containing definitions of tags and how they should be used in a Web page

HTML Project 2: Creating and Editing a Web Page 10 Vocabulary.htmlOne of the extensions that an HTML file can have

HTML Project 2: Creating and Editing a Web Page 11 Vocabulary, Tags that indicate the boundaries of the Web page

HTML Project 2: Creating and Editing a Web Page 12 Vocabulary Ordered ListAnother name for a numbered list

HTML Project 2: Creating and Editing a Web Page 13 Vocabulary Inline ImageAn image or graphics file that is not part of the HTML file, that is merged in by the browser

HTML Project 2: Creating and Editing a Web Page 14 Vocabulary, The tags that indicate the start and end of an HTML document

HTML Project 2: Creating and Editing a Web Page 15 Vocabulary alignAn attribute used to define the placement, or alignment, of the text on the page

HTML Project 2: Creating and Editing a Web Page 16 Vocabulary Normal TextThe default text format used for the main content of a Web page

HTML Project 2: Creating and Editing a Web Page 17 Vocabulary, Tags that indicate the title of the Web page

HTML Project 2: Creating and Editing a Web Page 18 Vocabulary GIFGraphics Interchange Format; one of the types of image files that can be used in Web pages

HTML Project 2: Creating and Editing a Web Page 19 Vocabulary srcAn attribute used with the tag to define the URL of an image to load

HTML Project 2: Creating and Editing a Web Page 20 Vocabulary typeAn attribute used with the or tags to specify the type of bullet or number used

HTML Project 2: Creating and Editing a Web Page 21 Vocabulary An HTML tag that is used to tell the browser which HTML or XHTML version and type is being used

HTML Project 2: Creating and Editing a Web Page 22 Vocabulary Bulleted listFormats information using small images called bullets

HTML Project 2: Creating and Editing a Web Page 23 Vocabulary Home PageThe Web page that appears each time Internet Explorer starts

HTML Project 2: Creating and Editing a Web Page 24 Vocabulary PNGPortable Network Graphics; one of the types of image files that can be used in Web pages

HTML Project 2: Creating and Editing a Web Page 25 Vocabulary Scroll BarA vertical bar on the right side of the Notepad window, used to view different portions of the text area

HTML Project 2: Creating and Editing a Web Page 26 Vocabulary Start PageAnother name for the home page

HTML Project 2: Creating and Editing a Web Page 27 Vocabulary BookmarksAnother name for favorites

HTML Project 2: Creating and Editing a Web Page 28 Vocabulary BackgroundThe element of a Web page against which the other elements on the Web page appear

HTML Project 2: Creating and Editing a Web Page 29 Vocabulary StrictA document type that is specified when you want to prohibit the use of deprecated tags

HTML Project 2: Creating and Editing a Web Page 30 Vocabulary Menu BarThe Notepad bar that shows the names of the Notepad menus

HTML Project 2: Creating and Editing a Web Page 31 Vocabulary HotspotAn area of an image that activates a function when selected

HTML Project 2: Creating and Editing a Web Page 32 Vocabulary AnimatedIncludes motion and can change in appearance

HTML Project 2: Creating and Editing a Web Page 33 Vocabulary TransitionalA document type that allows the use of deprecated tags

HTML Project 2: Creating and Editing a Web Page 34 Vocabulary BodyThe element of a Web page that contains the information displayed in the browser window

HTML Project 2: Creating and Editing a Web Page 35 Vocabulary FramesetA document type that is used to support frames on a Web page

HTML Project 2: Creating and Editing a Web Page 36 Vocabulary TitleThe element of a Web page that appears on the title bar of the browser when the page is displayed

HTML Project 2: Creating and Editing a Web Page 37 Vocabulary Image MapA special type of inline image in which you can define hotspots

HTML Project 2: Creating and Editing a Web Page 38 Vocabulary JPEGJoint Photographic Experts Group; one of the types of image files that can be used in Web pages

HTML Project 2: Creating and Editing a Web Page 39 Vocabulary Unordered ListAnother name for a bulleted list

HTML Project 2: Creating and Editing a Web Page 40 Vocabulary Numbered ListFormats information in a series using letters or numbers

HTML Project 2: Creating and Editing a Web Page 41 Vocabulary, Tags used to start and end a definition in a definition list

HTML Project 2: Creating and Editing a Web Page 42 Vocabulary HeadingsElements of a Web page used to set off different paragraphs of text or different sections of a page

HTML Project 2: Creating and Editing a Web Page 43 Vocabulary, Tags used to start and end a definition list

HTML Project 2: Creating and Editing a Web Page 44 Vocabulary Source CodeThe code or instructions used to create a Web page or program

HTML Project 2: Creating and Editing a Web Page 45 Vocabulary MultitaskingThe capability to have more than one program or process running at one time

HTML Project 2: Creating and Editing a Web Page 46 Vocabulary Hard CopyAnother name for a printout

HTML Project 2: Creating and Editing a Web Page 47 Vocabulary.htmOne of the extensions that an HTML file can have

HTML Project 2: Creating and Editing a Web Page 48 Vocabulary, Tags used to start and end a term in a definition list

HTML Project 2: Creating and Editing a Web Page 49 Vocabulary FavoritesA list of frequently used Web pages, by title

HTML Project 2: Creating and Editing a Web Page 50 Vocabulary Title BarThe bar that appears at the top of the Notepad window, displaying the name of the open document

HTML Project 2: Creating and Editing a Web Page 51 Vocabulary Deprecated TagsTags that the W3C has earmarked for eventual removal from their specifications

HTML Project 2: Creating and Editing a Web Page 52 Vocabulary Horizontal RuleA line displayed across a Web page to separate different sections of the page

HTML Project 2: Creating and Editing a Web Page 53 Vocabulary, Tags for the start and end of an ordered or numbered list

HTML Project 2: Creating and Editing a Web Page 54 Vocabulary Text AreaThe main part of the Notepad window

HTML Project 2: Creating and Editing a Web Page 55 Vocabulary, Tags that define a list element in an ordered or unordered list

HTML Project 2: Creating and Editing a Web Page 56 Vocabulary LinkThe primary way to navigate between Web pages and among Web sites

HTML Project 2: Creating and Editing a Web Page 57 Vocabulary NotepadA basic text editor installed with Windows, which can be used to edit HTML code

HTML Project 2: Creating and Editing a Web Page 58 Vocabulary Menu NameShown in the menu bar Each one represents a different menu

HTML Project 2: Creating and Editing a Web Page 59 Vocabulary MenuProvides a list of commands you can use to open, save, and print the text in the file and perform other tasks

HTML Project 2: Creating and Editing a Web Page 60 Vocabulary Word WrapCauses text lines to break at the right edge of the window and appear on a new line, so all entered text is visible in the Notepad Window