Upload
dave-hallmon
View
213
Download
0
Embed Size (px)
Citation preview
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