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