Intro to the Web v1


Published on

This is my old powerpoint on Introducing the web.

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

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

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, … </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:// /introduction/intro/ </li></ul><ul><li>Group Presentation </li></ul><ul><li>Complete the worksheet “Introduction to Web Mastering” </li></ul>