PowerPoint File - Horace Mann School
Download
Report
Transcript PowerPoint File - Horace Mann School
HTML
Comprehensive Concepts and Techniques
Intro Project
Introduction to HTML
Objectives
Describe the Internet and its associated key
terms
Describe the World Wide Web and its
associated key terms
Identify the types and purposes of Web sites
Discuss Web browsers and identify their
purpose
Define Hypertext Markup Language (HTML)
and the standards used for Web
development
2
Objectives
Describe Web editors and their
relationship to Web development
Discuss the five phases of the Web
development life cycle
Describe Web site layouts and the
purpose of each layout
Describe the importance of testing
throughout the Web Development Life
Cycle
3
The Internet
Worldwide collection of networks that
link together millions of businesses, the
government, educational institutions,
and individuals
4
The Internet
A network is composed of a group of
computers that are connected together
to share resources and information
The Internet backbone is a high-speed
data line that connects major computer
systems
An Internet Service Provider (ISP) is a
company with a permanent connection
to the Internet backbone
5
6
The World Wide Web
Part of the Internet that supports
multimedia and consists of a collection
of linked documents, called Web pages
A Web site is a collection of Web
pages that are created and maintained
by an organization or individual
Relies on Hypertext Markup Language
(HTML)
7
Web Servers
Web pages are stored on a Web server
or host
Publishing is the process of copying
files to a Web server
8
Once a Web page is published, anyone who has access to
the Internet can view it
9
Web Site Types and Purposes
10
Internet Site
11
Internet Site
12
Web Browsers
Web Browsers are required to view
Web pages
– Microsoft Internet Explorer
– Netscape Navigator
Uniform Resource Locator (URL)
Web pages are linked together by the
use of hyperlinks
Clicking a hyperlink allows you to move
quickly from one Web page to another
13
Hyperlinks
14
Hypertext Markup Language
Hypertext Markup Language (HTML) is
used to create Web pages
– Set of special instructions called tags and
markups
Web page files contain text and HTML
tags
– Tags mark the text to define how it
displays when viewed in a browser
• Ex. <B> <P> <HR>
15
16
Hypertext Markup Language
HTML is platform independent
– Can be created on one type of computer
and viewed on another type of computer
World Wide Web Consortium maintains
HTML standards
– Several versions of HTML exist today
– Each new version expands capabilities
17
18
HTML Elements
HTML is a subset of Standard
Generalized Markup Language
(SGML)
– SGML is a standard for how to organize
and tag elements of a document
<B>sample text</B>
19
HTML Elements
20
HTML Coding Practices
Use capitalized tags to separate tags
from contents
Use ending tags whenever possible
Separate sections of HTML code with
spaces
21
tags are capitalized
spaces between sections of code
use of ending tags
22
Web Editors
Text Editor
– Program that allows a user to enter,
change, save, and print text, such as
HTML
– No advanced features
– Allows you to develop HTML documents
easily
23
24
Web Editors
HTML Editor
– Program that provides basic text-editing
functions
– Microsoft’s Save as Web Page feature
WYSIWYG Editor
– Utilizes a graphical user interface
– Microsoft FrontPage
– Macromedia Dreamweaver
25