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
WEB DESIGN I
CH A P T E R 1 :
WE B B
A S I CS
1.1 LEARNING TARGETSCompare the Internet and the WebCompare Web Sites and Web PagesIdentify Web browser componentsDescribe types of Web sites
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.
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.
InternetWorld Wide
WebFileWeb BrowserWeb pageHome page
Read pages 2-10.
Define vocabulary in your notes.
1.1 ACADEMIC VOCABULARY-WORDS OF WEB
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
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
1.2 LEARNING TARGETS
Identify elements of a web page
Summarize the importance of hyperlinks
Navigate using a web browser
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.
TextGraphicsMultimediaAudio
VideoAnimationHyperlink
1.2 ACADEMIC VOCABULARY
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
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
1.3 LEARNING TARGETS
Describe Web site development steps
Identify the three categories of Web site design
Identify Web careers
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.
1.3 ACADEMIC VOCABULARYInteraction designInformation designPresentation designWeb authorWeb designerWeb developerWebmaster
1.3 ASSESSMENT
Read pgs 15-19-Describe Web site
development steps.-Identify the three categories
of Web site design.-Identify Web careers.
1.4 LEARNING TARGETS
Identify parts of the Dreamweaver interface
View Web pages with Dreamweaver
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.
1.4 ACADEMIC VOCABULARYInterfacePanelInspectorWYSIWYG
DREAMWEAVER THE SONGSong by Gary Wright
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”
CH 1 WRAP UPGo to WebDesignDW.glencoe.comE-reviews – self check – chapter 1