The Web Wizards Guide to HTML Chapter One World Wide Web Basics.

Slides:



Advertisements
Similar presentations
The Web Wizards Guide to Freeware/Shareware Chapter Four Essential Tools for Web Page Authors.
Advertisements

The Web Wizards Guide to HTML Chapter Eight Publishing on the Web.
INTRO TO THE WWW. What is the World Wide Web? The World Wide Web (WWW) is most often called the Web. The World Wide Web (WWW) is most often called the.
CPSC 203 Introduction to Computers Tutorial 59 & 64 By Jie (Jeff) Gao.
Project 1 Introduction to HTML.
XP Browser and Basics1. XP Browser and Basics2 Learn about Web browser software and Web pages The Web is a collection of files that reside.
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems
Introduction to HTML 2006 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Introduction to HTML 2006 INT197B. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
Internet – Part II. What is the World Wide Web? The World Wide Web is a collection of host machines, which deliver documents, graphics and multi-media.
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
HTML Introduction HTML
Creating your website Using Plain HTML. What is HTML? ► Web pages are authored in HyperText Markup Language (HTML) ► Plain text is marked up with tags,
Basic HTML Workshop Session 1: Introduction to HTML Fall 2006.
1st Project Introduction to HTML.
What Is A Web Page? An Introduction to the Internet.
Chapter 14 Introduction to HTML
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 
Chapter ONE Introduction to HTML.
UNDERSTANDING WEB AND WEB PROJECT PLANNING AND DESIGNING AND EFFECTIVE WEBSITE Garni Dadaian.
CPSC 203 Introduction to Computers Lab 39, 40 By Jie (Jeff) Gao.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Exploring Microsoft Office XP - Microsoft Word 2002 Chapter 61 Exploring Microsoft Word Chapter 6 Creating a Home Page and Web Site By Robert T. Grauer.
1 HTML/XHTML Objectives Explain what HTML is and how Web pages use HTML Explain what HTML is and how Web pages use HTML Demonstrate how to create Web pages.
CPSC 203 Introduction to Computers Lab 21, 22 By Jie Gao.
WWW and HTML. Annoucement n Many people submitted the.vbp file and lost points n Can resubmit the.frm file to my , and get most.
OV Copyright © 1998 Ziff-Davis Education, a division of Ziff-Davis Inc. All rights reserved. The Internet World-wide network of computers connected.
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
Internet Concept and Terminology. The Internet The Internet is the largest computer system in the world. The Internet is often called the Net, the Information.
Introduction to Computers Section 8A. home How the Internet Works Anyone with access to the Internet can exchange text, data files, and programs with.
HTML Structure & syntax
1 Session 1: Introduction to HTML Spring Today’s Agenda Cover useful terminology for today’s session HTML, browsers, servers, etc. HTML Tags Get.
Chapter 1 XHTML: Part I The Web Warrior Guide to Web Design Technologies.
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.
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
Developing a Web Site. Web Site Navigational Structures A storyboard is a diagram of a Web site’s structure, showing all the pages in the site and indicating.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Introduction to World Wide Web Authoring © Directorate of Information Systems and Services University of Aberdeen, 1999 IT Training Workshop.
HTML ~ Web Design.
CIS 250 Advanced Computer Applications Internet/WWW Review.
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.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
Web Browsers  Web browser- software that you run on your computer to make it work as a web client.  Web Servers- Computers connected to the Internet.
Web Application Programming Presented by: Mehwish Shafiq.
The Web Wizard’s Guide to HTML Chapter One World Wide Web Basics.
Web Design. What is the Internet? A worldwide collection of computer networks that links millions of computers by – Businesses (.com.net) – the government.
1 Chapter 7 E-Commerce The Internet, Intranets, and Extranets.
How the Web Works Jenny Burson Courtesy of About Internet for Beginners Learn the Web
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Introduction to the World Wide Web & Internet CIS 101.
The Internet, Fourth Edition-- Illustrated 1 The Internet – Illustrated Introductory, Fourth Edition Unit B Understanding Browser Basics.
Session 1: Introduction to HTML Fall Today’s Agenda Talk about the functions of the Internet Cover useful terminology for today’s session HTML,
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
HTML PROJECT #1 Project 1 Introduction to HTML. HTML Project 1: Introduction to HTML 2 Project Objectives 1.Describe the Internet and its associated key.
4.01 How Web Pages Work.
Distributed Control and Measurement via the Internet
Chapter 1 Introduction to HTML
Exploring Microsoft Word 2000
Chapter 1 Introduction to HTML.
Project 1 Introduction to HTML.
CNIT 131 HTML5 – Anchor/Link.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
What is HTML?.
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
An Introduction to HTML Pages
Presentation transcript:

The Web Wizards Guide to HTML Chapter One World Wide Web Basics

Chapter Objectives Show how Web page authors and computers work together Look behind the scenes when a browser displays a Web page Explain what HTML is and how Web pages use HTML Demonstrate how to create Web pages with nothing more than a text editor and a browser Explore the role of HTML standards on the Web

To View the World Wide Web You Need An Internet-ready computer An Internet access account A Web browser

To Create a Web Site You Need An Internet-ready computer A text editor (or Web page construction kit) An Internet access account A password-protected account on a Web server

Uniform Resource Locator (URL) All Web pages are addressed with URLs The URL specifies – A server name – A directory path – A filename URLs are part of the HTTP (Hypertext Transfer Protocol) communications protocol.

Web Page Displays All browsers are designed to display.html and.htm files Browsers have to rework their page displays whenever a browser window is resized Web pages can look a little different on different computers Web page authors cannot completely control their page displays

The Hypertext Markup Language (HTML) HTML formatting commands control Web page displays All HTML formatting is achieved with HTML elements All HTML elements are based on HTML tags and tag-pairs HTML files can be created with text editors

A HTML TagTemplate (insert text for the browsers title bar here) (insert visible Web page elements here)

HTML Editors Pros – Offer lots of useful features – Help you avoid tagging errors – Can save time Cons – Can interfere with HTML mastery – Can be intimidating for beginners

The Web Page Development Cycle 1. Save your HTML file 2. Load the file into your Web browser 3. Review the file with your Web browser 4. Revise your HTML file with a text editor Repeat this cycle as often as needed

Industry Standards Most HTML tags are in the official HTML standard All HTML-compliant browsers recognize the standard HTML tag set The World Wide Web Consortium (W3C) sets the industry standard for HTML

Non-Standard HTML Some HTML tags are browser-specific extensions to HTML Netscape Navigator and Internet Explorer do not always recognize each others HTML extensions Web pages that use non-standard HTML may not display well for all users Browser manufacturers create their own HTML extensions to influence the industry standard

HTML Validation Services A validation service on the Web can check an HTML file for you A validation service can be used to identify tagging errors and HTML extensions Some HTML tagging errors are difficult to locate by manual inspection If you dont use an HTML editor, a validation service can be very helpful