CIS89A - 11. Individual Projects

From WikiEducator
Jump to: navigation, search
Yellow Split Peas

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


  • planning, visitor experience, accessibility

Reading guide

  • 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?


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.

Create a web site with 3-5 pages. Start with your web site plan that you created in the previous module. Ideas for your site...

  • provide a web presence for an organization or business
  • cover a specific topic of interest to you
  • teach some elements of HTML5 and/or Cascading Style Sheets

These are individual projects - you submit your own work.

Collaboration - You work individually on your project and collaborate with other students, sharing your work, asking and answering questions, ... Working together in a group is more interesting and produces better results.

For your project, create a new source code file.

  1. Project - 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 a web site with 3-5 pages. 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.
    Save your HTML file. If you are hosting your project on Voyager or on a hosting service, use the URL for your page.
  2. Submit the full name of your project, and the URL for the project file to the Project assignment.

  3. Complete the Project group feedback quiz to review the process you and your group followed. What did you learn about working in a group? Is your individual project better because you were working with this group? How did you each do on the pillars of group work: teamwork, competence, dependability, work ethic and communication skills? Do you have any suggestions for improving the group work for this course?
  4. In the Project groups discussion, post 2-3 sentences about group work in other courses or in your work or community.

  5. Prepare for 12. Peer review - post a link to your project page and any comments or questions about the project to the Peer 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

  6. Learning Literacies revisited - Complete the Learning Literacies questionnaire - this one covers the specifics of each of the Learning Literacies. Which specific topics were most useful to you? Do we need to improve some literacies media selections and activities?

Project rubric

Your project should represent a site with 3-5 pages.

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.

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

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 site's visitor experience. These points will be awarded for design, usability, originality, ...

Icon multimedia.gif


  • Wendy Willard - Troubleshooting
  • Code Academy - HTML, CSS - interactive tutorial that covers all the basics
  • Learning CSS - Prezi overview of major components of CSS with detailed explanations for individual lines of code. Good summary.


Project Design Rubric | Project Based Learning | BIE
The Project Design Rubric uses the Essential Project Design Elements as criteria to evaluate projects. The rubric aligns with BIE's Gold Standard PBL model. Definitions and practical examples a...
The Schoenblog: Student Reflections & Self-Assessments
how their perceived their contributions to class so far. In the future, I want to generalize these ideas to create a form that students can use throughout the year with minimal editing. Or even bet...
The Schoenblog: When Students-Self Assess: Sharing Reflections and Feedback
classroom activities and asked students to evaluate their performance. Students were definitely honest here, reporting back fairly accurately."
<p class="diigo-tags"&g...
Rubric for Classroom Web Pages
"This rubric may be used for self-assessment and peer feedback. "
<p class="diigo-tags"><strong>Tags:</strong> <a href='...
Webpage Design Rubric.pdf
"Judging will be based on the following categories: basic information, navigation, functionality, layout/readability, content/game theme, and community outreach. See the below rubric for spec...
Rubric for Evaluating Web Pages
This rubric can be used for self-assessment and peer feedback to evaluate a Web site (or page). In addition, you can evaluate the Web site in accordance with the established policies and guidelines...
Inclusive Engineering Media Challenge – Precollege Engineering Education
" NAPE’s Ensuring Equity in Project-Based Learning Toolkit (available April 2017) describes how an equitable PBL approach can positively affect marginalized groups, and provides strategies t...

2014.6 503 . 2015.6 1223 . 2016.3 2119 . 2016.7 2508 . 2017.3 3338 . 2018.2 4,236 .