Milestone 1: Site Selection And Layout Design
A. Create a Project Proposal document stating the basic elements that you will include in your website. Include a cover sheet with your name, course, and week number. The body of your report must include
• site title;
• developer;
• rationale or focus of the site;
• outline of main elements;
• content;
• target audience;
• design considerations; and
• limiting factors.
B. Prepare a site map using a diagramming application, such as Visio, including
• layout of the site (identify all pages and their relationships);
• page filenames (use ISO standard naming conventions);
• links between pages (show the relationships using arrows); and
• navigation structure (choose which type of navigation structure best suits your topic).
In the diagramming application, use the Save As option to create an image file (jpg, gif, or png) of your site. Copy this image file into your Project Proposal document.
Upon completion, name your single, MS Word document as lastname_CIS363_projectWk1.
Grading Rubric
Category Points % Description
Proposal format 9 20 Cover page, headings, APA guidelines
Proposal content 9 20 All points addressed (Milestone 1A) with adequate content
Site storyboard 9 20 All pages identified (5–7)
Site storyboard filenames 9 20 Appropriate filenames (ISO standard)
Site storyboard links 9 20 Reasonable linkages and navigation
Total 45 100 A quality project will meet or exceed all of the above requirements.
Milestone 2—Page Layout Design
A. Create a site specification based on the information you developed in Milestone 1. Make sure to add
• a mission statement;
• how to measure site success;
• a description of the intended audience;
• how to determine user satisfaction; and
• technological issues that might influence site development.
B. Prepare a detailed page layout design in Visio, including
• a header area;
• a link area;
• a main content area; and
• a footer area.
This layout will be the main design template for all of the pages in your site. In future weeks, you will be altering the main content areas as needed.
Upon completion, name your single, MS Word document as lastname_CIS363_projectWk2.
Grading Rubric
Category Points % Description
Site spec format 9 20 Cover page and headings
Site spec content 9 20 All points addressed with adequate content
Page layout boxes or areas defined 9 20 At least four requested areas
Page layout white space 9 20 Adequate spacing of boxes or areas
Page layout appeal 9 20 Appropriate usability
Total 45 100 A quality project will meet or exceed all of the above reqirements.
Milestone 3: Implement Site Navigation
Based on the site map and page layout from Milestone 1, create all pages as per your site diagram. To do this, you must have the filenames of major site pages determined. You should have a home page (index.htm) and all of the subpages created. Navigation links between the site pages must function. The subpages do not need to have much content, but they must be created and contain the navigation elements and placeholder elements for your content. Begin to implement the box model with <div> tags and CSS.
Grading Rubrics
Category Points % Description
All page links visible 11 25 Links are clear and obvious.
All page links functional 12 25 Links allow full navigation.
Page links consistent across all pages 11 25 Links are the same on all pages.
FIle names 11 25 All pages are named appropriately.
Total 45 100 A quality project will meet or exceed all of the above requirements.
Milestone 4: Implement Site Layout And Content
Based on the site, page layout, and navigation developed in prior steps, begin to add content to your site. Include appropriate typography, colors, and imagery. Begin to implement the box model through the use of <div> tags and CSS positioning. Use embedded CSS where appropriate.
Grading Rubrics
Category Points % Description
Content visible on 2–3 Web pages 8 17 Content on pages is visible.
Appropriate use of colors 8 17 Colors match theme of site.
Appropriate typography (font, size, and color) 8 17 Typography is appropriate for site.
Images visible with alt tags 7 17 Images render and are appropriate.
Box model using <div> tags and absolute positioning 7 16 Payout layout is implemented per site spec.
CSS used 7 16 Multiple CSS style rules are implemented.
Total 45 100 A quality project will meet or exceed all of the above requirements.
Milestone 5: Implement Site Content And A User Feedback Form With Client-Side Validation
Create a user feedback form. Include all necessary controls (text boxes, radio buttons, check boxes, text areas, dropdown lists, and buttons) to allow the user to effectively evaluate your site for usability, accessibility, and navigation. This form will be used in Milestone 7 to evaluate your site. Also, include client-side validation on key fields in the form.
Move all site and page-level styles to an external CSS file.
Grading Rubrics
Category Points % Description
Form layout using <table> layout 8 17 Form using table structure
All required tags available 8 17 As per milestone spec
Required site evaluation options present 8 17 As per milestone spec
Buttons (submit/reset) and form “action” attribute functional 7 17 Submit linked to action attribute, Reset clears form
External CSS file 7 16 Site managed by an external CSS file
Client-side validation functional 7 16 Appropriate controls validated
Total 45 100 A quality project will meet or exceed all of the above requirements.
Are you looking for a similar paper or any other quality academic essay? Then look no further. Our research paper writing service is what you require. Our team of experienced writers is on standby to deliver to you an original paper as per your specified instructions with zero plagiarism guaranteed. This is the perfect way you can prepare your own unique academic paper and score the grades you deserve.
Use the order calculator below and get started! Contact our live support team for any assistance or inquiry.
[order_calculator]