This document outlines the 7 weekly assignments for a web development course. It provides instructions and grading rubrics for tasks such as creating a project proposal, designing site diagrams and page layouts, adding content and forms, implementing dynamic content with JavaScript, completing all site content, validating accessibility, and conducting user testing. Students are instructed to complete incremental portions of a website project each week and submit their work to the class Dropbox.
Please do this asap its already late. I will provide log info to www.docx
1. Please do this asap its already late. I will provide log info to
www.my.devry.edu.com
Week 1: Site Selection And Proposal
Create a Project Proposal document stating the basic elements
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.
Upon completion, name your MS Word document as
lastname_CIS363_projectWk1
.
Grading Rubric
Category
Points
%
Description
Proposal format
15
33
Cover page, headings, APA guidelines
Proposal content
30
67
All points addressed (Milestone 1) with adequate content
Total
45
100
A quality project will meet or exceed all of the above
2. requirements
Submit your assignment to the Dropbox, located at the top of
this page. For instructions on how to use the Dropbox, read
these
step-by-step instructions
.
See the Syllabus section "Due Dates for Assignments & Exams"
for due date information.
Listen
Week 2: Site Diagram
Update the project proposal/design document based on any
feedback given from milestone 1.
Extend the Week 1 Project Proposal/Design document by adding
a site diagram using MS Visio that includes the following:
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).
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. 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_projectWk2
.
Grading Rubric
Category
Points
%
Description
Content updated as necessary
5
12
Proposal updated based on feedback from milestone 1
3. Site diagram layout
10
22
All pages identified (5–7)
Site diagram file names
10
22
Appropriate file names (ISO Standard)
Site diagram links
10
22
Reasonable linkages between pages
Navigation structure
10
22
Navigation structure is simple and consistent
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
step-by-step instructions
.
See the Syllabus section "Due Dates for Assignments & Exams"
for due date information.
Listen
Week 3: Page Layout and Site Navigation
Extend the Week 2 Project Proposal/Design and create a
detailed page layout design in Visio that you will use as a
template for all the web pages in your site. The template should
include
a header area;
a link area;
4. a main content area; and
a footer area.
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.
Create blank content 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, but content information is not
required. Create the navigation links between the site pages.
The pages 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
tags and CSS.
Grading Rubric
Category
Points
%
Description
Page design template
15
34
Design template includes all the listed items (header, link, main
content, and footer)
Website pages created
10
22
All pages created following the template and with navigation
All page links visible
10
22
Links are clear and obvious
All page links functional
10
22
5. Links allow full 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
step-by-step instructions
.
See the Syllabus section "Due Dates for Assignments & Exams"
for due date information.
Listen
Week 4: 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 as per the lecture
and iLab assignments. Begin to implement the box model
through the use of
tags and absolute positioning. Use inline and embedded where
appropriate.
Upon completion of this step, zip up all of the files for the site
into one single file and submit the file to the Dropbox.
Grading Rubric
Category
Points
%
Description
Content visible on two web pages
8
17
Content on pages is visible
Appropriate use of colors
7
16
6. Colors match theme of site
Appropriate typography (font, size, and color)
7
16
Typography is appropriate for site
Images visible with alt tags
7
16
Images render and are appropriate
Box model using
tags and positioning
8
17
Payout layout is implemented per site spec
CSS used for layout and formatting
8
17
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
step-by-step instructions
.
See the Syllabus section "Due Dates for Assignments & Exams"
for due date information.
Listen
Week 5: Implement Site Content and Create a Form
Continue to develop the site content as directed in milestone 4.
At this point, at least 3 of the pages for the site should be
completed.
Use the knowledge gained in this week's lecture and iLab to
7. 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 interact with the
form. Use CSS to control the layout of the form. Include reset
and submit buttons with the form. The reset button should clear
the form and the submit button should load a “Your information
has been received” page.
Move all site and page level styles to an external CSS file.
Upon completion of this step, zip up all of the files for the site
into one single file and submit the file to the Dropbox.
Grading Rubric
Category
Points
%
Description
Content completed on at least three pages
9
20
Content on pages is visible
Form created and CSS used for the layout of the form
9
20
As per milestone spec
All necessary form controls used as appropriate
9
20
Required site evaluation options present
Buttons (submit/reset) included
9
20
Submit button linked to form action; reset clears form
External CSS file
9
20
Site managed by an external CSS file
Total
8. 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
step-by-step instructions
.
See the Syllabus section "Due Dates for Assignments & Exams"
for due date information.
Listen
Week 6: Implement Dynamic Site Content Using JavaScript
Continue to develop content for the site.
Use the knowledge gained in this week's lecture and iLab to
implement dynamic content to a page in your site. Use
JavaScript features to perform such things as basic calculations,
image rollovers, user prompts, and alerts.
Upon completion of this step, zip up all of the files for the site
into one single file and submit the file to the Dropbox.
Grading Rubric
Category
Points
%
Description
Content completed on at least four pages
9
20
Content on pages is visible
JavaScript is functional
9
20
Dynamic output is visible
JavaScript functions are used
9
20
9. At least one user written function is used
Dynamic content is appropriate
9
20
Dynamics match site theme
JavaScript functions in multiple browsers
9
20
Dynamics are functional in multiple browsers
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
step-by-step instructions
.
See the Syllabus section "Due Dates for Assignments & Exams"
for due date information.
Listen
Week 7: Site Content Completed and Site Evaluation
All content pages are completed for the site and the site is
uploaded to the course web server per instructions from your
professor.
Visit http:
www.w3.org/WAI/RC/tools/
to locate tools to check for accessibility. There are some free
online tools listed there, such as EvalAccess, which you can use
to check your HTML code. Check your site and make any
necessary corrections in your code. Conduct a user test with at
least two people (spouses and kids are fine to use as testers). In
addition to observing them using your site, have them fill out
the form you created in Week 5. Take screenshots of the filled
out forms to collect the user feedback. Create a short report
10. (one page or less) detailing the results of the testing, including
user suggestions and your response to those suggestions
(whether you feel they are valid and whether they can be
accommodated). Compare the user responses to your
expectations of the user working with your site.
Upon completion, name your single, MS Word document as
lastname_CIS363_projectWk7
. Submit your testing report to the Dropbox along with the URL
for your uploaded site.
Grading Rubrics
Category
Points
%
Description
All content complete
15
34
All content completed
Site uploaded to web server
10
22
Site uploaded to web server and accessible using the URL
submitted to the Dropbox
Validation and accessibility
10
22
No or minimal validation errors are present; accessibility
standards met
Testing report
10
22
Report complete; at least two user tests completed
Total
45
100
A quality project will meet or exceed all of the above
11. requirements.
Submit your assignment to the Dropbox, located at the top of
this page. For instructions on how to use the Dropbox, read
these
step-by-step instructions
.
See the Syllabus section "Due Dates for Assignments & Exams"
for due date information.