network a _____ of computers that can _________ w/ each other examples of hardware ______________...
TRANSCRIPT
INTRO TO THE WEB
The Internet & World Wide Web
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
The Internet & W.W.W.
World Wide Web Developed to make sharing ____________
easier Basic component of a web page
File Kinds files:
________________ ________________ ________________ ________________ ________________
The Internet & W.W.W.
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
How the Web Works
Web Site Group of ________ files organized around
a common topic Web Page
___________ file within a Web Site Fox News
How the Web Works
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
Activity
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
Web Browsers _____________ Buttons
Help you move between pages Back & Forward buttons
Web __________ Displays the current Web Page
Title ________ Gives name of current web page
________ Button Returns you to the browser home page
Menus Allow you to select from lists of ______________
Types of Web Sites
5 Major Types of Web Sites1. __________ Sites2. ___________3. ___________4. ___________5. __________ & __________
Networking
Types of Web Sites 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
Types of Web Sites
Portal Sites Provide a variety of sites that people use
everyday Examples
__________ __________ __________
Educational Sites Provide information about a school or university
__________ ___________ ______________________ ______________________
Types of Web Sites 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
Types of Web Sites 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 __________
Common Web Elements
Elements of Web Pages are used to: ________________ information Allows users to _____________ w/ the site
Common Web Page elements ___________ ___________ ___________ ___________
Web 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
Web Elements
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
Web Elements 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
Activity
Open Web Browser & go to School Web Site
List answers in the notes section
List 3 of each kind of link Internal External Intrapage
Web Development Process
5 Stages in Web Site ______________ Process1. Determine the __________ & _________ of the
site2. _________ & _________ the site3. _________ & _______ the site4. _____________ the site5. _____________ the site
Stage 1 – Purpose & Goals
Ask the following questions:1. What is the site’s ___________?
Educate or Sell
2. What are the site’s __________? Increase sales, Teach visitors something
3. What __________ do you need to reach your goals?
Video equipment, editing software
4. What is your primary (_________) audience? Who will visit your site?
5. What kinds of __________ & ____________ are visitors likely to be using?
Stage 2 – Design & Develop
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
Flow Chart of a Web Site
Welcome to Our Web Site (Home)
Ordering Informatio
nSpecialsContact UsAbout UsProducts
Interface Design CategoriesCategory 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?
Information & Functional Design
To determine the content 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?
Stage 2 – Design & Develop
_____________ 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 ExamplesDreamweaver, Front Page, Expressions
Stages in Web Design
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 Site Development Careers
Web ___________ Writes the text that will appear on the web site
Web ___________ Focuses on the look & feel of the site Determines – page layout, color scheme, &
graphic elements Ensures that the pages are visually appealing
Web ___________ Using programming to create the entire site
Web Site Administrator or ____________ Manages the team of people who maintain the
site
Activity
Create a flow chart of your favorite web site
Include at least 4 levels of pages
Create in Word using shapes