1 / 22

Web Design I

Web Design I. Chapter 1 : Web Basics. 1.1 Learning Targets. Compare the Internet and the Web Compare Web Sites and Web Pages Identify Web browser components Describe types of Web sites. Why Web basics matter.

shiela
Download Presentation

Web Design I

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 Design I Chapter 1 : Web Basics

  2. 1.1 Learning Targets • Compare the Internet and the Web • Compare Web Sites and Web Pages • Identify Web browser components • Describe types of Web sites

  3. Why Web basics matter • Every day, millions of people connect to the Internet to access information they need. • People use the Internet to shop, pay bills or check the local news. • The Internet is an essential part of daily routine. • As the Internet’s role in communication, entertainment, commerce and work increases, so does the need for people who have Web skills.

  4. 1.1 Main Ideas • The Internet is a worldwide network of hardware. • The World Wide Web is a part of the Internet. Web sites are divided into categories that meet particular needs.

  5. 1.1 Academic Vocabulary-Words of Web • Read pages 2-10. • Define vocabulary in your notes. • Internet • World Wide Web • File • Web Browser • Web page • Home page

  6. 1.1 Assessment • Read Summary • p. 10 • Complete questions 1-5 and apply it. p. 10 • Identify and describe the five components of a Web browser. P.7 • Complete components/description graphic organizer.

  7. Reading Strategy ANSWERS Web Browser Components Description Tells you name of current web page Allow you to select from list of commands Displays the address of current Web Pg Help you move from one page to another Displays the current Web page • Title bar • Menus • Web address • Navigation buttons • Viewing areas

  8. 1.2 Learning Targets • Identify elements of a web page • Summarize the importance of hyperlinks • Navigate using a web browser

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

  10. 1.2 Academic Vocabulary • Video • Animation • Hyperlink • Text • Graphics • Multimedia • Audio

  11. Hyperlinks – Move user from place to place Internal Links External Links Connects to other, related web sites • Connects to other parts of the current web site

  12. 1.2 Assessment • Reflect: • If you had a website about yourself, list two internal links and two external links you would have on your site. Explain. • Complete Q 1-5 on p. 14 • Go to the Eagle schools website • www.eagleschools.net • Identify two internal links and two external links.

  13. 1.3 Learning Targets • Describe Web site development steps • Identify the three categories of Web site design • Identify Web careers

  14. 1.3 Main IdeaS • The Web site development process has five basic steps (. • There are three categories of Web site design (interaction, information, and presentation). • Specific skills are needed to develop and design Web sites.

  15. 1.3 Academic Vocabulary • Interaction design • Information design • Presentation design • Web author • Web designer • Web developer • Webmaster

  16. 1.3 Assessment • Read pgs 15-19 • -Describe Web site development steps. • -Identify the three categories of Web site design. • -Identify Web careers.

  17. 1.4 Learning Targets • Identify parts of the Dreamweaver interface • View Web pages with Dreamweaver

  18. 1.4 Main ideas • Dreamweaver is similar to other application programs. • Dreamweaver provides many features, such as toolbars, menu bars, and different page views (code, split, or design) that simplify creating a web site.

  19. 1.4 Academic Vocabulary • Interface • Panel • Inspector • WYSIWYG

  20. Dreamweaver The Song • Song by Gary Wright

  21. DreamWEaver the Software • Read and follow directions, “Viewing Web Pages in Dreamweaver.” p. 23-26 • Then return to Dreamweaver home page and view videos under “getting started”

  22. CH 1 Wrap up • Go to WebDesignDW.glencoe.com • E-reviews – self check – chapter 1

More Related