Objec&ve106.015%Explainconceptsusedtocreatewebsites.

Web Design q  Thedifferentareasofwebdesigninclude:

☐  Webgraphicdesign☐  Userinterfacedesign☐  Authoring(includingstandardizedcodeand

proprietarysoIware)☐  Userexperiencedesign(webaccessibility

guidelines)☐  Searchengineop&miza&on

Effective Web Design q  Webdesignencompassesmanydifferentskillsand

disciplinesintheproduc&onandmaintenanceofwebsites.

q  Canberela&velysimpleusingtext-basedcodingorcomplexusingprofessionaldesignsoIware.

q  UseGUI(graphicaluserinterface)suchasbuRonsandimagemapstoallowuserstointeractwiththesiteandaccessinforma&onquickly.

q  Usewebaccessibilityguidelinestoallowuserswithdisabili&estointeractwiththesiteandaccessinforma&on.

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.

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.

Web Design Principles q  LoadTime–Don’tlosetheuserbyforcingthemto

waitforcontent.Becarefulofbackgroundimagesandop&mizeimagesandvideoforwebuse.

q  MobileFriendly–Makesuretoconsidermobiledeviceswithsmallerscreensizeswhendesigningthesite.

Basic Components of a Website q  PageLayout

☐  Awayoforganizinginforma&ononawebpage;ensurestheinforma&ononapagecanbeeasilylocated.

q  Naviga&on☐  Themethodbywhichauseraccessesallthe

pagesandinforma&ononawebsite;shouldbeeasytounderstandanduseeffec&vely.

Basic Components of a Website q  Hyperlinks(Links)

☐  Clickableconnec&onsthatlinktextorimagestootherpagesofthewebsite,outtoexternalwebsites,ortofilespostedonawebsite.

q  Content☐  Alloftheinforma&on(text),images,andother

mul&mediathatarecontainedwithinthepagesofawebsite.

Internet Browser vs Search Engine q  GoogleChromevsGoogleSearch

Internet Browsers q  Computerprogramsthatread&interpretcodeto

displayawebpagetotheuser.q  Examplebrowsersinclude:

☐  Chrome☐  Safari☐  InternetExplorer☐  MozillaFirefox

Internet Browsers q  UniformResourceLocator(URL)

☐  ThespecificaddressofapageontheInternet.q  FileTransferProtocol(FTP)

☐  MethodbywhichdataandfilesaretransferredovertheInternet.

Search Engines q  Websitesthatorganizeandretrieveinforma&on

locatedontheInternet.q  Examplesearchenginesinclude:

☐  Google☐  MSN☐  Bing☐  Yahoo

Search Engine Optimization (SEO) q  Theprocessofmaximizingthenumberofvisitorsto

apar&cularwebsitebyensuringthatthesiteappearshighonthelistofresultsreturnedbyasearchengine.

q  Involvesdesigningwebsiteswiththeinten&onofhelpingsearchenginesbestdiscover,organize,andretrieveinforma&on.

Steps to SEO q  Createpage&tles.Keyword-based&tleshelp

establishpagethemeanddirec&onforyourkeywords.

q  Createmetatags.Metadescrip&ontagscaninfluenceclick-throughs.

q  Placestrategicsearchphrasesonpages.Integrateselectedkeywordsintoyourwebsitesourcecodeandexis&ngcontentondesignatedpages.

q  DevelopnewsitemapsforGoogleandBing.Makeiteasierforsearchenginestoindexyourwebsite.

Advanced SEO Terms q  WebCrawlers(Spiders)

☐  Computerprogramsthat“crawl”throughthepagesofawebsitetofindtags,keywords,andotherinforma&on.

q  PageRanking☐  Adetermina&onofhoweasyitistofinda

websitethroughsearchengines;thehighertheranking,themoretrafficthewebsitewillhave.

Advanced SEO Terms q  Tags

☐  Couldbepage&tles,paragraph&tles,imagetags,orevenmetatagsthatarehiddeninthecodeofawebsite;helpsearchenginesfindandorganizetheinforma&ononawebsite.

q  Keywords☐  User-definedwordsorphrasesthathelpasearch

engine’salgorithmsselectagroupofwordsthatcanbesearchedtofindyourwebsite.