- Web Design Fundamentals Planning Your Attack: Web site planning process.
Web Design Fundamentals Planning Your Attack: Web site planning process.
<ul><li><p>Web Design FundamentalsPlanning Your Attack: Web site planning process </p></li><li><p>After completing this lesson, you will be able to:Define your goals for a Web site.Analyze your audience.Create a blueprint for your Web site.Design your home page and get ready to build your site.</p></li><li><p>The Curiosity Shoppe</p></li><li><p>Define GoalsTo define the purpose of your Web site, answer the following:</p><p>Why do I want a Web page or Web site?Curiosity Shoppe owners wanted to make their shop easily accessible to more customers through an online presence. What are the immediate goals for the Web site?The owners immediate goals were to inform people about the store, provide a means of contact, and advertise their products and store location. </p></li><li><p>Define GoalsTo define the purpose of your Web site, answer the following:</p><p>What are the long-term goals for the site?Long-term plans are to offer their entire line of products for sale online and update the home page daily with a featured item. What is the timeline?Timeline can be summarized like this: static site online (live) within 2 months of the home pages inception; sales feature fully functional within 6 months after the home page has gone live; and a full line of online products available within 12 months from the date the initial home page went live.</p></li><li><p>Getting to Know Your Audience After youve outlined your goals for your site, you need to consider whos going to be visiting your Web pages. In other words, you need to think about your audience. You must have at least some perception of the people you want to visit your Web space. You need to address this planning step early in the process because many design and content decisions are based on your audience. </p></li><li><p>Analyze the AudienceWho makes up the core target audience? What does the audience want to find out from my site?How experienced with the Web are audience members?What types of Internet connections and bandwidth capabilities will audience members have?Where is the core audience located? Whats the typical age group among audience members? How will users find out about my site? </p></li><li><p>Drawing the Blueprints for Your Site After setting your goals and defining your audience, youre ready to design your Web sites framework. If possible, your first step should always be to collect your content before you design. Organizing your contentor at least its main conceptscan help you organize your overall site in a logical manner. After you gather the main types of information you want to include on your site (dont worryyour text and graphics dont have to be polished at this point), you need to figure out how best to present your information. </p></li><li><p>Site OrganizationWeb sites can be organized in the following ways:AlphabeticallyChronologicallyGraphicallyHierarchicallyNumericallyRandomlyTopically</p></li><li><p>File Structure</p></li><li><p>URLs</p></li><li><p>URL RulesWhen naming a Web sites HTML files:</p><p>Keep filenames short, simple, and meaningfulAvoid symbols and punctuationUse an underscore (_) to indicate a spaceUse all lowercase letters</p></li><li><p>Image NamesCreate a meaningful file-naming system for graphics files. For example:</p><p>b_image name = button image filep_ image name = picture image filet_image name = title bar image file</p></li><li><p>StoryboardStoryboarding your sites structure means illustrating the relationships among your sites pages and information to ensure that youve created a clear site layout that includes all your information in an easily accessible format. </p><p>One common practice in the business community is to create a paper version of a Web site before developing the site electronically. A paper version is cheaper and quicker to build than an electronic version and it allows non-technically savvy people to provide input and opinions in a friendly environment. </p></li><li><p>Storyboard</p></li><li><p>Site Planning ChecklistResearch similar siteSpecify who you arePick colors that evoke desired emotionClassify site to yourselfDesign for users navigationOffer contact informationName files appropriatelyCreate easy-to-understand buttonsDivide content logicallyMake important information prominentUse a unifying look or themeEncourage users to return</p></li><li><p>Laying Your Home Pages Foundation After the site-planning dust settles, you can clean off your slate and start to design your home page (and subpages). By now, you should have a very strong idea of what your home page should includelogo, title bar, links to your sites main pages, and so forth.</p><p>In this design phase, focus your attention on how you can creatively present all the necessary home page components in a way that reflects your sites goals, optimizes your sites theme, and elicits the proper emotional response from users. </p><p>After you start to think of creative ways to present your ideas, start to sketch various layouts and ideas.</p></li><li><p>Sketches</p></li><li><p>Home Page Planning ChecklistCreation or revision dateConsistent navigation linksHome page icon or logoImportant information above the foldInformative titleIntentional emotional effectLogo or other identifying graphicOpening page hookQuick loading approachClear purpose and movementSubheads when necessaryText linksUpper-left corner effectively usedIdentity clear</p></li><li><p>Supplies Check listTextedited, spell checked, and proofreadPhotographs, graphics, and illustrationsPage sketches and templatesHTML editor, text editor, or Web page creation toolGraphics programDomain name (purchased or assigned)Server space</p></li><li><p>Next StepDemystifying Basic HTML</p></li><li><p>Exercise 1</p></li><li><p>Exercise 2</p></li><li><p>Exercise 3Our Web Site (folder)index.htmlimages (folder)t_titlebar.jpgb_home.gifb_facts.gifb_contact.gifp_group.jpglogo.png</p></li></ul>