
Network

A _____ of computers that can _________ w/
each other
 Examples of hardware  ______________ &
communication lines

Internet
Hardware connected together to create a
worldwide ________
 Inter-linked collection of many smaller
networks
 Created in the ______’s by DARPA


World Wide Web
Developed to make sharing ____________
easier
 Basic component of a web page

 File

Kinds files:





________________
________________
________________
________________
________________

Web Browser



Special _________ that __________ or Interprets files
to display web pages on your computer
Sends information using Internet’s hardware
Internet & World Wide Web ______ the SAME


Web provides info that users _______ to know
Internet provides ___________, tools, & ___________
that allow users to access W.W.W

Web Site


Group of ________ files organized around a
common topic
Web Page
___________ file within a Web Site
 Fox News


Web Browser
Software used to share _____________
 Allows users to _________ & __________ content
on the web by:

 Translating ________ into a graphical web page
 Letting the user _______ from 1 page to another

Creates an ____________
 A means that a user interacts w/the W.W.W.
 Controls how the _______ interacts w/ items on the
screen


Open a web browser
Locate & Identify
Browser’s Title Bar
 Web address
 Web Pages within the Web Site


Click View menu
Option that increases text size
 Reset to the default size


_____________ Buttons



Web __________


Gives name of current web page
________ Button


Displays the current Web Page
Title ________


Help you move between pages
Back & Forward buttons
Returns you to the browser home page
Menus

Allow you to select from lists of ______________

5 Major Types of Web Sites
1.
2.
3.
4.
5.
__________ Sites
___________
___________
___________
__________ & __________ Networking

Commercial Sites
Primary purpose to ____________ or _________ a
company’s products or services
 2 Types of Commercial Sites

 E-______________ Site
 ________ & ________ goods or services over the Internet
 Corporate Presence Sites
 ____________ sell anything
 Provide info about company’s products or services
 Illustrates the company’s _____________
 Promote a ______________ image for the company

Portal Sites


Provide a variety of sites that people use everyday
Examples
 __________
 __________
 __________

Educational Sites

Provide information about a school or university
 __________ ___________
 ______________________
 ______________________

Informational Sites


Provide people with ___________ information
Types of Informational Sites

________ Sites
 Provide current local, national, & international news
 CNN

______________ Sites
 Provide information about federal, state, & local gov.
activities & regulations
 U.S. Senate Web Site

___________ _________ Sites
 Focus on certain problems or situations & suggest how
individuals might respond
 Make-A-Wish Foundation

Personal & Social Networking Sites


Allow people to ______ their interests and news with others
_________ Issues
 Online info is available to _________ w/ an _______ connection
 Posting personal info can be ____________
 Don’t post __________ ____________ information
 Don’t describe how you look or where you life
 Never post personal info about _________ _________

Use a personal site to:
 Share _________ w/ family and friends
 Share your __________
 Display a portfolio or __________

Elements of Web Pages are used to:



________________ information
Allows users to _____________ w/ the site
Common Web Page elements
___________
 ___________
 ___________
 ___________


Text & Graphics

Provides the foundation of most web sites
Element
Purpose
_________
•Provides information
•Labels pictures
•Describes navigation buttons
•Provides Links
_________
•Illustrate information
•Attract viewers’ attention
•Provide visual interest
•Act as navigational buttons

Multimedia

The __________ of elements such as graphics,
text, audio, animation, & ______________y by
means of computer technology
Multimedia
Audio
• Speech
• Music
• Sound Effects
Video
• News Clips
• Movie Clips
Animation
• Scrolling Text
• Bouncing Text
• Cartoons

Hyperlinks
Allows you to ________ from one online page to
another
 Can be:

 A ________
 A ________
 A ________

3 kinds of links
 ________ links – another page in the same web site
 ________ links – a page on a different web page
 ________ links – move you to a different spot on the
same page

Open Web Browser & go to School Web Site

List answers in the notes section

List 3 of each kind of link
Internal
 External
 Intrapage


5 Stages in Web Site ______________ Process
1.
2.
3.
4.
5.
Determine the __________ & _________ of the site
_________ & _________ the site
_________ & _______ the site
_____________ the site
_____________ the site

Ask the following questions:
What is the site’s ___________?
1.

What are the site’s __________?
2.

Increase sales, Teach visitors something
What __________ do you need to reach your goals?
3.

Video equipment, editing software
What is your primary (_________) audience?
4.

5.
Educate or Sell
Who will visit your site?
What kinds of __________ & ____________ are visitors
likely to be using?

The Design Process (_____________ Design)
Determine what the Web pages will _______ like
 How will the _________ interact with each other
 How will __________ interact with the site
 3 Categories

 ____________ Design
 ___________ & ___________ Design
 _____________ Design

3 work ____________ to yield a site that is easy &
enjoyable to use
Welcome to Our
Web Site (Home)
Products
About Us
Contact Us
Specials
Ordering
Information
Interface Design Categories
Category
Purpose
Questions to Consider
Interaction Design To determine how
hyperlinks will help the
user navigate through a
site
•In what order will the user
move through the site?
•Is each link’s purpose clear
to the user?
To determine the content
Information &
Functional Design that will appear on each
page
•What text & graphics will I
include on each page?
•How will my text &
graphics support the site’s
purpose?
Presentation
Design
To determine the physical
appearance of the site’s
pages
•What look & feel will the
site have?
•What color scheme will I
use?
•How will I position my
hyperlinks?

_____________ the Design


Complete a Web site using your design plan
Technology Tools
Markup languages (_________)
 Web site ___________ software

 Shows the page’s ________________ as it is changed
 Called _______________
 What You See Is What You Get
 Examples
 Dreamweaver, Front Page, Expressions

Stage 3 – Evaluate & Test
Confirm that your site meets intended _______ & ______
 Test to make sure that everything _________ properly &
___________ properly
 When testing, use several __________


Stage 4 – Implement the site



Publish the site to a Web server (_________)
Always test after going live
Stage 5 – Maintain the Site

Keep it _________ & __________ properly

Web ___________


Web ___________




Focuses on the look & feel of the site
Determines – page layout, color scheme, & graphic
elements
Ensures that the pages are visually appealing
Web ___________


Writes the text that will appear on the web site
Using programming to create the entire site
Web Site Administrator or ____________

Manages the team of people who maintain the site

Create a flow chart of your favorite web site

Include at least 4 levels of pages

Create in Word using shapes