外文原文THESERVERCONTROLTOOLBOXATFIRSTGLANCE,THEARRAYOFSERVERCONTROLSINTHETOOLBOXCANBEQUITEOVERWHELMINGNOTONLYDOYOUHAVESTANDARDWEBPAGEELEMENTSTOCHOOSEFROMSUCHASRADIOBUTTONS,HYPERLINKS,ANDDROPDOWNLISTS,BUTOTHERCATEGORIESOFCONTROLSAREALSOAVAILABLESHOWNMINIMIZEDINFIGURE316THATCONTAINEVENMORECONTROLSTHETOOLBOXCHANGESAPPEARANCEDEPENDINGONWHICHTYPEOFPAGEISBEINGEDITED,SOFIGURE316ISTHESTANDARDAPPEARANCEWHENYOUREWORKINGONASPNETPAGESFIGURE316THECATEGORIESOFCONTROLSAVAILABLEAREASFOLLOWSSTANDARDCOMMONCONTROLSTHATMAKEUP90PERCENTOFALLPAGESDATACONTROLSUSEDTOCONNECTTODATASOURCESDATABASESORXMLFILESVALIDATIONCONTROLSTHATCANBEADDEDTOAPAGETOVALIDATEUSERINPUTFOREXAMPLE,TOENSURETHATCERTAINTEXTBOXESCONTAINDATAORTHATDATAHASBEENENTEREDINTHECORRECTFORMATNAVIGATIONCONTROLSUSEDTOPROVIDEASIMPLEANDQUICKSOLUTIONTOMAKINGASITENAVIGABLEFOREXAMPLE,DYNAMICMENUSANDBREADCRUMBSOFHYPERLINKSLOGINASETOFCONTROLSTHATMAKEITSIMPLETOMOVEFROMACOMPLETELYOPENSITETOONETHATHASPERSONALIZEDAREASWEBPARTSCONTROLSTHATMAKEITPOSSIBLETOCREATESHAREPOINTSTYLESITESWITHDRAGANDDROPPABLESECTIONS,KNOWNASWEBPARTS,WHICHENABLETHEUSERTOREARRANGETHEIRVIEWOFASITEHTMLSIMPLEHTMLELEMENTSTHROUGHOUTTHERESTOFTHISBOOK,YOULLBEINTRODUCEDTOMANYOFTHECONTROLSINEACHCATEGORYLATERINTHISCHAPTER,YOUCANPLAYWITHSOMEOFTHENAVIGATIONCONTROLSWHENYOUBUILDSOMEMENUSFORTHEWROXUNITEDSITEWHATARESERVERCONTROLSLETSSTARTFROMFIRSTPRINCIPLESWHENYOUCREATEASIMPLEHTMLPAGEANDSAVEITTOYOURLOCALFILESYSTEM,YOUCANVIEWTHATPAGEINYOURBROWSERBYDOUBLECLICKINGTHEFILETHISISFINEIFYOUREPUTTINGTOGETHERASTATICHTMLSITEANDWANTTOTESTTHEOUTPUT,BUTTHERESNOPOINTINDEVELOPINGAWEBSITETHATUSERSWOULDHAVETODOWNLOADTOVIEWTHATSWHY,WHENAWEBSITEISDEPLOYED,ITISUPLOADEDTOAWEBSERVER,WHICHEVERYONECANACCESSVIAITSURLUNIFORMRESOURCELOCATORWHENTHESITEISHOSTEDONAWEBSERVER,PEOPLECANACCESSTHESITEFROMOTHERMACHINESANDBROWSETHROUGHTHEHTMLPAGESHOWEVER,IFTHESERVERHASTHERIGHTSOFTWAREINSTALLED,YOUCANTHENDOMUCHMORETHANOFFERSTATICHTMLPAGESWHENYOUREQUESTANHTMLPAGE,THESERVERLOOKSUPTHEFILEANDSENDSITTOYOUWHENYOUREQUESTANASPNETPAGEAPAGEWITHTHEFILEEXTENSIONASPX,THESERVERLOOKSUPTHEFILEONITSFILESYSTEMANDREADSTHEFILE,ANDTHENITPERFORMSSOMEPROCESSINGBEFORESENDINGTHERESULTINGPAGEBACKTOYOUTHE“PERFORMSSOMEPROCESSING”BITISTHEMAGICTHATMAKESASPNETWORKTHEEXTRAPROCESSINGTHATTHESERVERPERFORMSINCLUDESTHECAPABILITYTOREADANASPNETPAGEANDCONVERTTHESERVERCONTROLSINTHATPAGEINTOHTMLTHATTHEBROWSERCANUNDERSTANDREMEMBER,YOURBROWSERDOESNTSPEAKASPNETAWEBBROWSERISASIMPLETHINGTHATONLYSPEAKSHTMLANDPOSSIBLYJAVASCRIPTITCANNOTPROCESSASPNETCODETHESERVERREADSTHEASPNETCODEANDPROCESSESIT,CONVERTINGANYTHINGTHATISASPNETSPECIFICTOHTMLANDASLONGASTHEBROWSERSUPPORTSITABITOFJAVASCRIPT,ANDSENDSTHEFRESHLYGENERATEDHTMLBACKTOTHEBROWSERTHEPROCESSOFCONVERTINGASPNETCODETOHTMLISHOWSERVERCONTROLSWORKYOUCANHAPPILYCREATEPAGESTHATCONTAINSERVERCONTROLSWHENYOUAREDEVELOPINGTHESOURCEASPXPAGE,YETTHEBROWSERTHATREQUESTSTHATPAGEFROMTHEWEBSERVERWILLONLYRECEIVEHTMLANDJAVASCRIPTSEEFIGURE317THISISAKEYCONCEPTTOUNDERSTAND,ANDTHEPROCESSISDISCUSSEDINMOREDETAILINCHAPTER6YOUCANSEEHOWTHISWORKSWITHTHEAIDOFASIMPLEEXAMPLETHEFOLLOWINGTRYITOUTISAREALLYSIMPLEEXAMPLETODEMONSTRATETHEDIFFERENCESBETWEENTHEASPNETCODEANDHTMLCODE1REOPENTHECHAPTER03WEBSITE2RIGHTCLICKTHEROOTOFTHEWEBSITEANDSELECTADDNEWITEM3INTHEDIALOGBOXTHATAPPEARSSHOWNINFIGURE318,SELECTWEBFORM,CALLTHEPAGESERVERCONTROLSASPX,SELECTYOURPREFERREDLANGUAGEFROMTHEDROPDOWNLIST,ANDLEAVEBOTHOFTHECHECKBOXESUNCHECKEDFIGURE3184IFYOUARENOTALREADYINDESIGNVIEW,SWITCHINTOTHATMODEANDDOUBLECLICKATEXTBOXCONTROLFROMTHESTANDARDSECTIONOFTHECONTROLTOOLBOXONTHELEFTSEEFIGURE319TOADDITTOTHEMAINBODYOFTHEPAGEFIGURE3195YOUREACTUALLYREADYTOVIEWTHEPAGENOW,SORIGHTCLICKONTHEPAGEANDSELECTVIEWINBROWSERYOURBROWSERSHOULDSTARTANDDISPLAYTHEPAGESHOWNINFIGURE320FIGURE320NOTETHATTHENUMBERDISPLAYEDINTHEADDRESSBARAFTERTHEWORD“LOCALHOST”ISAFAIRLYRANDOMNUMBERTHATISGENERATEDWHENEVERYOUFIRSTREQUESTASERVERSIDEPAGEFROMAPROJECTHOWITWORKSINTHISEXAMPLE,YOUONLYADDEDASINGLESERVERCONTROLTOANASPNETPAGEANDVIEWEDTHEPAGEINTHEBROWSERITSNOTEXACTLYTHEMOSTEXCITINGEXAMPLEINTHEWORLD,BUTTHEPOINTISTOSEEHOWSERVERSIDECODEISCHANGEDINTOCLIENTSIDECODECLICKTHEVIEWMENUINTHEBROWSERANDSELECTVIEWSOURCEYOUSHOULDSEETHECODESHOWNINFIGURE321APPEARWITHINNOTEPADFIGURE321THISCODEISTHECLIENTSIDECODETHERENDEREDOUTPUTOFTHEPAGECOMPARETHISWITHTHEORIGINALCODERETURNTOVWDANDCLICKTHESOURCEVIEWOFTHEPAGESEEFIGURE322FIGURE322NOTETHELINESTHATDESCRIBETHECONTROLWITHTHEIDOFTEXTBOX1HEREARETHOSELINES,ASTHEYAPPEARINTHEORIGINALSOURCECODEFORTHEPAGEANDHEREISTHEEQUIVALENTLINEINTHERENDEREDSOURCECODENOTICETHATTHEORIGINALTEXTBOX1CONTROLHASBEENCONVERTEDFROMANASPNETCONTROLTOANHTMLELEMENTTHESERVERRECEIVEDTHEREQUESTFORTHEPAGEANDWASABLETOGLEAN,FROMTHEORIGINALREQUEST,THATTHEBROWSERCOULDUNDERSTANDHTML,SOTHESERVERPRODUCEDANHTMLVERSIONOFTHECONTROLALONGWITHTHERESTOFTHEPAGEBACKTOTHEBROWSERTHEBROWSERTHENDOESTHELEGWORKINCONVERTINGTHATHTMLCODETOAVIEWABLEWEBPAGESOURCEVIEWINVWDVISUALWEBDEVELOPERHASTWOMAINMODESWHENITCOMESTOBUILDINGANDEDITINGPAGESTHEDESIGNVIEWISONETHATYOUVESPENTALITTLEWHILEWORKINGINNOW,ANDITSTHEDESIGNVIEWTHATYOULLCONCENTRATEONUSINGWHEREYOUCANINTHISBOOKTOAVOIDHAVINGTOTYPETOOMUCHCODEHOWEVER,SOURCEVIEWISREALLYUSEFULFOREDITINGAPAGEANDFIXINGNAGGINGPROBLEMS,SOITSWORTHWHILETAKINGALOOKATTHISNOWANDGAININGSOMEFAMILIARITYADDANOTHERCONTROLTOTHEPAGEYOUWEREJUSTWORKINGON,THISTIMEINSOURCEVIEW1HEADBACKINTOVWDANDENSURETHATYOUAREINSOURCEVIEWFORTHESERVERCONTROLSASPXPAGECLICKTHELINKATTHEBOTTOMOFTHEWINDOWTOSWITCHBETWEENDESIGNVIEWANDSOURCEVIEWINTHECODETHATAPPEARS,CLICKTHELINEIMMEDIATELYBELOWTHECODEREPRESENTINGTHETEXTBOXCONTROLTHATYOUADDEDINTHEPREVIOUSEXAMPLE2YOUHAVETWOOPTIONSAVAILABLETOYOUWHENYOUADDSERVERCONTROLSINSOURCEVIEWYOUCANEITHERTYPETHECODE,ORDRAGANDDROPTHECONTROLFROMTHETOOLBOX,MUCHLIKETHETECHNIQUEUSEDINDESIGNVIEWDOITTHEHARDWAYFIRSTSTARTTYPINGTHEFOLLOWINGCODENOTICETHATVWDPRESENTSYOUWITHALISTOFLOCALIMAGESWHENYOUENTERTHEIMAGEURLPROPERTYSEEFIGURE3244ADDONEMORECONTROLTOTHEPAGETHISTIME,ADDITUSINGTHEDOUBLECLICKTECHNIQUEADDABLANKLINEBEFORETHE,POSITIONYOURCURSORINTHISLINE,ANDDOUBLECLICKTHEHYPERLINKCONTROLSEEFIGURE325INTHETOOLBOXTOADDITTOTHEPAGEFIGURE3255YOULLSTILLHAVETOEDITTHISCONTROLBEFOREYOUCANRUNTHEPAGESUCCESSFULLY,SOPOSITIONYOURCURSORANYWHEREWITHINTHEHYPERLINKSDEFINITIONANDTHENCASTYOUREYEOVERTOTHEPROPERTIESPANEONTHERIGHTIFITISHIDDEN,ASINFIGURE325,YOUWILLNEEDTOPOPITOUTFROMTHESIDEBYHOVERINGYOURMOUSEOVERTHEPROPERTIESTABATTHERIGHTHANDEDGEOFYOURSCREEN,ORSELECTVIEWPROPERTIESWINDOWNOTICEAPROPERTYCALLEDNAVIGATEURLNEARTHEBOTTOMOFTHELISTOFPROPERTIESENTERHTTP/WWWWROXUNITEDNETASTHEVALUEFORTHISPROPERTYANDPRESSENTERTAKEALOOKATFIGURE326ANDYOULLNOTICEANEWATTRIBUTEOFTHEHYPERLINKTAGCALLEDNAVIGATEURLAPPEARONTHEPAGEWITHTHEVALUEYOUENTEREDFIGURE3266SWITCHOVERTODESIGNVIEWANDSEEHOWITLOOKSYOULLNOTICEALLTHREECONTROLSONTHEPAGEINONELINEIFYOUDPREFERTHEMTOAPPEARONEBELOWTHEOTHER,SIMPLYTYPEAFTEREACHCONTROLTOADDANHTMLLINEBREAKCHARACTERINSOURCEVIEWYOUMIGHTALSOWANTTOCHANGETHEDISPLAYTEXTOFTHEHYPERLINKCONTROLTHETEXTIMMEDIATELYBEFORETHECLOSINGTAGTOSOMETEXTOFYOURCHOOSINGVISITWROXUNITEDONLINENOTICETHEBARATTHEBOTTOMOFTHESCREENNEXTTOTHEDESIGNANDSOURCEBUTTONSTHERESANORANGEHIGHLIGHTONTHEELEMENTTHATISUNDERNEATHTHECURRENTCURSORPOSITIONSEEFIGURE326THISELEMENTHIERARCHYCHANGESWHENEVERYOUSELECTDIFFERENTELEMENTSINEITHERDESIGNVIEWORSOURCEVIEW7RUNTHEPAGEAGAINANDVIEWTHERESULTS,WHICHAREDEPICTEDINFIGURE327FIGURE327HOWITWORKSINTHISEXAMPLE,YOUGAINEDABITMOREFAMILIARITYWITHTHEDRAGANDDROPMETHODOFPAGEDESIGN,ANDWITHUSINGSOURCEVIEWTOMANUALLYCRAFTPAGESYOUALSOSAWTHATVWDHASLOTSOFFEATURESTHATSPRINGINTOACTIONATDIFFERENTTIMESTOHELPYOUWITHTHISPROCESSHERESAWALKTHROUGHOFTHECODETHATWASGENERATEDINVWDTHEMAINCONTENTREGIONOFTHEPAGEWASSURROUNDEDBYACONTROL,ANDWITHINTHISARETHETHREECONTROLSADDEDTOTHEPAGEVISITWROXUNITEDONLINENOWTAKEALOOKATTHERENDEREDSOURCEWHILETHEPAGEISRUNNINGINTHEBROWSER,SELECTVIEWSOURCEFROMTHEMAINMENUINYOURBROWSER,ANDSEEHOWTHECONTENTSOFTHEHAVEBEENCHANGEDVISITWROXUNITEDONLINEWEBBROWSERSDONTKNOWANYTHINGABOUTASPNETSERVERCONTROLS,SOWHENTHEPAGEISREQUESTED,THEASPNETPROCESSORONTHEWEBSERVERKICKSINANDSTARTSCONVERTINGTHESERVERSIDEELEMENTSINTOSIMPLEHTMLTHATTHEBROWSERISMOREHAPPYTORECEIVETHETEXTBOXCONTROLMAPSSTRAIGHTONTOANHTMLELEMENTTHEIMAGECONTROLISCONVERTEDINTOANELEMENT,BUTNOTICEHOWTHEIMAGEURLATTRIBUTEISCONVERTEDINTOTHESRCATTRIBUTEIMAGEURL“/AZORESCHURCHJPG“THENAMEOFTHEFILEORURLTOTHEIMAGEINTHEIMAGEURLISCONVERTEDTOTHESRCATTRIBUTESRC“AZORESCHURCHJPG“IFTHEFILEISLOCALTOTHEPROJECT,THEFILEISPREFIXEDWITH/ONTHESERVERSIDETHEHYPERLINKCONTROLALSOMAPPEDFAIRLYDIRECTLYTOITSRENDEREDEQUIVALENT,WHERETHENAVIGATEURLISEASILYCONVERTEDTOTHEHREFATTRIBUTEOFTHEATAGINTHISSIMPLEEXAMPLE,YOUDIDNTREALLYGAINALOTFROMUSINGSERVERCONTROLSINSTEADOFCODINGTHEHTML,BUTBEARINMINDTHATTHISPAGEISCOMPLETELYSTATICIFYOUWANTEDTORESPONDTOUSERINPUT,REACTTOEVENTS,OROBTAINDATAFROMADATABASE,YOUWOULDNEEDTOUSESERVERSIDECODESERVERCONTROLSMAKETHEPROCESSOFWORKINGWITHVISUALELEMENTSONTHESERVERPOSSIBLETYPESOFSERVERCONTROLSMANYOFTHEASPNETSERVERCONTROLSTHATEXISTAREASPNETEQUIVALENTSOFHTMLELEMENTS,SOTHEREISATEXTBOX,ABUTTON,AHYPERLINK,ADROPDOWNLIST,ANDSOONTHESECONTROLSLOOKLIKETHEELEMENTSTHATTHEYWILLEVENTUALLYBETURNEDINTO,BUTTHEREISMORETOTHEMTHANTHATEACHCONTROLHASACOMMONSETOFPROPERTIESFOREXAMPLE,THEYALLHAVEANID,ANDCONTROLSSUCHASTHETEXTBOX,LABEL,ANDSOONALLHAVEATEXTPROPERTY,WHICHMAKESITEASIERTOWORKWITHTHESECONTROLSINCODEHAVINGLEARNEDTHEDIFFERENTCATEGORIESOFCONTROLSEARLIERINTHISCHAPTER,YOUCANCONCENTRATEONSOMEOFTHEMOSTCOMMONLY,USEDCONTROLSASYOUTOURTHESERVERCONTROLSYOUCANADDTOASITESTANDARDCONTROLSTHESECONTROLSARETHEWEBEQUIVALENTSOFTHETOOLSTHATYOUENCOUNTERWHENUSINGWINDOWSAPPLICATIONSWEBPAGESTHATINCLUDETHESECONTROLSHAVETHATSTANDARDAPPLICATIONFEELTHATWEREALLFAMILIARWITH,SOTHEPROCESSOFADDINGTHEMTOPAGESISQUICKANDSIMPLEHEREARESOMEOFTHEMOSTCOMMONLYUSEDCONTROLSTEXTBOXCONTROLUSEDFORENTERINGTEXTONAPAGE,COMMONLYSEENONORDERFORMSONSHOPPINGSITES,ORFORLOGGINGINTOASITEBUTTONCONTROLFROMSUBMITTINGANORDERTOCHANGINGPREFERENCESONAWEBSITE,CLICKINGABUTTONONAPAGENORMALLYCAUSESINFORMATIONTOBESENTTOTHESERVER,WHICHREACTSTOTHATINFORMATIONANDDISPLAYSARESULTLABELCONTROLUSEDFORDISPLAYINGSIMPLETEXTINASPECIFIEDPOSITIONONAPAGETHELABELCONTROLISANEASYWAYTOCHANGETHETEXTONPARTOFAPAGEINRESPONSETOUSERINTERACTIONHYPERLINKCONTROLUSEDFORPROVIDINGHYPERLINKFUNCTIONALITYONAPAGETHATENABLESNAVIGATIONTOOTHERPARTSOFASITE,ORTOOTHERRESOURCESONTHEINTERNETIMAGECONTROLUSEDFORDISPLAYINGIMAGESONAPAGETHESERVERCANCHANGETHEIMAGETHATISDISPLAYEDINTHECONTROLPROGRAMMATICALLYINRESPONSETOUSERINPUTDROPDOWNLISTCONTROLUSEDFOROFFERINGTHEUSERALISTOFOPTIONSTOCHOOSEFROMCOLLAPSESWHENNOTINUSETOSAVESPACELISTBOXCONTROLUSEDFOROFFERINGAFIXEDSIZELISTOFITEMSTOCHOOSEFROMCHECKBOXANDRADIOBUTTONCONTROLSUSEDFORSELECTINGOPTIONALEXTRASWITHEITHERAYES/NOOR“THISONEOUTOFMANY”STYLE,RESPECTIVELYFIGURE328SHOWSTHEASPNETWEBSITEADMINISTRATIONTOOLSCREENTHATYOUWILLLEARNTOUSEINTHENEXTCHAPTERFORADMINISTERINGUSERACCOUNTSONTHISSCREEN,YOULLSEEMANYOFTHESECONTROLSINONEPLACEFIGURE328THESEARCHBYLABELONTHEPAGEISLIKELYTOBEALABELCONTROL,ANDITSNEXTTOADROPDOWNLISTCONTROLTHEFORLABELISNEXTTOATEXTBOX,WHICHISNEXTTOABUTTONCONTROLNEXTTOEACHUSERNAMEISACHECKBOXCONTROLFORSELECTINGTHEUSER,ANDSOMEHYPERLINKCONTROLSFORMANAGINGTHEUSERACCOUNTINTHENEXTCHAPTER,YOULLBECOMEVERYFAMILIARWITHTHISCONFIGURATIONAPPLICATION,ANDITSAGREATEXAMPLEOFMANYTYPESOFCONTROLSALLONONEPAGEHTMLCONTROLSOFTENWHENYOURECREATINGASITE,YOUDONTNEEDTODOANYTHINGWITHACONTROLONTHESERVERINTHESESITUATIONS,YOUMIGHTJUSTWANTTOADDSIMPLESTATICHTMLTOPARTOFAPAGEFOREXAMPLE,JUSTTOPOSITIONELEMENTSONAPAGEORTOPROVIDEACONTAINERFORGROUPSOFELEMENTSTHEHTMLCONTROLTOOLBOXCONTAINSDRAGANDDROPVERSIONSOFTHEMOSTCOMMONLYUSEDHTMLELEMENTSFORTHISPURPOSEIFYOUBROWSETHROUGHTHISSECTIONOFTHETOOLBOXSEEFIGURE329,YOULLNOTICEHTMLCONTROLSFORCLIENTSIDEELEMENTSSUCHASTHEINPUTTEXTBOX,THETABLECONTROL,ANDTHEDIVCONTROLFIGURE329THECONTROLSONTHETOOLBARAREJUSTAHANDYWAYTOADDTHEMOSTCOMMONHTMLELEMENTSTOAPAGE,ANDYOUARENOTRESTRICTEDTOUSINGONLYTHOSEHTMLELEMENTSINSOURCEVIEW,YOUCANADDANYVALIDHTMLELEMENTYOULIKEFOREXAMPLE,ANANCHORTAGFORHYPERLINKS,ORAFORHIGHLIGHTINGTEXTWITHINASECTIONOFAPAGEELEMENTSSUCHASTHETABLECONTROLANDTHEDIVCONTROLARECONTAINERSANDHENCECANCONTAINOTHERCONTROLSWITHINTHEIRDEFINITIONSFOREXAMPLE,INATABLECONTROL,YOUCANHAVEDIFFERENTCONTROLSNESTEDWITHINEACHTABLECELLWITHINADIVCONTROL,YOUCANALSOPLACEAWIDEVARIETYOFELEMENTSANDCONTROLSYOUCANNESTSERVERSIDECONTROLSWITHINSTATIC,NONSERVERHTMLELEMENTSSUCHASTHESEFORLAYINGOUTAPAGEHTMLCONTROLSASSERVERCONTROLSYOUCANTURNANYHTMLELEMENTINTOASERVERCONTROLBYADDINGARUNAT”SERVER”ATTRIBUTETOTHEELEMENTASYOULLSEEINCHAPTER6,YOUCANWORKWITHANYSERVERCONTROLSHTMLORASPNETONAPAGEDYNAMICALLYUSINGCODEWHENAPAGEISSUBMITTEDTOTHESERVERFOREXAMPLE,AFTERYOUADDANASPNETTEXTBOXCONTROLTOAPAGE,YOUCANSETTHEVALUETOBEDISPLAYEDINTHETEXTAREAUSINGCODERUNNINGONTHESERVERHOWEVER,AFTERYOUADDARUNAT”SERVER”ATTRIBUTEANDGIVETHEELEMENTAUNIQUEIDTO,FOREXAMPLE,ADIVELEMENT,YOUCANTHENSPECIFYWHATTHEDIVSHOULDDISPLAYANDWHEREITSHOULDBEPOSITIONEDONTHEPAGEDYNAMICALLY,USINGCODERUNNINGONTHESERVERADDITIONALLY,BECAUSEYOUCANADDARUNAT”SERVER”TOANYHTMLELEMENT,YOUCOULDUSEANINPUTTYPE”TEXT”CONTROLINSTEADOFTHEASPNETTEXTBOXCONTROLIFYOULIKETHESAMEGOESFORTHEOTHERTYPESOFHTMLELEMENTSTHATHAVEDIRECTEQUIVALENTSINTHEASPNETTOOLBOXSHOULDIUSEHTMLCONTROLSORASPNETSERVERCONTROLSTHISQUESTIONONLYREALLYRELATESTOSIMPLEELEMENTSONAPAGE,SUCHASTHETEXTBOX,THEBUTTON,TABLES,ANDSOONCOMPLICATEDSERVERCONTROLSSUCHASTHECALENDARCONTROLEXISTTOSPEEDUPDEVELOPMENTTIMEFORSITES,SOTHERESNOREALQUESTIONOFWHICHTOUSEINCASESLIKETHESETHEAPPROACHTAKENBYMOSTDEVELOPERS,WHENMAKINGTHECHOICEABOUTWHICHTYPEOFCONTROLTOADDTOAPAGE,ISTOUSEASPNETSSTANDARDSERVERCONTROLSFORTHEMAJORITYOFSERVERSIDECONTROLSONAPAGEANDSTATICHTMLELEMENTSFORLAYOUTALTHOUGHTHISWORKSINMOSTSITUATIONSANDINDEEDYOULLFINDTHATMANYSITUATIONSREQUIRESERVERCONTROLSWHEREHTMLCONTROLSSIMPLYCANTOFFERTHECORRECTFUNCTIONALITY,YOUMAYFINDEXCEPTIONSTOTHERULEFOREXAMPLE,ADDINGRUNAT”SERVER”TOHTMLELEMENTSISATECHNIQUEIOFTENUSEWITHHTMLDIVSORTABLESIFIKNOWTHATIWANTTOSHOWORHIDEPARTSOFAPAGEDEPENDINGONUSERINPUT,ICANCONVERTTHOSEELEMENTSINEEDTOWORKWITHONTHESERVERINTOSERVERCONTROLS,ANDTHENDYNAMICALLYTOGGLETHEIRVISIBILITYTHOUGHITSALSOEASYTOCREATESITESTHATOFFERTHESAMEFUNCTIONALITYUSINGSTANDARDSERVERCONTROLS,THEDESIGNTEAMIWORKWITHONLYPRODUCESPAGELAYOUTSUSINGSIMPLEHTML,SOITSSOMETIMESEASIERTOCONVERTSOMEOFTHOSEHTMLELEMENTSTORUNONTHESERVERTHANITISTORECODETHESITETOUSETHEBUILTINASPNETSERVERCONTROLSTHEREISNOREALRIGHTORWRONGAPPROACHHERE,SOUSEYOUROWNJUDGMENT,BUTBEAWARETHATYOUMAYENCOUNTERCODEWRITTENBYOTHERSTHATTAKESADIFFERENT,BUTEQUALLYVIABLE,APPROACHNAVIGATIONCONTROLSTHETHREEOUTOFTHEBOXCONTROLSAVAILABLEFORNAVIGATINGASITEPROVIDEAWEALTHOFFUNCTIONALITYFORVERYLITTLEEFFORTCOMPARETHISTOTHESITUATIONTHATWASINPLACEPREVIOUSLYFORASPNETDEVELOPERSANDYOULLSEETHATTHISISABIGIMPROVEMENTWHATWOULDHAVEPREVIOUSLYBEENACOUPLEOFWORKITEMSONATASKLISTTHATMIGHTTAKEACOUPLEOFHOURSEACHFORADEVELOPERTOCODENOWTAKESAFEWSECONDSTHEMENU,TREEVIEW,ANDTHESITEMAPPATHCONTROLSARENEWINASPNET20,ANDAREQUICKANDSIMPLETOSETUPFOLLOWINGISANOVERVIEWOFTHESECONTROLSYOULLADDBOTHOFTHESECONTROLSTOTHEWROXUNITEDSITELATERTHESITEMAPPATHCONTROLTHISCONTROLISUSEDTOADDBREADCRUMBFUNCTIONALITYTOASITE,GIVINGYOUAVISUALAIDTOREMINDYOUWHEREYOUAREINTHESITEHIERARCHYTHISISDEMONSTRATEDINTHEWROXUNITEDSITE,ASSHOWNINFIGURE330FIGURE330THETERMBREADCRUMBMOSTLIKELYCOMESFROMTHEOLDFAIRYTALEOFHANSELANDGRETELTWOCHILDRENWHOWENTFORANADVENTUREINTHEWOODS,LEAVINGATRAILOFBREADCRUMBSBEHINDTHEMTOHELPTHEMTOFINDTHEIRWAYHOMEASYOUCLICKTHROUGHPAGESONASITE,YOUMAYPASSTHROUGHTODIFFERENTSECTIONSANDSUBSECTIONSOFTHESITE,UNTILYOUARESEVERALLINKSDEEPINTOANAPPLICATIONABREADCRUMBHELPSYOUTOGOBACKTOASPECIFICPOINTINYOURNAVIGATIONPATHWITHOUTHAVINGTORELYONTHEBACKBUTTONONTHEBROWSERYOUMAYHAVEENCOUNTEREDSITUATIONSWHEREYOUCANTHITTHEBACKBUTTONTOHEADBACKALINKABITLIKEACROWEATINGYOURBREADCRUMBSSOMEPAGESSUBMITINFORMATIONTOTHESERVERINSUCHAWAYTHATYOUCANTGOBACKWITHOUTRESENDINGTHEINFORMATIONYOULLFINDBREADCRUMBFUNCTIONALITYAVAILABLEONMANYDIFFERENTSITESACROSSTHEINTERNETONESUCHSITEISTHEWROXUNITEDSITE,ASSHOWNPREVIOUSLYINFIGURE330HOWEVER,INORDERTOADDONEOFTHESECONTROLSTOTHESITE,YOUNEEDTOHAVEAWEBSITEMAPFILEATHANDGOTONEEXCELLENTIFNOT,YOUNEEDTOGOBACKTOCHAPTER2ANDLEARNHOWTOCREATEONEWHENYOUHAVEAWEBSITEMAPAVAILABLETOYOURAPPLICATION,ADDINGASITEMAPPATHCONTROLANDSEEINGSOMERESULTSISEASYALLYOUNEEDTODOISADDITTOAPAGETOADDITTOWROXUNITED,THEBESTTHINGTODOWOULDBETOADDTHECONTROLTOTHEMASTERPAGESOTHATALLOFTHECONTENTPAGESWILLSUDDENLYHAVEBREADCRUMBSATTHEIRFEETIFYOUOPENTHECHAPTER3VERSIONOFTHEWROXUNITEDAPPLICATIONASITSTANDS,YOULLSEEWHATSSHOWNINFIGURE331IFITDOESNTLOOKQUITELIKETHEFIGURE,DONTWORRYVWDHASSOMEPROBLEMSDISPLAYINGPAGESTHATUSECSS,SOYOUMAYSEEMOSTOFTHESITEWITHOUTHAVINGTOSCROLLDOWNFIGURE331ALTHOUGHTHESITELOOKSFAIRLYNORMAL,TWOTHINGSAREMISSINGTHELINKSONTHELEFTOFTHEPAGEANDTHEBREADCRUMBSATTHEBOTTOMOFTHEPAGEINTHEFOLLOWINGTRYITOUTEXAMPLE,YOULLADDTHESETOTHESITEANDSEEHOWSIMPLEITISTOADDNAVIGATIONBEFORERUNNINGTHISEXAMPLE,CLOSEDOWNTHECHAPTER03PROJECTFROMVISUALWEBDEVELOPER1OPENTHECHAPTER3VERSIONOFTHEWROXUNITEDAPPLICATIONCBEGASPNET2CHAPTERSBEGINCHAPTER03WROXUNITEDANDOPENTHESITEMASTERFILEMAKESUREYOUREINDESIGNVIEW2PLACEYOURCURSORINSIDETHEBREADCRUMBSDIVATTHEBOTTOMOFTHEPAGEITSTHEREDBLOBINTHEBOTTOMRIGHTOFTHEPAGEYOULLKNOWWHENYOUVEFOUNDTHERIGHTSPOTWHENYOUSEEHIGHLIGHTEDATTHEBOTTOMOFTHEWINDOW,ASSHOWNINFIGURE332FIGURE3323NOWDRAGASITEMAPPATHCONTROLINTOTHEBREADCRUMBSDIVFROMTHENAVIGATIONSECTIONOFTHETOOLBOXSEEFIGURE333FIGURE3334IGNORETHECOMMONTASKMENUONTHISONETHEONLYMODIFICATIONTOMAKEHEREISTOCHANGETHENAMEOFTHECONTROLENSURETHATTHESITEMAPPATHCONTROLISSELECTEDANDCHANGEITSIDTOCRUMBSINTHEPROPERTIESPANELNOTICETHEMOUSECURSORINFIGURE334HIGHLIGHTSTHEIDPROPERTYFORTHECONTROLFIGURE3345RUNTHESITEAGAINBYLAUNCHINGDEFAULTASPXANDSEETHERESULTSOFYOURHARDWORKDOWNATTHEBOTTOMOFTHEPAGE,ASSHOWNINFIGURE335NOTICETHATTHEURLMYBROWSERISUSINGISHTTP/LOCALHOST1100/WROXUNITED/YOURPORTNUMBERTHEBITAFTERTHECOLONWILLBEDIFFERENTFIGURE335FIGURE3366BROWSETOTHEHISTORYPAGEBYCHANGINGTHEDEFAULTASPXPARTOFTHEURLTOHISTORYASPXFIGURE336SHOWSHOWTHERENDEREDSITEMAPPATHCONTROLCHANGESATTHEBOTTOMOFTHEPAGEHOWITWORKSINTHISEXAMPLE,YOUADDEDASIMPLESITEMAPPA