2023 Milestone 1 Site Selection And Layout Design Create a Project Proposal document stating the basic elements | Assignment Collections
Computer Science 2023 HTML site Project & Milestones
2023 Milestone 1 Site Selection And Layout Design Create a Project Proposal document stating the basic elements | Assignment Collections
Milestone 1: Site Selection And Layout Design
-
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.
-
-
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
-
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.
-
-
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. |
We give our students 100% satisfaction with their assignments, which is one of the most important reasons students prefer us to other helpers. Our professional group and planners have more than ten years of rich experience. The only reason is that we have successfully helped more than 100000 students with their assignments on our inception days. Our expert group has more than 2200 professionals in different topics, and that is not all; we get more than 300 jobs every day more than 90% of the assignment get the conversion for payment.