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.

Slides:

Advertisements

Similar presentations

Introduction to HTML

Advertisements

HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.

Internet Applications Development Lecture 2 L. Obead Alhadreti.

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

Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,

A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.

Creating and Editing a Web Page Using Inline Styles

Creating and Editing a Web Page

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.

Web Page Development Identify elements of a Web Page Start Notepad

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,

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

 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.

Creating Tables in a Web Site Using an External Style Sheet

Creating Tables in a Web Site.  Define table elements  Describe the steps used to plan, design, and code a table  Create a borderless table to organize.

HTML Comprehensive Concepts and Techniques Second Edition Creating Tables in a Web Site October 23, 2012.

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.

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.

CS117 Introduction to Computer Science II Lecture 2 Creating an HTML Document Instructor: Li Ma Office: NBC 126 Phone: (713)

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.

Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.

Just Enough HTML How to Create Basic HTML Documents.

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.

All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.

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

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

Project 2 Web Page Design Creating and Editing a Web Page Pages

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.

Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.

Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.

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

HTML/XHTML Structure Building a basic web page using notepad.

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

Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.

HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.

HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …

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.

HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”

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.

This shows CIS17 and the first day introduction..

Creating and Editing a Web Page Using Inline Styles

Using Text Edit. Create Folders to Organize a Site  Identify the location where you are storing your Web sites. Ask your teacher for help if needed.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

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

1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.

Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.

NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.

Web Basics: HTML/CSS/JavaScript What are they?

Creating a Web Page.

Essentials of HTML.

Essentials of HTML.

HTML HYPERTEXT MARKUP LANGUAGE.

Project 5 Creating an Image Map.

Internet Technologies I - Lect.01 - Waleed Ibrahim Osman

HTML Structure.

Creating and Editing a Web Page

Presentation transcript:

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 using a text editor Unit Essential Question How does one create and edit a Web page using a text editor?

Student Learning Map - LEQs Elements of a Web Page Text EditorHTML Tags and Attributes Lesson Essential Questions 1.What elements are on a Web page? 2.How does one use a browser to view a Web page? 3.How does one view the HTML source code in a browser? 4.How does one print a Web page and an HTML file? Lesson Essential Questions 1.How does one describe the Notepad window? 2.How does one enable word wrap in Notepad? 3.How does one quit Notepad and a browser? Lesson Essential Questions 1.How does one enter headings and a paragraph of text? 2.How does one create an unordered, ordered, or definition list? 3.How does one save an HTML file? 4.What are Web page image types and attributes? 5.How does one add an image, change the background color of a Web page, center a heading, and add a horizontal rule?

Student Learning Map - Vocabulary Elements of a Web Page Text EditorHTML Tags and Attributes 1.animated (HTM 33) 2.background (HTM 32) 3.body (HTM 32) 4.favorites or bookmarks (HTM 32) 5.headings (HTM 33) 6.horizontal rules (HTM 33) 7.normal text (HTM 32) 8.title (HTM 32) 9.Document Type Definition or DTD (HTM 36) 10.hotspot (HTM 33) 11.image map (HTM 33) 12.inline image (HTM 33) 13.link (HTM 33) 14.list (HTM 33) 15.Notepad (HTM 31) 1.Notepad 2.Notepad ++ 1.alt attribute (HTM 51) 2. and (HTM 37) 3. (HTM 43) 4. and (HTM 43) 5. (HTM 36) 6. (HTM 43) 7. and (HTM 37) 8. and (HTM 37) 9. and (HTM 41) 10. and (HTM 41) 11. and (HTM 37) 12. and (HTM 41)