Objecve 106.01 5% - Digital Media...
Transcript of Objecve 106.01 5% - Digital Media...
![Page 1: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/1.jpg)
Objec&ve106.015%Explainconceptsusedtocreatewebsites.
![Page 2: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/2.jpg)
Web Design q Thedifferentareasofwebdesigninclude:
☐ Webgraphicdesign☐ Userinterfacedesign☐ Authoring(includingstandardizedcodeand
proprietarysoIware)☐ Userexperiencedesign(webaccessibility
guidelines)☐ Searchengineop&miza&on
![Page 3: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/3.jpg)
Effective Web Design q Webdesignencompassesmanydifferentskillsand
disciplinesintheproduc&onandmaintenanceofwebsites.
q Canberela&velysimpleusingtext-basedcodingorcomplexusingprofessionaldesignsoIware.
q UseGUI(graphicaluserinterface)suchasbuRonsandimagemapstoallowuserstointeractwiththesiteandaccessinforma&onquickly.
q Usewebaccessibilityguidelinestoallowuserswithdisabili&estointeractwiththesiteandaccessinforma&on.
![Page 4: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/4.jpg)
Web Design Principles q Purpose–Focusisontheneedsoftheusers.q Communica&on–Userswanttolocatecontent
quickly.Useheadings,bulletsandconcisetext.q Typography–Choosereadable,web-friendlyfonts
andapplytypographyguidelinesregardingspacingandsize.
q Colors–Chooseweb-safecolorsappropriateforthepage.Contras&ngtextandbackgroundcolormakesreadingeasier.Usewhitespaceeffec&vely.
![Page 5: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/5.jpg)
Web Design Principles q Images–Usehighqualityphotos,infographics,
videosandillustra&ons.q Naviga&on–Followthree-clickrule.Useconsistent
andlogicalnaviga&onbar,buRons,andlinks.q PageLayout–Usegridbasedcontentincolumns,
sec&ons,ortablesconsistentacrossallpages.Keepalignedandbalanced.
q ReadingPaRern–KeepcontentattopandtoleIofpage.
![Page 6: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/6.jpg)
Web Design Principles q LoadTime–Don’tlosetheuserbyforcingthemto
waitforcontent.Becarefulofbackgroundimagesandop&mizeimagesandvideoforwebuse.
q MobileFriendly–Makesuretoconsidermobiledeviceswithsmallerscreensizeswhendesigningthesite.
![Page 7: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/7.jpg)
Basic Components of a Website q PageLayout
☐ Awayoforganizinginforma&ononawebpage;ensurestheinforma&ononapagecanbeeasilylocated.
q Naviga&on☐ Themethodbywhichauseraccessesallthe
pagesandinforma&ononawebsite;shouldbeeasytounderstandanduseeffec&vely.
![Page 8: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/8.jpg)
Basic Components of a Website q Hyperlinks(Links)
☐ Clickableconnec&onsthatlinktextorimagestootherpagesofthewebsite,outtoexternalwebsites,ortofilespostedonawebsite.
q Content☐ Alloftheinforma&on(text),images,andother
mul&mediathatarecontainedwithinthepagesofawebsite.
![Page 9: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/9.jpg)
Internet Browser vs Search Engine q GoogleChromevsGoogleSearch
![Page 10: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/10.jpg)
Internet Browsers q Computerprogramsthatread&interpretcodeto
displayawebpagetotheuser.q Examplebrowsersinclude:
☐ Chrome☐ Safari☐ InternetExplorer☐ MozillaFirefox
![Page 11: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/11.jpg)
Internet Browsers q UniformResourceLocator(URL)
☐ ThespecificaddressofapageontheInternet.q FileTransferProtocol(FTP)
☐ MethodbywhichdataandfilesaretransferredovertheInternet.
![Page 12: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/12.jpg)
Search Engines q Websitesthatorganizeandretrieveinforma&on
locatedontheInternet.q Examplesearchenginesinclude:
☐ Google☐ MSN☐ Bing☐ Yahoo
![Page 13: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/13.jpg)
Search Engine Optimization (SEO) q Theprocessofmaximizingthenumberofvisitorsto
apar&cularwebsitebyensuringthatthesiteappearshighonthelistofresultsreturnedbyasearchengine.
q Involvesdesigningwebsiteswiththeinten&onofhelpingsearchenginesbestdiscover,organize,andretrieveinforma&on.
![Page 14: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/14.jpg)
Steps to SEO q Createpage&tles.Keyword-based&tleshelp
establishpagethemeanddirec&onforyourkeywords.
q Createmetatags.Metadescrip&ontagscaninfluenceclick-throughs.
q Placestrategicsearchphrasesonpages.Integrateselectedkeywordsintoyourwebsitesourcecodeandexis&ngcontentondesignatedpages.
q DevelopnewsitemapsforGoogleandBing.Makeiteasierforsearchenginestoindexyourwebsite.
![Page 15: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/15.jpg)
Advanced SEO Terms q WebCrawlers(Spiders)
☐ Computerprogramsthat“crawl”throughthepagesofawebsitetofindtags,keywords,andotherinforma&on.
q PageRanking☐ Adetermina&onofhoweasyitistofinda
websitethroughsearchengines;thehighertheranking,themoretrafficthewebsitewillhave.
![Page 16: Objecve 106.01 5% - Digital Media Iwpetty.weebly.com/uploads/1/1/3/2/11327658/dm10601pptupdate.pdf · q Mobile Friendly – Make sure to consider mobile devices with smaller screen](https://reader036.fdocuments.us/reader036/viewer/2022081222/5f796ea7e67cd952a9511229/html5/thumbnails/16.jpg)
Advanced SEO Terms q Tags
☐ Couldbepage&tles,paragraph&tles,imagetags,orevenmetatagsthatarehiddeninthecodeofawebsite;helpsearchenginesfindandorganizetheinforma&ononawebsite.
q Keywords☐ User-definedwordsorphrasesthathelpasearch
engine’salgorithmsselectagroupofwordsthatcanbesearchedtofindyourwebsite.