HTML HyperText Markup Language

1
HTMLHyperText Markup Language

• Introduction to HTML

2
Internet Facts

• 500 million people connect to the Internet.
• These people live in more than 220 countries.
• They connect at
• Home
• Office
• School
• Library
• People use the Internet to conduct research, use
  e-mail, and make purchases.

3
World Wide Web

• HyperText Transfer Protocol (HTTP)
• A set of rules for exchanging text, graphic,
  sound, video, and other multimedia files.
• A Web Site contains
• Home page
• Web pages
• Web pages are stored on a Web server or host.
• Copying Web pages and other files to a Web server
  is known as publishing.

4
Web Site Types

• Internet site
• A site that is generally available to the public.
• Personal web sites
• Business sites (e-commerce)
• Intranet site
• A private network within a company.
• Usually password protected.
• Extranet site
• A private network that shares information with
  select corporate partners or key customers.
• Usually password protected.

5
Web Browsers

• Internet Explorer Netscape Navigator
• Locate Web pages
• Move forward and backward
• Bookmark favorite pages
• Choose security settings
• Uniform Resource Locator (URL)
• The address of a web page
• http//www.scsite.com/html2e/exs.cfm
• Web pages are linked to other Web pages by the
  use of hyperlinks.
• Hyperlinks are an essential part of the World
  Wide Web.
• Text, graphics, and animations can all be
  hyperlinks.

What is your address . . I mean, your URL?
6
What is Hypertext Markup Language?

• HTML is the authoring language used to create
  documents on the World Wide Web.
• HTML uses tags.
• A set of special instructions to define the
  structure and layout of a Web document.
• Tags specify how the page is displayed in a
  browser.

7
(No Transcript)
8
HTML Facts

• HTML is platform independent.
• You can create or code an HTML file on one type
  of computer and then use a browser on another
  computer to view that file as a Web page.

9
HTML Facts

• Developed by Tim Berners-Lee and Robert Calliau
  in 1989.
• Created tags and hyperlinks
• World Wide Web Consortium (W3C)
• Promotes standards for the evolution of the Web
  and Web technologies.
• Founded by Tim Berners-Lee in 1994.
• HTML Versions 2.0 ? 3.2 ? 4.01
• HTML is a subset of Standard Generalized Markup
  Language (SGML)
• A standard for how to organize and tag elements
  of a document
• Specifies rules for tagging elements

10
HTML Elements

• HTML code
• ltBgtsample textlt/Bgt
• Viewed on Web page
• sample text

• Three parts
• A start tag
• Content
• An end tag

11
HTML Coding Practices

• Use UPPERCASE letters to create tags.
• Use start and end tags.
• Separate different parts of the Web page with
  spaces.

12
Web Editors

• A text editor is a program that allows a user to
  enter, change, save, and print text.
• Notepad
• WordPad
• An HTML editor is a program that provides basic
  text-editing functions, as well as more advanced
  features for HTML tags.
• Macromedia HomeSite
• BBEdit

13
Web Editors

• Software applications
• Word
• Excel
• PowerPoint
• Access
• A WYSIWYG editor is a program that provides a
  graphical user interface that allows a developer
  to see what the Web page will look like while the
  document is being created.
• FrontPage
• Dreamweaver

What You See Is What You Get
14
Web Development Life Cycle

• Planning
• Identify goals and objectives of a Web site.
• Who will use this Web site?
• Analysis
• Define Web site content and functionality.
• What tasks do the users need to perform?
• Design and Development
• Organize the Web pages for the site.
• What type of layout is appropriate for the site?

15
Web Site Layouts
16
Web Development Life Cycle

• Testing
• Review the Web site page content, functionality,
  and usability.
• Is the Web site content correct, easy to use, and
  can the user find the information they need?
• Implementation and Maintenance
• Implementation Publishing the Web site and
  testing it.
• Maintenance Updating the Web site checking the
  log.