Plan & Set Up

Plan and Set Up Understanding the Website Development Process

Creating a website is a complex process. It can often involve a large team of people working in various roles to ensure that the website contains accurate information, looks good, and works smoothly. Figure 13 illustrates the phases in a website development project.

Planning a Website

Planning is probably the most important part of any successful project. Planning is an essential part of creating a website, and is a continuous process that overlaps the subsequent phases. To start planning your website, you need to create a checklist of questions and answers about the site. For



  • What are your goals for the site?
  • Who is the audience you want to target?
    Teenagers? Children? Sports enthusiasts? Senior citizens?
  • How can you design the site to appeal to the target audience?
  • What content is appropriate for the target audience?

What content is relevant to the purpose of the website?The more questions you can answer about the site, the more prepared you will be when you begin the developmental phase. Because of the public demand for up-to-date information, your plan should include not just how to get the site up and running, but how to keep it current. Table 1 lists some of the basic questions you need to answer during the planning phase for almost any type of website. From your checklist, you should create a statement of purpose and scope, a timeline for all due dates, a budget, a task list with work assignments, and a list of resources needed. You should also include a list of deliverables, such as page prototypes and art for approval. The due dates for each deliverable should be included in the timeline.

Planning the Basic Structure

Once you complete the planning phase, you need to determine the structure of the site by creating a wireframe.

A wireframe, sometimes referred to as a storyboard, is an illustration that represents every page in a website. Like a flowchart, a wireframe shows the relationship of each page in the site to all the other pages.

Wireframes also show how each page element is to be placed on each page. Wireframes are helpful when planning a website, because they allow you to visualize how each page in the site links to others. They are also an important tool to help the client see how the pages will look and work together. Make sure that the client and all other interested stakeholders approve the wireframe before the site construction actually begins. Wireframes range from very simple (known as low-fidelity wireframes) to interactive and multidimensional (known as high-fidelity wireframes).

You can create a simple wireframe by using a pencil and paper or by using a graphics program on a computer, such as Adobe Illustrator, Adobe Fireworks, Microsoft PowerPoint or Online Services like Gliffy To create more complex wireframes that simulate the site

Question Examples
© Cengage Learning 2013
1. Who is the target audience? Seniors, teens, children
2. How can I tailor the site to reach that audience? Specify an appropriate reading level, decide the optimal amount of media content, use formal or casual language
3. What are the goals for the site? Sell a product, provide information
4. How will I gather the information? Recruit other employees, write it myself, use content from in-house documents
5. What are my sources for media content? Internal production department, outside production company, my own photographs
6. What is my budget? Very limited, well financed
7. What is the timeline? Two weeks, one month, six months
8. Who is on my project team? Just me, a complete staff of designers
9. How often should the site be updated? Every 10 minutes, once a month
10. Who will update the site? Me, other team members

Bibliography:  Adobe Dreamweaver CS6 Revealed


Answer the questionnaire regarding your personal portfolio. You must assume that you have already learned: Photoshop, Illustrator, HTML5, CS3 and JavaScript.Homework-128

Based on that, you’re going to talk about your skills and to offer products and services as Web Designer. This exercise not only will help you to learn how to plan a Website but will also help you to see more clearly the path to the labor force in web development field.

animated-click-here-button1 PDF file.
Copy and Paste the content of this file in a new word document, answer it and submit it  to your instructor via email.