7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

1/135

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

2/135

2

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

3/135

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

4/135

ButmakesurethatyouknowthatforthepurposesofthiscourseyourgoalIam

assumingistogetagradeofyourchoosing.EverytimeIteachthiscoursethegrades

alwaysfallinasimilarpattern.Thebellcurveisreallyfoundinsomanyareasoflife

andthesameistrueforthiscourse.

Generallyspeaking,studentswhohaveshoweduptoclasseverydayandcompleted

allassignmentstothefullestoftheirpotentialwillmostlikelygetanAinthecourse.

Noticethedepartmenthasitsetupwheremostofthegradesinthiscourseare

completiongrades.IfyoutriedallaspectsoftheassignmentandIcanseethatyou

haveimplementedmypreviousfeedbackyouwillgetfullcredit.Althoughthisisnot

thecaseforthequizzes,exams,andthetermproject.

4

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

5/135

Thisallbeingsaid,perhapsamoreimportantcurvetolookatisacreativitycurve.

ThiscurveisntbasedongradesbecauseIcannotgradecreativity.Astudentcould

haveareallycreativedesignbutitcouldbeterriblymarkedupandriddledwith

errors.YourTPisgradedonveryspecificobjectivesoutlinedinthesyllabus.Noneof

whichhavetodowithcreativity.Buttheparadoxthatweneedtorememberisthat

creativityis

often

what

catches

the

users

eye.

This

is

what

sells.

This

is

what

our

users

want.Wejustneedtomakesurethatthesetwographsarealigned.

Ihaveseencasesinthiscoursewheretheyarenotaligned.

5

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

6/135

Asifyoucouldpossiblyforgetbythistimeinthecourse.Thereasonwegothrougha

processlikethisisbecausewearetryingtohelpouruserssolvetheirproblems.Help

themdosomething,seeksomething,etc.Soinorderforustodesignsitesthathelp

themaccomplishthiswemustgothroughaspecificprocesstotakeourideasinto

fruition.

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

7/135

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

8/135

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

9/135

So,don'tthrowoutthebabywiththebathwater!Thedatathatyougatheredwith

theclientinthoseearlyphasesissocrucial!Evenaswearereviewingandtestingour

sites.

Don'tthrowitout!

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

10/135

Whatdoyouthinkweneedtoconsiderwhenwearepublishingoursitesintermsof

ourusers?

10

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

11/135

WhataresomeexamplesofgettingourcartbeforeourhorseintermsofPublishing

andMaintaining?

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

12/135

LetsbrieflyreviewwhatwelearnedinWeek1whenwechattedabouttheWorld

WideWebandhowitwasorganized.

12

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

13/135

Discusshierarchy

13

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

14/135

Thisiswhatouruserswantandtheywanttofindeverythingthattheyneedwithinit

right?Butinorderforthemtoaccessthiswhatdotheyneed? ISP

UserAgentw/aBrowser

URL AppropriatePermissions

14

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

15/135

Thisiswhatouruserswantandtheywanttofindeverythingthattheyneedwithinit

right?Butinorderforthemtoaccessthiswhatdotheyneed? ISP

UserAgentw/aBrowser

URL AppropriatePermissions

15

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

16/135

16

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

17/135

17

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

18/135

18

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

19/135

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

20/135

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

21/135

Dontforgetthiscoursehasbeenasimulation.Youarenotactuallyregisteringthis

domainname,ArnoldfromKingofQueensandthekidfromTwo&AHalfMen

arenotyourrealusers,andyouareyourownclient.Whenyoustartmakingsitesasa

freelancewebdesignerorworkingwithinafirmyouwillmostlikelyuseasimilarweb

developmentprocess.

21

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

22/135

22

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

23/135

23

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

24/135

24

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

25/135

25

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

26/135

Whatdoyouthinkweneedtoconsiderwhenwearepublishingoursitesintermsof

ourusers?

26

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

27/135

27

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

28/135

28

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

29/135

29

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

30/135

30

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

31/135

31

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

32/135

32

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

33/135

33

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

34/135

Dependsonthecontext...

Forourpurposes,itiscontentlike:

text,images,audio,andvideo

Inmy

field

this

is

usually

called

multi

media

Mixingoftext,images,audio,andvideo

34

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

35/135

Somecallitdigitalmedia

Forourpurposes,somethingthattransmitscontentlike:

text,images,audio,andvideo

35

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

36/135

SomepeoplewouldcallthesetoolsWeb2.0.Overthelast10yearsthistermhas

becomeubiquitousandperhapsoverused.Thereareevenvaryinginterpretationsof

whatitactuallymeans.Oftencallingsomething2.0or3.0wouldindicatethatthere

isanewversionofsomethingorinthiscaseanewversionofthewebForour

purposeswegetbehindthedefinitionthatitisanewwayforusers tointeractwith

thecontent

of

the

web

and

each

other.

Socially.

36

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

37/135

Sothenyouareprobablythinkingwow,therearesomanywaysforourusersto

interactwitheachotherandthecontent.Whichonesshouldwechoose?Well,dont

beoverwhelmed.

37

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

38/135

Perhapsitwouldbehelpfultorealizethatthereisntonesocialmediatoolout

therethatisthebestfitforyoursite.Somesitesmightneedtousevarioustools

basedonwhattheirusersneedtodoorwhattheywanttoprovidetotheirusers.

Remember,itisalwaysabouttheuser. Sohowdoyoufigureoutwhattooltouse?

38

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

39/135

Sotohelpusallsiftthrougheverythingoutthereandfigureoutwhatisbestforour

users,IcameupwiththePeriodicTableoftheInternet.Thisdivideswhatisoutthere

ontheinternetinto18differentgroups.Insteadofsolid,liquid,andgaswehave

searchengines,blogs,socialnetworking,etc.Eachelementortoolwouldhave

thesiteurl,abbreviation,andhaveGooglespagerank.Forexample,checkoutthe

everpopular

Facebook.

It

is

within

the

14th grouping

entitled,

Social

Networking,

has

thesymbolFb,andhasaGooglepagerankof29.

JustkiddingArentinfographicsfun?

39

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

40/135

40

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

41/135

Inordertodiscussthesethreedifferentwayswehavetounderstandthe

relationshipofthecontentwiththeclientbutalsowiththeuser.

41

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

42/135

42

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

43/135

43

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

44/135

44

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

45/135

45

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

46/135

Sothepurposeofthisslideisjusttohithomethefactthatthispurposethatwehave

beendiscussingistheheartofthewebsite.Whatarewewithoutourhearts?Arewe

successful?

Soplease

know

that

awebsite

is

more

than

just

its

HTML

and

CSS

is

has

aspecific

purposetosolveausersproblem.

Thepurposeofawebsiteistheveryreasonforitsexistence!Everyotherelement

shouldbebuilt,createdanddesignedtosupportthatpurposeinsomeway.Ifitisnot

supportingthepurpose?Thenwhatisitdoing?

46

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

47/135

Youwouldthinkitwouldbeanobrainer,butaftersomeresearchwehavediscovered

thatfunctionalitygoeshandinhandwithknowingyourtargetaudience.Thisiskeyto

thedesignoftheentiresite,asdesignerswillneedtomakethewebsiteaccessible

andappealingourusers.

47

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

48/135

48

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

49/135

49

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

50/135

50

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

51/135

51

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

52/135

52

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

53/135

53

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

54/135

54

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

55/135

55

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

56/135

56

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

57/135

57

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

58/135

58

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

59/135

59

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

60/135

60

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

61/135

61

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

62/135

62

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

63/135

63

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

64/135

64

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

65/135

65

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

66/135

66

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

67/135

67

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

68/135

68

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

69/135

69

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

70/135

70

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

71/135

71

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

72/135

72

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

73/135

73

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

74/135

74

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

75/135

75

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

76/135

76

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

77/135

77

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

78/135

78

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

79/135

79

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

80/135

80

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

81/135

81

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

82/135

82

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

83/135

83

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

84/135

84

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

85/135

85

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

86/135

86

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

87/135

87

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

88/135

88

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

89/135

AHTMLboxhasmargin,border,andpaddingsurroundingitscontentarea. According

totheW3Cspecification,'width'and'height'CSSattributesonlydefinethewidthand

heightofthecontentarea,nottheboxitself. Thebox'spadding,border,andmargin

arenotconsideredtobepartsofthecontentarea.

Sothe

following

CSS

rule

will

render

a300

pixel

wide

and

high

'myBox'

DIV,

although

itsCSSwidthandheightaresetto250pixels:

boxwidth=width+[2*(padding+border+margin)]

=250+[2(10+5+10)]=300

89

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

90/135

#myBox{

width:250px;

height:250px;

padding:10px;

border:5px;

margin:10px;

backgroundcolor:black;

color:#FFF;

}

PlaceholderText

90

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

91/135

90

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

92/135

91

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

93/135

92

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

94/135

93

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

95/135

However,IEdecidestohaveitsownboxmodel.IEincludespaddingandborder(not

margin)inwidthandheight.SotheaboveCSSrulewillproducea120pixelwideand

highbox.

boxwidth=width+2*margin=250+2*10=270

94

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

96/135

95

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

97/135

SolvedasofIE8

96

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

98/135

97

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

99/135

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

100/135

98

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

101/135

99

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

102/135

#myBoxBlack{

width:250px;

height:250px;

padding:10px;

border:5px;

margin:10px;

backgroundcolor:black;

color:#FFF;

float:right;

}

PlaceholderText

100

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

103/135

100

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

104/135

101

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

105/135

102

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

106/135

103

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

107/135

104

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

108/135

105

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

109/135

106

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

110/135

107

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

111/135

108

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

112/135

109

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

113/135

110

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

114/135

111

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

115/135

112

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

116/135

113

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

117/135

114

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

118/135

115

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

119/135

TalkaboutHTML5semanticelements.Asemanticelementclearlydescribesits

meaningtoboththebrowserandthedeveloper.

116

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

120/135

117

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

121/135

TalkaboutHTML5semanticelements.Asemanticelementclearlydescribesits

meaningtoboththebrowserandthedeveloper.

118

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

122/135

TalkaboutHTML5semanticelements.Asemanticelementclearlydescribesits

meaningtoboththebrowserandthedeveloper.

119

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

123/135

120

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

124/135

AswehaveseensofartodayandmanyofexistingwebsitestodaycontainHTMLto

definevariousslike,,or,

toindicatenavigationlinks,header,andfooter.

HTML5offers

new

semantic

elements

to

clearly

define

different

parts

of

aweb

page

whichwehavebeenseeingallalonginoursample.htmlpage.

121

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

125/135

122

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

126/135

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

127/135

124

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

128/135

125

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

129/135

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

130/135

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

131/135

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

132/135

129

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

133/135

130

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

134/135

131

7/27/2019 COAP 2000 Fall 1 2013 Creating Web Pages with Multimedia, Attracting Visitors, & Finishing Term Projects Dave H

135/135