CIS363B Course Project Complete – Milestone (1 – 7) – Instant Delivery – All Screenshots of milestones Attached
Course Project: Website Design and Development Project
Introduction and Objectives | Guidelines | Milestone 1—Week 1: Site Selection | Milestone 2—Week 2: Page Layout Design |Milestone 3—Week 3: Implement Site Navigation | Milestone 4—Week 4: Implement Site Content | Milestone 5—Week 5: Implement Site Content and a User Feedback Form With Client-Side Validation | Milestone 6—Week 6: Implement Dynamic Site Content Using JavaScript | Milestone 7—Week 7: User Testing and Validation | Best Practices
Introduction and 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 standalone website betweenfive and 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, 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
Back to Top
Create a Project Proposal/Design document stating the basic elements you will include in your website. This stage is primarily a draft. You will modify it in later weeks. Include a cover sheet with your name, course, and week number. The body of your report must include
• a site title;
• the developer’s name;
• a rationale or focus of the site;
• a mission statement;
• a description of the intended audience;
• a definition of site web pages (including a home page and a contact/”about” page);
• technological issues that might influence site development;
• design considerations; and
• limiting factors.
Your site should have 5–7 web pages, including a home page (index.htm), an “about” page, and at least three pages that contain other content.
Upon completion, name your single MS Word document as lastname_CIS363B_projectWk1.
Grading Rubric
Category Points % Description
Proposal Format 15 37 Cover page and table of contents provided
Proposal Content 25 63 All points addressed with adequate content
Total 40 100 A quality project will meet or exceed all of the above requirements.
Submit your assignment to the Week 1 Course Project 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
Extend the Week 1 Project Proposal/Design document by adding a site diagram using MS Visio that includes the following.
A. Layout of the site
B. Page filenames
C. Links between pages
D. Navigation structure
In Visio, use the Save As option to create an image file of your site. Copy this image file into your Project Proposal/Design document.
Upon completion, name your single MS Word document as lastname_CIS363B_projectWk2 .
Grading Rubric
Category Points % Description
Site Diagram Layout 10 25 All pages identified (5–7)
Site Diagram Filenames 10 25 Appropriate filenames (ISO Standard)
Site Diagram Links 10 25 Reasonable linkages between pages
Navigation Structure 10 25 Navigation structure is simple and consistent.
Total 40 100 A quality project will meet or exceed all of the above requirements.
Milestone 3—Week 3: Implement Site Navigation
Back to Top
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. a header area;
B. a link area;
C. a main content area; and
D. 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.
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 must contain the navigation elements and placeholder elements for your content.
Upon completion of this step, upload your site to the Citrix web server. The server name is Websol. Connect using FTP. The FTP address is websol.devry.edu. The port is 21. Your root directory will be supplied by the instructor. The web URL will be the combination of the address and the root directories.
Grading Rubric
Category Points % Description
Page Design Template Created 9 20 Design template includes all the listed items (header, link, main content, and footer)
Website Pages Created 9 20 All identified pages were created using the template.
Site Uploaded to Server and Accessible via Assigned URL Address 9 20 Site is in student root directory.
All Page Links Visible 9 20 Links are clear and obvious.
All Page Links Functional 9 20 Links allow full navigation.
Total 45 100 A quality project will meet or exceed all of the above requirements.
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 box, 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.
Upon completion of this step, upload your site to the web server.
Grading Rubric
Category Points % Description
Form Layout Using