Milestone 1âWeek 1: Site Selection And
Layout Design
Back to
Top
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
B
â¢
site title;
â¢
developer;
â¢
rationale or focus of the site;
â¢
outline of main elements;
â¢
content;
â¢
target audience;
â¢
design considerations; and
â¢
limiting factors.
â¢
C
Prepare a site map using a diagramming
application, such as Visio, including
D
â¢
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.
Submit
your assignment to the Dropbox, located at the top of this page. For
instructions on how to use the Dropbox, read these.next.ecollege.com/default/launch.ed?ssoType=DVUHubSSO2&node=184″>step-by-step
instructions or watch this
Tutorial
.next.ecollege.com/default/launch.ed?ssoType=DVUHubSSO2&node=232″>Dropbox
Tutorial.
See
the Syllabus section “Due Dates for Assignments & Exams” for due
date information.
Milestone 2âWeek 2: Page Layout Design
Back to
Top
A
Create a site specification based on the
information you developed in Week 1. Make sure to add
B
â¢
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.
â¢
C
Prepare a detailed page layout design in
Visio, including
D
â¢
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
requirements.
Submit
your assignment to the Dropbox, located at the top of this page. For
instructions on how to use the Dropbox, read these.next.ecollege.com/default/launch.ed?ssoType=DVUHubSSO2&node=184″>step-by-step
instructions or watch this
Tutorial
.next.ecollege.com/default/launch.ed?ssoType=DVUHubSSO2&node=232″>Dropbox
Tutorial.
See
the Syllabus section “Due Dates for Assignments & Exams” for due
date information.
Milestone 3âWeek 3: Implement Site
Navigation
Back to
Top
Based
on the site map and page layout from Step 2, 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
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.
Submit
your assignment to the Dropbox, located at the top of this page. For
instructions on how to use the Dropbox, read these.next.ecollege.com/default/launch.ed?ssoType=DVUHubSSO2&node=184″>step-by-step
instructions or watch this
Tutorial
.next.ecollege.com/default/launch.ed?ssoType=DVUHubSSO2&node=232″>Dropbox
Tutorial.
See
the Syllabus section “Due Dates for Assignments & Exams” for due
date information.
Milestone 4âWeek 4: Implement Site Layout
And Content
Back to
Top
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 as
per the lecture and iLab assignments. Begin to implement the box model through
the use of
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
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.
Submit
your assignment to the Dropbox, located at the top of this page. For
instructions on how to use the Dropbox, read these.next.ecollege.com/default/launch.ed?ssoType=DVUHubSSO2&node=184″>step-by-step
instructions or watch this
Tutorial
.next.ecollege.com/default/launch.ed?ssoType=DVUHubSSO2&node=232″>Dropbox
Tutorial.
See
the Syllabus section “Due Dates for Assignments & Exams” for due
date information.
Milestone 5âWeek 5: Implement Site Content
And A User Feedback Form With Client-Side Validation
Back to
Top
Use
the knowledge gained in this week’s lecture and iLab to 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 Week 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