1 / 31

Web Basics

Web Basics. YOU WILL LEARN TO…. Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section 1.2 Identify elements of a Web page Summarize the importance of hyperlinks Navigate using a Web browser.

tiara
Download Presentation

Web Basics

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. Web Basics YOU WILL LEARN TO… • Section 1.1 • Compare the Internet and the Web • Compare Web sites and Web pages • Identify Web browser components • Describe types of Web sites • Section 1.2 • Identify elements of a Web page • Summarize the importance of hyperlinks • Navigate using a Web browser

  2. Web Basics YOU WILL LEARN TO… • Section 1.3 • Describe Web site development steps • Identify the three categories of Web site design • Identify Web design careers • Section 1.4 • Identify parts of the Dreamweaver interface • View Web pages with Dreamweaver

  3. pp. 6-10 Introduction to the Web 1.1 Focus on Reading Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part of the Internet. Web sites are divided into categories that meet particular needs. Key Terms Internet World Wide Web file Web browser Web site Web page home page

  4. pp. 6-10 Introduction to the Web 1.1 The Internet and the World Wide Web The Internet and the World Wide Web are not the same things. The Internet provides access to the World Wide Web. The information on the Web is stored in individual files. InternetHardware, such as computers, cables, and telephone wires, that is connected to create a massive worldwide network. (p. 6) World Wide WebSoftware that sends information that is stored in files along the Internet’s hardware. (p. 6) fileContains information, such as text, graphics, video, or animation, that is stored on computer hardware. (p. 6)

  5. pp. 6-10 Introduction to the Web 1.1 How the Web Works A Web browser displays Web sites. A Web site is made up of Web pages. Hypertext Markup Language (HTML) is the code used to create Web pages. Web browser Software application that interprets files to display Web pages on the user’s computer. (p. 7) Web siteA group of related files organized around a common topic. (p. 7) Web pageA single file within a Web site that has a unique name. (p. 7)

  6. pp. 6-10 Introduction to the Web 1.1 How the Web Works A home page is generally the first page a user sees when visiting a site. home pageThe main page on a Web site that contains general information about the site, such as an introduction and a list of other available pages. (p. 7)

  7. pp. 6-10 Introduction to the Web 1.1 How the Web Works • A Web browser translates the text-based HTML into a graphical Web page. Title Bar Menu Navigation Buttons Web Address Viewing Area

  8. pp. 6-10 Introduction to the Web 1.1 Types of Web Sites • Commercial sites • E-commerce sites • Corporate presence sites • Portal sites • Informational sites • News sites • Government sites • Public interest sites • Educational sites • School and university sites • Tutorials and distance learning • Museums and other institutions • Personal sites

  9. pp. 6-10 Introduction to the Web 1.1 Section Assessment True/False The Internet and the World Wide Web are the same thing. False. The Internet is a worldwide network made up of hardware, such as computers, cables, and telephone wires. The World Wide Web is software that sends and stores information on the Internet.

  10. pp. 11-14 Elements of a Web Page 1.2 Focus on Reading Main Ideas Web pages can be composed of many different elements: text, graphics, multimedia, and hyperlinks. Hyperlinks link Web pages together and help a user navigate through a Web site. Key Terms text graphics multimedia audio video animation hyperlink

  11. pp. 11-14 Elements of a Web Page 1.2 Text and Graphics Web designers use text and graphics to add interest to a Web site. The combination of text and graphics are the basics of a Web site. textConsists of words, letters, numbers, and other symbols. (p. 12) graphicA drawing, chart, diagram, painting, or photograph stored in a digital format. (p. 12)

  12. pp. 11-14 Elements of a Web Page 1.2 Multimedia Many Web sites have multimedia elements, such as graphics, text, audio, video, animation, and interactivity. multimediaThe integration of elements such as graphics, text, audio, video, animation, and interactivity by means of computer technology. (p. 12) audioLive, streamed, or recorded sound. (p. 12) videoLive or recorded moving images. (p. 12) animationThe movement of text and graphics. (p. 12)

  13. pp. 11-14 Elements of a Web Page 1.2 Hyperlinks • Hyperlinks can be a word, phrase, or graphic. • There are three types of hyperlinks: • Internal • External • Intrapage hyperlinkA way to link Web pages together and allow users to move from one online location to another. (p. 13)

  14. pp. 11-14 Elements of a Web Page 1.2 • Activity 1A – View a Web Site in a Web Browser (p. 13)

  15. pp. 11-14 Elements of a Web Page 1.2 Section Assessment Identify What two elements do Web designers use to add interest to a Web site? A. text and graphics B. graphics and hyperlinks C. text and portals D. text and numbers A. text and graphics

  16. pp. 15-19 Web Site Development 1.3 Focus on Reading Main Ideas The Web site development process has five basic steps. There are three categories of Web site design. Specific skills are needed to develop and design Web sites. Key Terms interaction design information design presentation design Web author Web designer Web developer Webmaster

  17. pp. 15-19 Web Site Development 1.3 The Web Site Development Process • Step 1: Determine Purpose and Goals • What are the site’s purpose and goals? • What tools do you need to reach your goals? • Who is your primary (target) audience? • What kinds of hardware and software are visitors likely to use?

  18. pp. 15-19 Web Site Development 1.3 The Web Site Development Process • Step 2: Design and Develop a Web Site • The design process can be divided into three categories: • Interaction design • Information design • Presentation design interaction designPart of the Web site design process in which you determine how the user is likely to navigate through the site. (p. 16) information designPart of Web site design process in which you determine the content that will appear on each page. (p. 16) presentation designPart of Web site design process in which you determine the physical appearance of the site’s pages. (p. 16)

  19. pp. 15-19 Web Site Development 1.3 The Web Site Development Process • Step 3: Evaluate and Test a Web Site • Make sure your hyperlinks work correctly. • Use various browsers and different computers to view your site. • Step 4: Implement a Web Site • Publishing a Web site means copying it to a Web server. • This process is often referred to as “going live.” • Step 5: Maintain the Site • Add, delete, and update content and pages. • Check that links continue to work properly.

  20. pp. 15-19 Web Site Development 1.3 Web Site Development Careers and Skills • Developing a Web site requires: • Writing skills • Design skills • Programming skills • In most companies, professionals with different abilities work together to create Web sites.

  21. pp. 15-19 Web Site Development 1.3 Web Site Development Careers • Here are some careers in Web site development: • Web author • Web designer • Web developer • Webmaster Web authorPerson who writes the text that will appear on each Web page. (p. 18) Web designerPerson who focuses on the look and feel of the Web site. (p. 18) Web developerPerson who uses programming skills to develop Web sites. (p. 18) WebmasterPerson who manages and maintains Web sites. (p. 19)

  22. pp. 15-19 Web Site Development 1.3 Section Assessment True/False The first step of the Web site design process is to implement a Web site. False. The first step of the Web site design process is to determine the site’s purpose and goals.

  23. pp. 21-26 An Introduction to Dreamweaver 1.4 Focus on Reading Main Ideas Dreamweaver is similar to other application programs. Dreamweaver provides many features, such as toolbars, menu bars, and different page views that simplify creating a Web site. Key Terms interface panel inspector

  24. pp. 21-26 An Introduction to Dreamweaver 1.4 The Dreamweaver Interface Dreamweaver is a Web site development tool that is sometimes referred to as a visual or WYSIWYG editor. WYSIWYG stands forWhat You See Is What You Get.

  25. pp. 21-26 An Introduction to Dreamweaver 1.4 Main Dreamweaver Interface Elements Dreamweaver has an easy-to-use interface. Many of its features are similar to other software applications you have used. interfaceMeans by which a user interacts with a computer or a computer program. (p. 22)

  26. pp. 21-26 An Introduction to Dreamweaver 1.4 Main Dreamweaver Interface Elements There are seven major elements in the Dreamweaver interface: 1. Title bar 2. Menu bar 3. Toolbar 4. Document window 5. Status bar 6.Panel 7.Inspector panelElement of Dreamweaver interface that contains tools and commands that users can use to manipulate their workspace. (p. 22) inspectorDreamweaver interface element that provides information about Web page items. (p. 22)

  27. pp. 21-26 An Introduction to Dreamweaver 1.4 • Activity 1B – Open a Web Site in Dreamweaver (p. 23) • Activity 1C – Use Different Views and Close Dreamweaver (p. 25)

  28. pp. 21-26 An Introduction to Dreamweaver 1.4 Section Assessment Examine Which of the following is NOT a major element in the Dreamweaver interface? A. Toolbar B. Inspector C. HTML frame D. Panel C. HTML frame

  29. Web Basics Chapter Review • Identify ________ is the code used to create Web pages. • WYSIWYG • WWW • Interface • HTML D. HTML

  30. Web Basics Chapter Review Evaluate Why would a company hire a team of professionals to create a Web site, rather than just one person? Web site development requires many varied skills. A person who is good at writing may not be a strong programmer or designer. Also, with more people involved, the project may move more quickly.

  31. Web Basics Chapter Resources For more resources on this chapter, go to the Introduction to Web Design Using Dreamweaver Web site at WebDesignDW.glencoe.com.

More Related