CIS363A Course Project Complete – Milestone (1 – 7) – Instant Delivery – All Screenshots of milestones Attached
Objectives
Back to Top
The Course Project will be an ongoing accumulation of the Course Project Milestones due each week based on the assigned readings, lectures, and iLabs. For the final product of this Course Project, you must complete a stand-alone website of around five to seven pages.
You may choose any content you desire for the site, such as a work-related site or personal interest site. In addition to criteria listed throughout the process, you will be evaluated on cohesiveness, accessibility, and design.
The overall objective of the Course Project is to give the opportunity to create a functioning website, from initial conception, planning, development, testing, and publishing to a web server.
Guidelines
Back to Top
• Students will work as individuals, not in teams.
• There are seven milestones in the overall development.
• Each student will select a project website idea and have it approved by the assigned faculty.
Milestone 1—Week 1: Site Selection and Layout Design
Back to Top
A. 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.
See pages 46–47 of Principles of Web Design 5th Edition for further details.
B. Prepare a site storyboard 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.
Refer to pages 128–134 of Principles of Web Design 5th Edition for further details.
Upon completion, name your single, MS Word document as lastname_CIS363A_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 on the silver tab at the top of this page. For instructions on how to use the Dropbox, read these step-by-step instructions or watch this Tutorial 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
o a mission statement;
o how to measure site success;
o a description of the intended audience;
o how to determine user satisfaction; and
o technological issues that might influence site development.
B. Prepare a detailed page layout design in Visio, including
o a header area;
o a link area;
o a main content area; and
o 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_CIS363A_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 on the silver tab at the top of this page. For instructions on how to use the Dropbox, read these step-by-step instructions or watch this Tutorial 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
Using Dreamweaver and the site diagram 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
Defining a New Site
Basic Site Layout and Navigation
Grading Rubrics
Category Points % Description
All page links visible 12 27 Links are clear and obvious.
All page links functional 11 25 Links allow full navigation.
Site uploaded to server 11 24 Site is in student root directory.
Site accessible via URL assigned address 11 24 Assigned URL is functioning.
Total 45 100 A quality project will meet or exceed all of the above requirements.
Submit your assignment to the Dropbox located on the silver tab at the top of this page. For instructions on how to use the Dropbox, read these step-by-step instructions or watch this Tutorial Dropbox Tutorial.
See the Syllabus section “Due Dates for Assignments & Exams” for due date information.
Milestone 4—Week 4: Implement Site 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
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. Use the form action=”mailto:your_email_address” attribute to collect the user feedback.
Move all site and page level styles to an external CSS file.
Grading Rubrics
Category Points % Description
Form layout using