1 / 27

Intro to the Web

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 ________

cili
Download Presentation

Intro to the Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Intro to the Web

  2. 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

  3. The Internet & W.W.W. • World Wide Web • Developed to make sharing ____________ easier • Basic component of a web page • File • Kinds files: • ________________ • ________________ • ________________ • ________________ • ________________

  4. 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

  5. How the Web Works • Web Site • Group of ________ files organized around a common topic • Web Page • ___________file within a Web Site • Fox News

  6. 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

  7. 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

  8. 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 ______________

  9. Types of Web Sites • 5 Major Types of Web Sites • __________ Sites • ___________ • ___________ • ___________ • __________& __________ Networking

  10. 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

  11. 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 • __________ ___________ • ______________________ • ______________________

  12. 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

  13. 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 __________

  14. Common Web Elements • Elements of Web Pages are used to: • ________________ information • Allows users to _____________ w/ the site • Common Web Page elements • ___________ • ___________ • ___________ • ___________

  15. Web Elements • Text & Graphics • Provides the foundation of most web sites

  16. 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

  17. 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

  18. 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

  19. Web Development Process • 5 Stages in Web Site ______________ Process • Determine the __________& _________ of the site • _________& _________the site • _________& _______the site • _____________the site • _____________the site

  20. 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?

  21. 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

  22. Flow Chart of a Web Site Welcome to Our Web Site (Home) Products About Us Contact Us Specials Ordering Information

  23. 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

  24. 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

  25. 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

  26. Activity • Create a flow chart of your favorite web site • Include at least 4 levels of pages • Create in Word using shapes

More Related