Web站点设计的12项决策

Web站点设计的12项决策byDr.RalphF.WilsonOverview•Objectives:–YOU'REABUSINESSOWNERororganizationdirectortryingtodesignasystemofWebpages.–You'llalsohaveasetofdesigndecisionstoguideyourownHTMLadventuresortogivetoyourlocalwebpagedesigner.Overview•12decisions:–Purpose–IndexPageandSiteOrganization–SiteandDomainNames–MainGraphictoHighlightYourSite–BackgroundColororTexture–BasicPageElements–FinishingTouches–PhotosandGraphics–FormstoGetCustomerResponse–UploadingandTestingYourPages–RegisteringandAdvertisingYourSite–MaintainingYourSite1.Purpose:WhyDoYouWanttoDoThis?•Whyareyoudoingthis?Whatdoyouhopetoachieve?Whatisyourpurpose?–TheWorldWideWebishot.EverybodyisgettingaWebpresence.I'dbetterdoit,too,orbeleftbehind.Thismayrepresentyourthinking,butyouneedmorefocus.–Wewantpotentialcustomerstolearnaboutourcompany,andgainafavorableimpressionofus.–Wewanttodevelopaqualifiedlistofprospectsforourgoodsandservices.–WewanttosellproductsdirectlyfromourWebpages.–Other,specifically...2.IndexPageandSiteOrganization•Homepagevs.storefrontonthe:–AboutYourOrganization.Thissectionincludesavisionormissionstatement,historyofyourbusiness,aphilosophyofhowyoudobusiness,whycustomersshoulddobusinesswithyouratherthanwithyourcompetitor.–ProductLines.Withphotosandtextdescribethebenefitstoyourcustomersofyourgoodsandservices.Youcanalsoshowfeatures,applications,orexamples.Useamajorbranchforeachmajorproductline.YoucanalsouseyourWebpagesasacatalog,whichyoucanupdateeasily,inexpensively,andoften.–TechnicalSupport.Somebusinessesfinditusefultoprovidetechnicalinformation,specifications,FAQs,partslistsanddiagrams,troubleshootingdecisiontrees,etc.2.IndexPageandSiteOrganization•Homepagevs.storefrontonthe:–Howtoorder.Thiswillincludeaformwhiche-mail'syourcustomer'sinformationtoyou.–ServiceSection.Thisisfreeinformationofinteresttoyourpotentialcustomersthat'llkeepthemcomingbacktoyoursiteforupdates.Itmightbenewsofyourindustry,ofarelatedfield,orsomethinguniqueorinteresting.GivesomethoughttowhatserviceyourWebpageswillprovidetodrawcustomerstoyourstorefrontagainandagain.–What'sNewsectioniswhereyouputupdatesornewcopiesofanewsletter.3.SiteandDomainName•Steps:–Lookforanamethatisdescriptive,unique,short,andmemorable.–FindoutwhichnamesarestillavailablebytryingyourproposeddomainnameatNetworkSolutions().–Currently,thefeeyourISPpaysforanewdomainnameis$70tocoverthefirsttwoyears,andthen$35peryearthereafter.–Anotheradvantageofselectingauniquedomainnameforyourorganizationisthatyouaren'tsodependentuponyourISP.SupposeyourISPraisespricestoohigh,orgoesoutofbusiness?4.MainGraphictoHighlightYourSite•Graphics–Nographic.Justuseheadlinetext.Thisistheeasiestwaytogo,butdull.Don'tendhere.–Clipartgraphic.Perhapsyouhaveaccesstoblack-and-whiteorcolorclipartfromaprogramsuchasCorelDraw®,orWordforWindows®,orMicrosoftPublisher®.Makesureyourimageiscopyrightfree;youdon'twantyourcompanytobesued.Checkfirst!ThenconvertittoaGIFimage.–Scanned-ingraphic.Youmayalreadyhaveacompanylogooranartist'sdrawing.YoucanscanthisinandconverttoaGIFimage.–CustomizedTypeFontscanbedevelopedfromprogramssuchasPaintShopPro®,orPhotoShop®tosaveasaGIForJPEGimage.4.MainGraphictoHighlightYourSite•Graphics(Conti.)–Scannedinphotographwithtypesuperimposed.YoucanfindsomegreatskycollectionsontheInternet,forexample.Downloadoneoftheseandsuperimposeyourcompany'snameoverit.YoucandothisusingofPaintShopPro®orAdobePhotoShop®.OryoucanletyourWebdesignerdoitforyou.–Customizedcomputerartbyacomputerartist.Thismaycostyouafewbucks,buttherightgraphicsetsthetoneforyoursite.–Imagemapcombinedwithcustomizedcomputerart.Thecustomerclicksonthesubjectinthegraphicwhichinterestshimorher.Imagemapsarecool,butstarttogetexpensive,sincetheytakemoreprogrammingskill,andrequireaspecialinterfacewithyourhostcomputer.Yourbestbetistoleavethisonetoaprofessionalwebpagedesigner.4.MainGraphictoHighlightYourSite•MorePointers:–imagessize40K,oryourcustomermayloseinterest.–Notallyourviewershave256-colorcapability,butonly16colors.Whatdoesyourgraphiclooklikewith16colors?Test!–UsinginterlacedGIFimageshelpskeepyourcustomer'sinterestasthegraphicgraduallydisplaysoverfour“passes”.Thetotaltimeisaboutthesameforinterlacedornon-interlacedimages.–Thebestcombinationisasinglesparklinggraphiccombinedwithtext.–Theoveralllookofyour“home”pageneedstobegraphicallybalanced,pleasing,informative.–Your“index”or“home”pagefunctionsasyourstorefront.Itneedstoenticethecustomerinthedoortolookattherestofwhatyouhavetooffer.Thisiswhereaprofessionalwritercanhelp,too.5.BackgroundColororTexture•Setyourwebsiteofffromalltherest.Onewayiswithawell-designedgraphic.Theotheriswithabackgroundtextureand/orcolor.–Plaingray.Entry-levelcolorscheme.Allbrowserscandisplayit.ThenoviceHTMLwritercandothiswithouteventrying.Choosesomethingbrighter-grayisugly(IMHO).–Coloredbackgroundandlettering.Ifyouknowtherightcodes,youc