WEB 240 WEEK 2 ASSIGNMENT 2

Individual Website Design and Development: Part 2

NOTE: This is part two of a three-part assignment.  The final version will be submitted in Week 4.  It is expected that adjustments will be made in the final version based on the feedback provided in Weeks 2 and 3.

• Expand your design document to integrate changes based on instructor feedback.
• Update your homepage as needed, and add at least 2 additional pages to your website. Include multimedia appropriate to the site. Use CSS as appropriate to control the look of the site. Make sure your navigation bar is fully functional.

Submit a compressed zip file containing your 3 (or more) completed HTML pages, CSS file(s), images, and other website related content.

Individual Website Design and Development: Part 1

NOTE: This is part one of a three-part assignment.  The final version will be submitted in Week 4.  It is expected that adjustments will be made in the final version based on the feedback provided in Weeks 2 and 3.

• Complete the website design document in Microsoft Word. Cover all the elements for your site design (see 'Overview: Individual Website Design Document and Development Effort Instructions' link). Update this in future weeks based on instructor feedback and to account for any changes in the site or its audience that are discovered as you develop the site.
• Create a prototype of your homepage for your planned site that demonstrates effective application of design elements and the other general site requirements. You should include placeholders for any multimedia you are planning on adding in the coming weeks.

Submit the website design document and your homepage prototype HTML file.

Individual Website Design and Development: Part 3

NOTE: This is part three of a three-part assignment.  In this final version it is expected that adjustments will be made based on the feedback provided in Weeks 2 and 3. 

• Expand your design document and update your existing website to integrate changes based on instructor feedback.
• Update your website to include a simple web form as discussed in your design document. Use JavaScript to validate the form contents and display the results of that validation to the user in a popup window.

Submit the completed website as a compressed zip file.

Overview: Individual Website Design Document and Development Effort Instructions

The individual assignment will involve specifying and designing a simple website of interest to you that is acceptable to your instructor.

Your site should include the following elements when finished:

• A solid website plan that shares enough details about the proposed site to sell it to someone who is interested in funding the development of the site. This plan should include the following elements.
• 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
• Level of 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 site map showing the interconnections of the pages of the site.  This should include all pages, including the placeholder ones you need for future expansion.
• A description of the purpose and functionality of the interactive form your site will have.

• A main page with at least three linked pages.
• Links to other pages on the site, and links to relevant outside pages.
• All pages should be attractive, have good color contrast and practice good design principles.
• Avoid tacky or garish items unless you get specific approval from your instructor.
• All pages should use appropriate structural elements, such as (but not limited to) headings, paragraphs, tables and lists.
• You should have a proper web navigation bar to navigate between the pages on the site.
• You must use and create CSS styles beyond the defaults, adjusting them or creating new ones in a manner appropriate to your site.
• Include multimedia appropriate to the site.  Limit the length of video clips and the size of pictures to keep the required space to a minimum.
• Include blank template pages with the navigation bar and very basic information for all pages that would be linkable in your site from the home page or sister pages.  The template pages should include the navigation bar, but do not need specific content beyond a proper title and text indicating they are to be developed in the future.
• You should have a web entry form related to the goal of your site. 
• A contact form is the most common way to do this, but any other form acceptable to your instructor can be used. 
• JavaScript should be used to validate the entries into the form, such as whether required fields are filled in or an email is in the proper format ([email protected]).
• The results of this validation should be shown to the user in a popup window.
• Validate each week's homepage against the Markup Validation Service on the W3C^® website. 
• Eliminate all errors you can, though work with your instructor on any oddities that arise.
• Submit a screen shot each week showing the results of this validation.
• Include appropriate meta-data on each page related to the content on that page.
• You should test your site to validate that it is fully functional and works correctly.
• Use an appropriate folder structure for your site, putting the HTML pages at the top level and other elements (CSS, images, etc.) in appropriate subfolders.