Web Page Fundamentals Notes

Download Report

Transcript Web Page Fundamentals Notes 

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


Dreamweaver (Adobe)
Network—group of computers that are joined in
order that people can share their work
Vocabulary




LAN or Local Area Network—group of
computers that are joined in a small area
(school or business office)
WAN or Wide Area Network—group of
computers that are joined over a large area
(city)
Internet—International network of computers
Web Apps—programs or software applications
that are accessible using the internet
Vocabulary




Email—electronic mail messages
Social Networks—online communities allowing
members to connect with friends
IRC or Inter Relay Chat—talk with a person in
real time by typing messages, talking into a
microphone, or sending live pictures
Blogs—short web-based articles listed in
reverse chronological order that describe
personal experiences or offer advice
Vocabulary




News Groups—forums that people join to share
ideas about a topic
World Wide Web—group of web pages that are
joined together using hyperlinks
FTP—File Transfer Protocol—Upload or download
files using the Internet
URL—web page address



http://www.domain.com/file.html
http=hypertext transfer protocol
Domain=registered name
Vocablulary

.com


.gov


Government
.edu


Commercial
Education
.net

network
.org
Organization
.us or .ca
Country name
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 (hyperlink)
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

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
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
Chrome) 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