280 likes | 399 Views
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 ________
E N D
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 Sites • __________ Sites • ___________ • ___________ • ___________ • __________& __________ 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
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 ______________ Process • Determine the __________& _________ of the site • _________& _________the site • _________& _______the site • _____________the site • _____________the site
Stage 1 – Purpose & Goals • Ask the following questions: • What is the site’s ___________? • Educate or Sell • What are the site’s __________? • Increase sales, Teach visitors something • What __________do you need to reach your goals? • Video equipment, editing software • What is your primary (_________) audience? • Who will visit your site? • 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) Products About Us Contact Us Specials Ordering Information
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 • Examples • Dreamweaver, 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