Web Page Fundamentals

Download Report

Transcript Web Page Fundamentals 

Web Page Fundamentals
HTML: The Language of the Web
Key Internet Vocabulary




Web Page—An individual page on the Web
Web Site—A collection of related pages on the Web
Home Page—The page that first appears when going
to a site; provides info about the Web site’s purpose
and content
Web Editor—A program that writes “code” or HTML


FrontPage (Microsoft)
Dreamweaver (Macromedia)
Home Page


First page that users see when they
access a web site
Creates the first impression and sets
the tone for organization and content in
the site
Links


Users access local and remotely stored web
pages linked to the web page by clicking on
links
Links can





Take users to other web pages at the same or
different site
Jump the cursor to another place on the same page
Download a file
Connect the user to other Internet resources, such
as e-mail
Links can be a word, phrase or an image
Content

The content is the substance of a web
site. It can be made up of:





Text documents
Graphic images
Sounds
Downloadable movie clips
Links to other related sites
HTML



Hypertext Markup
Language
Allows you to create
Web Pages
Instructions for the
Web Browser (tells it
what page should
look like)
HTML Language


Uses Tags or Angle
Brackets
Start Tags
<HTML>

Ending Tags
</HTML>
You try it…
What does this tag mean?
<Center>Text Goes Here</Center>
Center Text
<H1>Text Goes Here</H1>
Header 1
<P>Text Goes Here too!</P>
Paragraph
Writing in Code

Why write in code?



More Freedom
To learn the Language
What do we use?

NotePad or WordPad

Warning: Be very careful to type and
save things exactly right, or your page may
not work!!
Steps in Creating a Web Page





Determine the purpose
Establish goals
Identify objectives
Plan the content
Write text and enter it into a word
processor or web page creation
program
Steps in Creating a Web Page




Organize content
Layout the web page
Add graphic images
Proofread!!!



Spelling errors
Grammatical errors
Inconsistencies in content and layout
Steps in Creating a Web Page


View the web page off-line
Make any needed adjustments and
corrections
This is where our class work will stop—we
will not publish on-line.
Steps in Creating a Web Page



Use FTP (file transfer protocol) to move
the files to the web site host
Test the web page using different
browsers (Internet Explorer and
Netscape) to access it from the Internet
Refine and UPDATE as needed
Rules of Good Web Page Design





Good balance between text and
graphics—use symmetry
Text is readable; background not
distracting; good contrast
Web page loads fairly quickly
Interesting use of color; good graphics
and/or multimedia objects
Web page purpose is clear