1 / 52

Chapter Objectives

Chapter Objectives. Describe the Internet and the World Wide Web Discuss ways to access the Internet and the Web Categorize types of Web sites Identify Web design tools Explain Web design roles. The Internet and the World Wide Web. More on Web.

geona
Download Presentation

Chapter Objectives

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. Chapter Objectives • Describe the Internet and the World Wide Web • Discussways to access the Internet and the Web • Categorizetypes of Web sites • IdentifyWeb design tools • ExplainWeb design roles Chapter 1: The Environment and the Tools

  2. The Internet and the World Wide Web More on Web • The Internet is a worldwide public network that connects millions of private networks • A network is composed of several computers, printers, and data file storage devices connected together to share computing resources and data • Internet 2 is a major cooperative initiative among academia, industry, and the government to increase the Internet’s possibilities and correct some of its challenges Chapter 1: The Environment and the Tools

  3. The Internet and the World Wide Web Chapter 1: The Environment and the Tools

  4. The Internet and the World Wide Web • The World Wide Web (WWW or Web) consists of Internet-connected computers called Web serverson which Web pages are stored • A Web site is a group of relatedWeb pages • Starts with a home page • Pages are linked together with a hyperlink, or link • Surfing the Web Chapter 1: The Environment and the Tools

  5. The Internet and the World Wide Web • Internet 2 is a major cooperative initiative among academia, industry, and the government to increase the Internet’s possibilities and correct some of its challenges • Bottlenecking Current initiatives Member information Latest news

  6. Influence on Society Chapter 1: The Environment and the Tools

  7. Communication • Bookmarking / favorites • Electronic mail (e-mail) • Internet Relay Chat (IRC) • Web-based chat • IM chat • Collaborative workspaces • Virtual meeting spaces • Weblog (blog) • Video sharing (video blogging) Chapter 1: The Environment and the Tools

  8. Communication • Social networking • Social bookmarking • Massively multiplayer online games (MMOGs) • 3D virtual worlds Chapter 1: The Environment and the Tools

  9. Education • Formal and informal teaching and learning • Enhances traditional teaching methods • Instructors often publish syllabi, grades, Web page links for research, and more for their students Chapter 1: The Environment and the Tools

  10. Entertainment • Popular entertainment sites include music, videos, sports, games, and more • News Web sites allow you to read news stories, and some even allow you to watch videoclips • Some provide interactive elements Chapter 1: The Environment and the Tools

  11. Business • Electronic commerce (e-commerce) is the practice of conducting business transactions online, such as shopping • Business-to-consumer (B2C) • Business-to-business (B2B) • Consumer-to-consumer (C2C) Chapter 1: The Environment and the Tools

  12. Electronic Commerce • E-commerce – conduct business activities online 3 types of e-commerce • B2C (Business to consumer) – sale of goods to general public • C2C (Consumer to consumer) – one consumer selling directly to another • B2B (Business to business) – provides goods and services to other businesses

  13. Ways to Access the Internet and the Web • One way to access Web sites is through the public switched telephone network (PSTN) • Worldwide telephone system that handles voice-oriented telephone calls • Integral part of computer communications • Data, instructions, and information can be sent using dial-up lines or dedicated lines Chapter 1: The Environment and the Tools

  14. Ways to Access the Internet and the Web Chapter 1: The Environment and the Tools

  15. Dial-Up Lines • A dial-up line is a temporary connection that uses one or more analog phone lines • Requires a modem on each end of the connection • Two versions of Internet access using dial-up lines • Regular dial-up • Slowest and unusual for many of today’s online activities • High-speed dial-up • Uses acceleration servers Chapter 1: The Environment and the Tools

  16. Digital Dedicated Lines • A dedicated line is a connection that always is established between two communications devices • Can be analog or digital • Quality, consistency, and speed of the connection are better than a dial-up line • Businesses often use dedicated lines Chapter 1: The Environment and the Tools

  17. Dedicated Lines • Three popular types of digital dedicated lines • Integrated Services Digital Network (ISDN) • Digital Subscriber Lines (DSL) • Asymmetric digital subscriber line (ADSL) • T-carrier Lines • T-1 line • Fractional T-1 line • T-3 line Chapter 1: The Environment and the Tools

  18. ISDN Lines • Integrated Services Digital Network • ISDN allows a single telephone line to carry three or more signals (multiplexing) • Faster than dial-up Chapter 1: The Environment and the Tools

  19. DSL • Digital Subscriber Line • Transmits at fast speeds on existing standard copper telephone wiring • Some installations can provide a dial tone • Asymmetric Digital Subscriber Line (ADSL) • Faster to receive data than to send data • Ideal for Internet users Chapter 1: The Environment and the Tools

  20. T-carrier Lines • Any of several types of digital lines that carry multiple signals over a single communications line • Extremely fast data transfer rates • T1 Line • Most popular T-carrier line • Fractional T1 • T3 Line • Equivalent to 28 T1 lines Chapter 1: The Environment and the Tools

  21. Cable Television Lines • Allows users to connect to the Internet through their cable line • Rapid transfer rates using a cable modem connected to a CATV line Chapter 1: The Environment and the Tools

  22. Fixed and Mobile Wireless Access • Internet connectivity for users who do not have access to services such as DSL or cable • Satellite technology used instead of telephone lines • Radio signals provide high-speed connection • Wireless fidelity (Wi-Fi) Chapter 1: The Environment and the Tools

  23. Internet Service Providers More on Web • Internet Service Provider (ISP) • Has permanent Internet connection • Provides temporary connections • Regional ISP • National ISP • Earthlink Chapter 1: The Environment and the Tools

  24. Web Browsers More on Web • A Web browser is a specific software program that requests, downloads, and displaysWebpages stored on a Web server Chapter 1: The Environment and the Tools

  25. Web Browsers • Access a Web page by entering its Uniform Resource Locator (URL) into the Web browser’s Addressbar • URL is comprised of the protocol, domainname and top-leveldomaindesignation • Hypertext Transfer Protocol (HTTP) • Domain name can be an IP address or a text version of this address Chapter 1: The Environment and the Tools

  26. Web Browsers Chapter 1: The Environment and the Tools

  27. Alternative Web Page Viewing Devices • Smartphones • Can be used as a regular cell phone and offers other features • Personal digital assistant (PDA) • Popular type of handheldcomputer used to manage personal information and access the Internet handheldcomputer Chapter 1: The Environment and the Tools

  28. Types of Web Sites Chapter 1: The Environment and the Tools

  29. Personal • Limited developmental resources • Uses • Advertise employment credentials • Meet new friends • Share common interests • Do not post information that can be misused Chapter 1: The Environment and the Tools

  30. Organizational / Topical • Organization Web sites contain information on particular organizations • Topical Web sites contain information on the developer’s interests and hobbies • Not all information is accurate Chapter 1: The Environment and the Tools

  31. Commercial More on Web • Used to promote and sell a product or service • More complex commercial Web sites generally produce greater revenue Chapter 1: The Environment and the Tools

  32. Search Tools • Web-based search tools • Search engines • Keywords • Metasearch engines • Search directories • Search engine might use a variety of methods to create its index • Spiders or robots • Meta tags • Search engine optimization (SEO) • Subject directories Chapter 1: The Environment and the Tools

  33. Keyword meta tag description meta tag

  34. Search Tools Chapter 1: The Environment and the Tools

  35. Your Turn! (page 22)Exploring Search Engines • Visit the Web Design Chapter 1 Online Companion Web page scsite.com/web3e/ch1/ and clickGoogle, Ask.com, Bing, and Mamma  in the Your Turn links. • Perform a keywordsearchusing each of the foursearchtools using the same keyword or phrase of your choice. Compare the searchresults returned by each search engine. • Write a report that answers the following questions: • Are the Web pages listed in the search results lists the same or different? • How do the search results from Mamma metasearch engine differ from the search results returned by the other three search engines? • How can you use a similar exercise to identify appropriate meta tag keywords and descriptive Web page titles when planning a Web site?

  36. Portals • A portal is a Web site that offers a starting point for accessing information • General consumer portal • Personal portal • Vertical portal • Corporate portal Chapter 1: The Environment and the Tools

  37. Web Design Tools • Does the new technology meet currently acceptedstandards for Web development and design? • What specifically can the newtechnology do to further the purpose of my Web site? • How will implementation of the newtechnology affect my Web site’s visualappeal, accessibility, and usability? • What impact will adding this technology have on security and other Web site elements? • What are the direct and indirectcosts of implementing the new technology? • How soon will I see a return on investing in this new technology? Chapter 1: The Environment and the Tools

  38. Markup Languages • Hypertext Markup Language (HTML) • Extensible Markup Language (XML), • Extensible HTML (XHTML) • Wireless Markup Language (WML) Chapter 1: The Environment and the Tools

  39. Hypertext Markup Language • Markup language used to create Web pages • Defines a Web page through tags or markups • World Wide Web Consortium (W3C) sets standards for HTML Chapter 1: The Environment and the Tools

  40. Extensible Markup Language (XML), Extensible HTML (XHTML), and Wireless Markup Language (WML) • XMLuses markups to define the content of a Web page • XHTMLis a markup language that is a combination of the features of XML and HTML • WMLis a subset of XML • Used to design Web pages for microbrowsers Chapter 1: The Environment and the Tools

  41. Cascading Style Sheets • Standardize the presentation of the content by applyingstyles to such elements • Type • Margins • Positioning • Colors Chapter 1: The Environment and the Tools

  42. Scripting Languages More on Web • Short programs that run on the server or the browser • Browsers must support this technology • Scriptinglanguages • JavaScript • Active Server Pages (ASP) • PHP: Hypertext Preprocessor (PHP) • MySql • Active content • Malware Chapter 1: The Environment and the Tools

  43. Text and HTML Editors More on Web • A text editor is software used to createplain (ASCII) text files • An HTMLeditor is a text editor enhanced with special features that are used to more easilyinsertHTMLtags and their attributes • HTML-Kit® • CoffeeCup® • BBEdit® • NoteTab® Chapter 1: The Environment and the Tools

  44. WYSIWYG • Packages that automaticallygenerateHTML code • There are packages available for every level of expertise • Adobe GoLive® • Adobe Dreamweaver® • Microsoft Expression Web® Chapter 1: The Environment and the Tools

  45. Web Templates and Other Design Technologies • A Web template is a predesignedmodel that can be customized for fast Web site or Web page creation or updating • An intranet is a privatenetwork within a large organization or commercial entity that uses Internet and Web technologies to shareinformation among only its members, employees, or businesspartners • A contentmanagementsystem (CMS) facilitates the management of Web contentdevelopment • Content repository Chapter 1: The Environment and the Tools

  46. Web Design Roles • Web design can be done independently or with a partner or group • Creative Role • Content writer / editor • Web page designer • Web artist / graphic designer • Multimedia producer Chapter 1: The Environment and the Tools

  47. Web Design Roles • Hi-Tech Role • Web programmer • Database developer • Network / security administrator • Oversight Role • Content managers • Webmaster Chapter 1: The Environment and the Tools

  48. Your Turn! (page 31)Exploring Web Design Roles Visit the Web Design Chapter 1 Online Companion Web page scsite.com/web3e/ch1/ and clickMonster in the Your Turn links. Search the Monster site for jobs related to three of the Web design roles discussed in this chapter. Summarize your research in a report by listing the job description, skill requirements, salary information, and job location for at least two job postings for each of the three Web design roles.

  49. Chapter Summary • Describe the Internet and the World Wide Web • Discuss ways to access the Internet and the Web • Categorize types of Web sites • Identify Web design tools • Explain Web design roles Chapter 1: The Environment and the Tools

More Related