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