User:Vtaylor/CIS 89A HTML and CSS/CIS89A - Individual Projects

Individual Project
 * Now take everything you have learned about HTML5, Cascading Style Sheets (CSS) and web development, and put it all together. For the Project assignment, you decide how much you know and how you can show that to the rest of us in the class. These are individual projects.

Learning outcomes
 * develop a prototype for a multi-page web site to demonstrate your knowledge of HTML5 and CSS
 * prepare the page details for the site
 * test the site with multiple browsers

Keywords
 * planning, visitor experience, accessibility

Study notes
 * What are the characteristics of a good web site?
 * What should be considered when trying to maximize the accessibility of the site?
 * How can the site designer increase the search rating?

== ==


 * Wendy Willard - Troubleshooting


 * Web Literacies - Exploring, Building, Connecting


 * Code Academy - HTML, CSS - interactive tutorial that covers all the basics

== Assignments==

Now take everything you have learned about HTML5, Cascading Style Sheets (CSS) and web development, and put it all together. For your Project assignment, you decide how much you know and how you can show that to the rest of us in the class.

These are individual projects - you submit your own work.

Project groups (optional) - You can work individually or you can collaborate with another student or a small group (2-4), sharing your work, asking and answering questions, ... Working together in a small group usually is more interesting and produces better results. Working in a project group is optional, but recommended.

Suggestions - create a web site with 3-5 pages - You will outline the pages, but your project submission will just be a single page.
 * your Personal Learning Network (PLN)
 * teach some elements of HTML5 and/or Cascading Style Sheets
 * guide visitors through the information required to achieve one of the Web Literacies - Exploring, Building, Connecting
 * cover a specific topic of interest to you
 * provide a web presence for an organization or business

Save your HTML file as cis89project1. If you are hosting your project on Voyager or on a hosting service, use the URL for your page.
 * 1) Project  - In a new source code file, use the appropriate HTML5 and Cascading Style Sheet elements and tags  to demonstrate the layout, content look and feel, and navigation for your web site. Consider the overall objective and visitors' needs. The project is one page that represents a web site with 3-5 pages. Include in-page linking to demonstrate site navigation. While it is important to demonstrate the elements and tags within your page, the final result must be attractive, functional, and accessible.
 * 1) Submit the full name of your project, and the URL for the project file to the  Project  assignment.
 * 2) Prepare for 12. Peer review - post a link to your project  page and any comments or questions about the project to the  Project reviews discussion in module 12. Peer review. Include the word PROJECT and your name in the Subject for your post. See assignment 12. for further information


 * 1) I know - After completing all the previous modules of the CIS89A course, what have you learned? Review your comments in your introduction at the beginning of the course. Did this meet or exceed your expectations? Have you changed your goals for using your web development expertise? What more would you like to know and why? What are you going to do next? In the I know... discussion, post a brief summary of your experience in the course so far.

== Project rubric== Your project must be submitted as a single web page but represent a site with 3-5 pages. This will minimize the replication of CSS code. Use in-page links to represent links to site sub-pages from your main page.

Your project will be graded on your appropriate inclusion of all the web development topics covered in the course. Does the project page code include a correctly coded example of each major HTML and CSS elements, attributes and properties? This will also include the general design and usability of your CSS and HTML source code.


 * 5 pts - CSS - attributes, application, code formatting
 * 2 pts - head, body, meta, title, comments
 * 2 pts - text, links - font, size, color
 * 2 pts - images - alt
 * 2 pts - media - display, play
 * 2 pts - lists, table
 * 2 pts - form
 * 3 pts - excellence - design, usability, originality

20 points - Total

Points for Excellence - in addition to demonstrating your understanding and application of CSS and HTML to your page source code, there are additional points for showing that you are working beyond the basic coding as reflected in the page's visitor experience. These points will be awarded for design, usability, originality, ...

accessed 2014.6.27 503