CreatingaWebsiteConnectingLiteracywithTechnology

FOCUS

InterpretingandCreatingaWebsite

CURRICULUM
EXPECTATIONS

1.1

PurposeandAudience
1.2

MakingInferences/InterpretingMessages
1.3

RespondingtoandEvaluatingTexts
1.4

AudienceResponses
1.6
ProductionPerspectives
2.1
Form
2.2
ConventionsandTechniques
3.4
ProducingMediaTexts

*
TheOntarioCurriculum:MediaLiteracy

MATERIALS/
RESOURCES

Socrativesurvey(
Socrative
)Room:JLI2014
KWLchart
Smartboard
screengrabofwebsite
computers
onlinewebsitegenerator(
Weebly
)
groupresources
discussionboard(
padlet
)
GuidetoEffectiveLiteracyInstructionVol.7

GroupResources

SoccerClubwebsites:

http://www.ntsoccer.com/home/

http://www.leasidesoccer.net/

http://cherrybeachsoccer.ca/

http://eastyorksoccer.com/

http://torontochinesesoccer.com/index.php

http://www.ctsa.ca/

https://jfttoronto.com/https://jfttoronto.com/

ColourGroup:
http://visual.ly/whatcolorsmeandifferentcultures
http://webdesign.about.com/od/colorcharts/l/bl_colorculture.htm#red
http://www.webdesignerdepot.com/2012/06/colorandculturaldesigncon
siderations/
http://globalpropaganda.com/articles/TranslatingColours.pdf

FontGroup:
http://socialtriggers.com/bestfontwebsite/

LayoutGroup:
http://designshack.net/articles/layouts/10rocksolidwebsitelayout
examples/
http://www.wix.com/website/templates/html/businessservices/sportsrecre
ation/1

http://education.weebly.com/weebly/userHome.php

GraphicGroup:
http://www.wix.com/blog/2011/11/howtochooseimagesforyour
website/
http://www.motocms.com/blog/marketing/choosingimageswebsit
eminimalistguide/
Stockphotographywebsites:
Getty ImagesF
lickr
iStock Photo
Sxc.hu
Veer
Shutterstock ImagesA
lamy
FotosearchP
hoto
Library
Reflex Stock
Stock Vault

TextGroup:
RefertoSoccerwebsitesforexamples

BURNING
QUESTION

Howdoesthelayoutanddesignofawebsiteinfluenceits
meaningandimpactontheuser?

BEFORE
ACTIVITIES

1. StudentswilltakeSocrativesurveytoassessstudentprior
knowledgeaboutwebsitesandareasofinterest.
2. Studentswillrecordwhattheyknowaboutwebsite
creationonaKWLchart.
3. Studentswillhaveanunderstandingofaudiencethrough
previousactivities.

Sharingof
background
knowledge

1. Usingascreengrabofasoccerclubwebsitestudents
taketurnsidentifyingandlabellingdifferentpartsofthe
site.
2. Fromthelabellingactivitykeywordsarepostedand
definitionsaredeveloped.
3. Studentareencouragedtousevocabularywhenworking
ontheactivity.

VOCABULARY

AUTHENTICTASK

DURING

AddressBar:
thelongthinrectangularspaceatthetopof
thescreeninwhichusersentertheaddressofaparticular
searchengineorwebsitetheyarelookingfor

Banner:
along,rectangularimagethatcanbeplacedjust
aboutanywhereonawebpage.Itmaycontaintext,images,
orsometimesanimations.Itmayrevealthetitleofthe
websiteorotherimportantinformation.However,itmayalso
beanadvertisement
Graphic:
animagedisplayedonacomputerscreen.Itcan
beeithertwoorthreedimensional
Homepage:
thestartingpointorfrontpageofawebsite.
Thispageusuallyhassomesortoftableof
contentsonitandoftendescribesthepurposeofthesite.It
istheusersfirstimpressionofthesite
Link:
ahighlightedandunderlinedwordorphraseona
webpage.Clickingonalinktakesyoutoanewwebpageor
acompletelydifferentwebsite
Text:
type,asdistinguishedfromillustrations,graphics,etc.
Studentsareworkingasawebdesignfirm.Theyhaveanew
clientwhomanagesayouthsoccerclub.Theywishtoupdate
theirwebsitetobetterservetheirmembersandadvertisetheir
programsfortheclub.
http://www.leasidesoccer.net/

1. Ingroupsstudentsexaminethesoccerclubswebsiteand
compareittootherlocalsoccerclubswebsites.Students
brainstormchangesthattheythinkthewebsiteneeds.
2. Studentsbreakoutintogroupsbasedondifferenttasksin
designingthewebsiteinajigsawactivity.Thegrouping
willbebasedonSocrativeassessmentandsurveyto
groupthestudentsbasedonknowledgeandinterest.The
groupswillbe:colour,font,layout,textandgraphics.
Studentsfromdifferentgroupswillresearchtheirtaskand
thendevelop3proposedchangestobringbacktotheir
originalgroup.
3. Studentswillbeabletoposttheirfindings,resourcesand
questionstoadiscussionboardwhichissharedwith

anotherclassdoingthesameactivity.
4. Studentsreturntooriginalgroupforpresentationof
proposaloftheirwork.Studentsexplaintheirchoicesand
trytoselltheirwork.Groupmakesdecisionsabout
revisedwebsite.
5. Studentscreatewebsite.
AFTER

1. Studentspresenttheirwebsitetothewholeclassand
explaintheirdecisions
2. Studentspeerevaluatewebsitesbasedoncriteriafrom
(studentsaregivenacopyof
Appendix18(
p.93)in
A
GuidetoEffectiveLiteracyInstructionVol7
asaguide
forthisassessment.
3. StudentscompletetheirKWLchart
4. Studentsindependentlycreatewebsiteonatopicoftheir
choice

CONSOLIDATION
DISCUSSION

Studentsshareexperiencesofcreatingwebsite.Focusonhow
layoutanddesignhelpprovidemeaningandgiveimpacttouser.