Chapter 2—HTML Dreamweaver for College & Business.

Slides:



Advertisements
Similar presentations
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,
Advertisements

WeB application development
Website Design.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
Hypertext Markup Language. Platform: - Independent  This means it can be interpreted on any computer regardless of the hardware or operating system.
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. How to Create Web Pages Using HTML Introduction.
COMPUTERS AND INFORMATION SYSTEMS HTML. How the Web Works To access a web site  Enter its address (URL) in the address box of your browser 
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
Basic HTML The Magic Of Web Pages. Create an HTML folder  Make a folder in your H drive and name it “HTML”. We will save EVERYTHING for this unit here.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
Internet Skills An Introduction to HTML Alan Noble Room 504 Tel: (44562 internal)
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.
Using HTML to Create a Basic Web Page… By Josh Gallagan.
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.
HTML Structure & syntax
CS117 Introduction to Computer Science II Lecture 1 Introduction to WWW and HTML Instructor: Li Ma Office: NBC 126 Phone: (713)
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 2 Key Concepts 1 Copyright © Terry Felke-Morris.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
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 attributes Create.
Html Basic Codes Week Two. Start Your Text Editor Windows use 'Notepad’ Macintosh use 'Simple Text'
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
By Brieya. What is HTML Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects.
15.1 Fundamentals of HTML.
Web Page Creation Part I ST: Introduction to Web Interface Design Prof. Angela Guercio.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Web Design-Lecture1-QN-2003 Web Design Web Design Using HTML.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Introduction to HTML. Slide 1 Hard-Coding What is hard-coding? –Creating the page in a text editor just using HTML A Web designer should know how to hard-
HTML BASICS Web Design I. Web Design  WWW created in the late 1980’s  Used in academics for the next 5 years  Mosaic (1994) allowed both pictures &
Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Introducing XHTML: Module A: Web Design Basics.
Introduction to web development and HTML MGMT 230 LAB.
XHTML and CSS Session 1 Intro, (X)HTML, CSS, W3C, browsers, webpage, structure, tags, attributes, elements, web development process, basic XHTML elements.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
Web Page Design Introduction. The ________________ is a large collection of pages stored on computers, or ______________ around the world. Hypertext ________.
Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.
15.1 Fundamentals of HTML DeKalb County School System.
Website Views, Page Titles, & Browsers Dreamweaver for College & Business Mrs. Wilson.
HTML Basic. 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.
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.
15.1 Fundamentals of HTML 2 assignments: 1st—complete the worksheet. 2nd—create your first HTML web page following the directions in this PowerPoint where.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
1 After completing this lesson, you will be able to: Understand the basics of HTML coding. Use HTML tags. Plan an HTML site. Create a table with HTML.
Lesson 2 – Unit B. Quick review 1. What is the name of the eGCC host that you ftp your files? 2. What type of software do you use to create and edit web.
Hypertext Markup Language.  Developed by Tim Berners-Lee in 1990  Stands for HyperText Markup Languange  A format that tells a computer how to display.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
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.
HTML is the language that allows text and graphics to be displayed as Web pages. It is a set of special codes, called tags, that tells a browser application.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
Introduction to HTML (Web Design) IT Fundamentals.
HTML Structure & syntax
HTML Structure & syntax
Basic HTML Introduction to HTML.
Online PD Basic HTML The Magic Of Web Pages
HTML Part I.
Computers and Information Systems
Basic HTML PowerPoint How Hyper Text Markup Language Works
HTML HYPERTEXT MARKUP LANGUAGE.
What is HTML anyway? HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-Lee in 1990, HTML is the "hidden" code that helps us.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
An Introduction to HTML Pages
15.1 Fundamentals of HTML 2 assignments: 1—complete the worksheet
HTML Structure & syntax
Presentation transcript:

Chapter 2—HTML Dreamweaver for College & Business

2 The World Wide Web Most widely used Internet service Used to search for and access information available on the Internet

3 Web Browser Application Provides a graphic interface to present information from a website A website consists of a series of related web pages Most common browsers: –Internet Explorer –Firefox –Netscape –Opera –Amaya –Safari

4 Tim Berners-Lee (1955-?) Credited with creating the WWW Heads the non-profit group, the W3C or World Wide Web Consortium W3C sets technical standards for the web Ensures that HTML documents display similarly in different browsers Also developed accessibility standards

5 Uses a series of codes called tags to “mark up” plain text A tag has an element inside angle brackets and Tags affect the text they surround and are usually paired to indicate the start and end of an instruction A slash (/) before the element indicates the end of instruction HTML

6 Program to Use—MS Notepad HTML documents are plain text files and can be created using ANY text editor such as Notepad or Word Pad or MS Word Find Notepad: –Start –Programs –Accessories –Notepad (use word wrap)

7 HTML Document Structure

8 Free-Form Documents HTML documents are free- form, which means that spaces and blank lines generally have no effect on how the document is interpreted HTML is NOT case sensitive, so tags may be upper or lower Be consistent

9 The Save As Dialog Box

10 File Names File names can be up to 255 characters long and can contain letters, the underscore character (_), and numbers File names CANNOT contain colons (:), asterisks (*), question marks (?), or other special characters

11 Viewing HTML Documents in a Web Browser Click Start | Documents Find your web file –It will have the IE icon Click View | Source to see the notepad HTML code HTML documents that are posted to the Internet are the designer’s intellectual property and protected by copyright ©

12 Multitasking Is an operating system feature that allows more than one application to run at a time

13 Assignment Page 45 in your textbook Follow the directions for Practice: first_document.htm We will complete this together.