Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Intro to the Web v1

427 views

Published on

This is my old powerpoint on Introducing the web.

Published in: Business, Technology
  • Be the first to like this

Intro to the Web v1

  1. 1. Introduction to the Web
  2. 2. What is Multimedia? <ul><li>The integration of elements such as graphics, text, audio, video, animation, and interactivity by means of computer technology. </li></ul><ul><ul><li>Animation—Movement of text or graphics. </li></ul></ul><ul><ul><li>Video—Live or recorded moving images. </li></ul></ul><ul><ul><li>Interactivity—The ability to navigate to different pages, request information, etc.. </li></ul></ul>
  3. 3. What makes the web interactive? <ul><li>Hyperlinks (link) </li></ul><ul><ul><li>Can be graphics, word, or phrases </li></ul></ul><ul><ul><li>Usually underlined, and possibly in a different color </li></ul></ul><ul><ul><li>A hand appears when the cursor is held over a link </li></ul></ul><ul><ul><li>3 Kinds of Hyperlinks </li></ul></ul><ul><ul><ul><li>Internal links (links on the same site, different page) </li></ul></ul></ul><ul><ul><ul><li>External links (links on a different site) </li></ul></ul></ul><ul><ul><ul><li>Anchor links (links on the same page) </li></ul></ul></ul><ul><ul><li>Hyperlinks allow use to change thoughts mid-text and return later. </li></ul></ul>
  4. 4. <ul><li>What are the internet and web? </li></ul><ul><ul><li>They are not the same thing! </li></ul></ul>
  5. 5. The Internet <ul><ul><li>The hardware —lots of hardware—connected together to create a huge worldwide network </li></ul></ul><ul><ul><li>Physical Components: Computers, cables, wires, high-speed communication lines, etc… </li></ul></ul><ul><ul><li>A bunch of devices that can “talk” to each other. </li></ul></ul>
  6. 6. The World Wide Web <ul><li>(Often called: WWW or web) </li></ul><ul><li>The Software </li></ul><ul><li>The programs that send information along the internet’s hardware </li></ul><ul><li>Information is stored in files </li></ul><ul><li>The files are stored on the Internet on special computers called Web Servers </li></ul><ul><li>The files are joined together by hyperlinks like a giant spider web—hence “web” </li></ul>
  7. 7. What is Web 2.0? <ul><li>Web 2.0 is the new way of using the web. </li></ul><ul><li>Content is user driven. </li></ul><ul><ul><li>Can you think of websites that are driven by user content? </li></ul></ul><ul><li>The user controls the input and output of the website. </li></ul>
  8. 8. How does the web work? <ul><li>Web pages are just basic text documents with words, letters, numbers, and other symbols. </li></ul><ul><li>Web Sites are groups of related web pages that allow you to navigate from one to another. </li></ul><ul><li>The Home Page is typically the first page a user sees of a site and contains general information about the site </li></ul>
  9. 9. What is a web browser? <ul><li>A web browser interprets the files stored on the web server to display web pages on your computer screen. </li></ul><ul><li>Translated text-based Hypertext Markup Language (HTML) into a graphical webpage </li></ul><ul><li>All browsers work slightly differently. </li></ul><ul><li>Examples: Internet Explorer (IE), Firefox, Safari, Opera, Netscape, … http://browsers.evolt.org/ </li></ul>
  10. 10. <ul><li>So what do you think </li></ul><ul><li>Web Mastering is? </li></ul>
  11. 11. What is Web Mastering? <ul><li>Web Mastering incorporates: </li></ul><ul><ul><li>Determining a purpose and goal of a website </li></ul></ul><ul><ul><li>Designing the look/feel and navigation </li></ul></ul><ul><ul><li>Generating concise, meaningful content </li></ul></ul><ul><ul><li>Evaluating and Testing the site </li></ul></ul><ul><ul><li>Publishing the site </li></ul></ul><ul><ul><li>Maintaining an up-to-date, accessible, standards compliant website </li></ul></ul>
  12. 12. Web Design Careers
  13. 13. What makes a good website? <ul><li>With a partner, complete the worksheet “What makes a good website?” </li></ul>
  14. 14. What makes a good website? <ul><li>Has a clear purpose </li></ul><ul><li>Has a layout which allows the purpose of the website to be reached by the user easily </li></ul><ul><li>Contains concise, accurate information. </li></ul><ul><li>Pleasing to the eye of all users in the targeted audience </li></ul><ul><li>Fresh supply of content - enticing the user to return </li></ul>
  15. 15. Different Types of Websites <ul><li>Commercial Sites </li></ul><ul><ul><li>E-Commerce Sites </li></ul></ul><ul><ul><li>Corporate Presence Sites </li></ul></ul><ul><li>Portal Sites </li></ul><ul><li>Informational Sites </li></ul><ul><ul><li>News Sites </li></ul></ul><ul><ul><li>Government Sites </li></ul></ul><ul><ul><li>Public Interest Sites </li></ul></ul><ul><li>Educational Sites </li></ul><ul><ul><li>School and University Sites </li></ul></ul><ul><ul><li>Tutorials and Distance Learning </li></ul></ul><ul><ul><li>Museums and Other Institutions </li></ul></ul><ul><li>Personal Sites </li></ul>
  16. 16. Non-Technical Introduction <ul><li>When you are finished, begin reading YOUR ASSIGNED SECTION http:// www.htmlgoodies.com /introduction/intro/ </li></ul><ul><li>Group Presentation </li></ul><ul><li>Complete the worksheet “Introduction to Web Mastering” </li></ul>

×