web design i
DESCRIPTION
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. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/1.jpg)
WEB DESIGN I
CH A P T E R 1 :
WE B B
A S I CS
![Page 2: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/2.jpg)
1.1 LEARNING TARGETSCompare the Internet and the WebCompare Web Sites and Web PagesIdentify Web browser componentsDescribe types of Web sites
![Page 3: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/3.jpg)
WHY WEB BASICS MATTEREvery 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.
![Page 4: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/4.jpg)
1.1 MAIN IDEASThe 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.
![Page 5: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/5.jpg)
InternetWorld Wide
WebFileWeb BrowserWeb pageHome page
Read pages 2-10.
Define vocabulary in your notes.
1.1 ACADEMIC VOCABULARY-WORDS OF WEB
![Page 6: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/6.jpg)
Identify and describe the five components of a Web browser. P.7
Complete components/description graphic organizer.
Read Summary
p. 10Complete
questions 1-5 and apply it. p. 10
1.1 ASSESSMENT
![Page 7: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/7.jpg)
READING STRATEGY ANSWERSW E B B R O W S E R C O M P O N E N T S
Title barMenusWeb addressNavigation
buttonsViewing areas
D E S C R I P T I O N
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
![Page 8: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/8.jpg)
1.2 LEARNING TARGETS
Identify elements of a web page
Summarize the importance of hyperlinks
Navigate using a web browser
![Page 9: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/9.jpg)
1.2 MAIN IDEASWeb 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.
![Page 10: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/10.jpg)
TextGraphicsMultimediaAudio
VideoAnimationHyperlink
1.2 ACADEMIC VOCABULARY
![Page 11: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/11.jpg)
HYPERLINKS – MOVE USER FROM PLACE TO PLACEI N T E R N A L L I N K S
Connects to other parts of the current web site
E X T E R N A L L I N K S
Connects to other, related web sites
![Page 12: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/12.jpg)
Complete Q 1-5 on p. 14
Go to the Eagle schools website
www.eagleschools.netIdentify two
internal links and two external links.
Reflect:If you had a
website about yourself, list two internal links and two external links you would have on your site. Explain.
1.2 ASSESSMENT
![Page 13: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/13.jpg)
1.3 LEARNING TARGETS
Describe Web site development steps
Identify the three categories of Web site design
Identify Web careers
![Page 14: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/14.jpg)
1.3 MAIN IDEASThe 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.
![Page 15: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/15.jpg)
1.3 ACADEMIC VOCABULARYInteraction designInformation designPresentation designWeb authorWeb designerWeb developerWebmaster
![Page 16: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/16.jpg)
1.3 ASSESSMENT
Read pgs 15-19-Describe Web site
development steps.-Identify the three categories
of Web site design.-Identify Web careers.
![Page 17: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/17.jpg)
1.4 LEARNING TARGETS
Identify parts of the Dreamweaver interface
View Web pages with Dreamweaver
![Page 18: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/18.jpg)
1.4 MAIN IDEASDreamweaver 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.
![Page 19: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/19.jpg)
1.4 ACADEMIC VOCABULARYInterfacePanelInspectorWYSIWYG
![Page 20: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/20.jpg)
DREAMWEAVER THE SONGSong by Gary Wright
![Page 21: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/21.jpg)
DREAMWEAVER THE SOFTWARERead and follow directions, “Viewing Web
Pages in Dreamweaver.” p. 23-26
Then return to Dreamweaver home page and view videos under “getting started”
![Page 22: Web Design I](https://reader035.vdocuments.net/reader035/viewer/2022062815/568168d5550346895ddfc5e8/html5/thumbnails/22.jpg)
CH 1 WRAP UPGo to WebDesignDW.glencoe.comE-reviews – self check – chapter 1