CIS89A Project
For your Individual Project you will 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. These are individual projects - you submit your own work.
Project requirements
- Create a web site with 3-5 pages - Your project submission can be a single page with multiple sections to represent content pages.
- 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.
- 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.
Online collaboration experience
- Collaborate with a small group. In addition to doing your own project work, use the small group discussion for sharing your work, asking and answering questions, Groups are automatically assigned. This is an opportunity to try online collaboration. Working together in a small group usually is more interesting and produces better results.
- Group work tutorial - Surviving Group Projects - Your chances of survival increase if you work together. Follow the steps to success for the strategies and tools to do that. Your mission is very goal-oriented. Use the tips and take-action steps to help your team create a high-quality project. You can't escape it! Get ideas to prevent and deal with common problems.
- There are points for group work. If you work alone, you forfeit the points for the group collaboration experience.
Create a Portfolio Site
Developers, designers and writers each have different skills and work to display, but they all have one thing in common: they need to sell themselves to potential clients. You want potential clients visiting your site and instantly thinking, “I want that too!” It’s your virtual showroom, which prospective clients can even show others when they need to convince someone else.
This Create a Portfolio Site article outlines all components of a professional portfolio site.
Other portfolio resources
- How to make a personal website in 11 steps | Webflow Blog
- We know that you want to share unique interests, expertise, and personality with the world.A personal website is a great opportunity to get your personality and skills out there. We’re going to t...
- 20 Best Portfolio Websites to See Before Creating Your Own
- what distinguishes you from other creatives and how you can express this in your design, a great place to start is to search for inspiration by looking at the works of others. Before creating your...
- 5 Design Principles For Building Your First Portfolio | Dribbble
- Strategize first, write second, design lastAs a designer, it’s natural to want to jump into the “designing” part of a project. Excitement builds as you think about cool design ideas and how y...
- Six easy steps to create a successful online portfolio | Creative Boom
- "Keep it simple and remember your goalsFirst impressions do count. When someone lands on your portfolio site, you’ll want them to feel compelled to stay and, ultimately, decide to hire you.I...
- EPortfolio Rubric (Digital Portfolio Rubric)
- All artifacts and work samples are clearly and directly related to the purpose of the eportfolio. A wide variety of artifacts is included. The navigation links are intuitive. The various parts of...
Other project suggestions - please discuss with the instructor first.
- 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
