WEB 240 WEEK 2,3,4 Individual Website Design and Development First Draft

 

 

WEEK 2 Individual assignment

 

Part 1 

 

A website plan serves as a blueprint for developing a website. The plan identifies the purpose of the site, your audience, and the specific content and features that must be added to the site to accomplish the site’s objectives.  Complete a First Draft of your Website Plan, using a Microsoft^® Word document or a Microsoft^® PowerPoint^® presentation, that addresses the following areas:

 

·        Topic

 

·         Purpose

 

• Why do you need this site?

• Why do your visitors need this site?

  ·         Audience

 

• Brief description of target audience

• General geographic location of audience

• Estimate number of people

• Estimate average age

• Familiarity with computers and Internet

• Key target audience insight – Most compelling thing you want the audience to think, learn or do as a result of visiting the site

  ·     A visual mockup of the layout of your site’s home page using drawing tools in a Microsoft^® Word document, a Microsoft^® PowerPoint^® presentation, or a graphic program  

  Part 2  

  Create a homepage for your planned site that demonstrates effective application of design elements. Use only Adobe^® Dreamweaver^® or another HTML editor to create a basic web page based on the web plan you have developed. This page is the homepage of your website. Save your site homepage as index.html or default.html.  

  Check your HTML code using the Markup Validation Service on the W3C^® website, (www.w3.org) prior to submitting your web page(s).

  Submit all website files in a compressed folder.

  WEEK 3 Individual assignment

  Part 1 – Add to Website Plan

  Add a Site Map to your web plan. This will be a diagram, similar to

  an organizational chart, that shows a visual mapping of your site and

  how the pages will be linked together.

  Part 2 – Expand the basic homepage from Week Two

  Expand the basic homepage from Week Two to a site that includes

  at least 3 web pages. As in the prior assignment, use only Adobe®

  Dreamweaver® or another HTML editor to expand the homepage

  developed in Week Two. Incorporate the following into your

  expanded website:

  • Apply Cascading Style Sheets (CSS) to format elements.

  • Integrate multimedia effectively into the site.

  • Create effective navigation for the site so that people can move

  easily between the pages.

  • Organize page content using structural elements, such as

  headings, paragraphs, tables, and lists.

  • Use internal, external, and anchor links in the site.

  • Apply usability best practices and principles of design.

  Check your HTML code using the Markup Validation Service on the

  W3C® website, (www.w3.org) prior to submitting your web page(s).

  A link to this site may be found in the Materials tab on your student

  website.

  Submit all website files in a compressed folder.

  Week 4 individual assignment

  Part 1 – Add to Website Plan

  List at least three interactive features that could be added to your

  site and what purpose each would serve for your site and its visitors.

  The form created in Part Two of this assignment can be included as

  one of the interactive features.

  Part 2 – Refine and finalize your website

  Refine and finalize your website by doing the following:

  • Add a simple web form—such as an order form, a subscription

  to a newsletter, or a request for contact.

  • Use division or a table to structure the form elements.

  • Apply JavaScript® to validate the form.

  • Finalize a navigation system.

  • Use metadata to increase accessibility and search engine

  optimization.

  • Test for functionality and usability.

  As in the prior assignment, use only Adobe® Dreamweaver® or

  another HTML editor to refine the homepage developed in Week

  Three.

  Check your HTML code using the Markup Validation Service on the

  W3C® website, (www.w3.org) prior to submitting your web page(s).

  A link to this site may be found in the Materials tab on your student

  website.

  Submit all website files in a compressed folder.

 

 

 

 

 

 

 

 

Part 1 – Add to Website Plan

Add a Site Map to your web plan. This will be a diagram, similar to

an organizational chart, that shows a visual mapping of your site and

how the pages will be linked together.

Part 2 – Expand the basic homepage from Week Two

Expand the basic homepage from Week Two to a site that includes

at least 3 web pages. As in the prior assignment, use only Adobe®

Dreamweaver® or another HTML editor to expand the homepage

developed in Week Two. Incorporate the following into your

expanded website:

• Apply Cascading Style Sheets (CSS) to format elements.

• Integrate multimedia effectively into the site.

• Create effective navigation for the site so that people can move

easily between the pages.

• Organize page content using structural elements, such as

headings, paragraphs, tables, and lists.

• Use internal, external, and anchor links in the site.

• Apply usability best practices and principles of design.

Check your HTML code using the Markup Validation Service on the

W3C® website, (www.w3.org) prior to submitting your web page(s).

A link to this site may be found in the Materials tab on your student

website.

Submit all website files in a compressed folder.