Network A _____ of computers that can _________ w/ each other Examples of hardware ______________...
Transcript of Network A _____ of computers that can _________ w/ each other Examples of hardware ______________...
![Page 1: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/1.jpg)
INTRO TO THE WEB
![Page 2: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/2.jpg)
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
![Page 3: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/3.jpg)
The Internet & W.W.W.
World Wide Web Developed to make sharing ____________
easier Basic component of a web page
File Kinds files:
________________ ________________ ________________ ________________ ________________
![Page 4: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/4.jpg)
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
![Page 5: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/5.jpg)
How the Web Works
Web Site Group of ________ files organized around
a common topic Web Page
___________ file within a Web Site Fox News
![Page 6: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/6.jpg)
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
![Page 7: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/7.jpg)
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
![Page 8: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/8.jpg)
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 ______________
![Page 9: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/9.jpg)
Types of Web Sites
5 Major Types of Web Sites1. __________ Sites2. ___________3. ___________4. ___________5. __________ & __________
Networking
![Page 10: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/10.jpg)
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
![Page 11: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/11.jpg)
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
__________ ___________ ______________________ ______________________
![Page 12: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/12.jpg)
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
![Page 13: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/13.jpg)
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 __________
![Page 14: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/14.jpg)
Common Web Elements
Elements of Web Pages are used to: ________________ information Allows users to _____________ w/ the site
Common Web Page elements ___________ ___________ ___________ ___________
![Page 15: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/15.jpg)
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
![Page 16: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/16.jpg)
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
![Page 17: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/17.jpg)
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
![Page 18: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/18.jpg)
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
![Page 19: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/19.jpg)
Web Development Process
5 Stages in Web Site ______________ Process1. Determine the __________ & _________ of the
site2. _________ & _________ the site3. _________ & _______ the site4. _____________ the site5. _____________ the site
![Page 20: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/20.jpg)
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?
![Page 21: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/21.jpg)
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
![Page 22: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/22.jpg)
Flow Chart of a Web Site
Welcome to Our Web Site (Home)
Ordering Informatio
nSpecialsContact UsAbout UsProducts
![Page 23: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/23.jpg)
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?
![Page 24: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/24.jpg)
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
![Page 25: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/25.jpg)
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
![Page 26: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/26.jpg)
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
![Page 27: Network A _____ of computers that can _________ w/ each other Examples of hardware ______________ & communication lines Internet Hardware.](https://reader034.fdocuments.net/reader034/viewer/2022051401/5697bfa71a28abf838c98ff7/html5/thumbnails/27.jpg)
Activity
Create a flow chart of your favorite web site
Include at least 4 levels of pages
Create in Word using shapes