department menu

Website Toolkit

decorativeThis toolkit contains lots of tips and resources to help make an effective and beautiful website. Students can share their research, stories, projects, a portfolio of their work or an online magazine with the world. 

 

Instructors

Website Projects - Instructor Guide

Team Projects Toolkit

Assessment Tools

Website Assessment Rubric from U. of Wisconsin - 6 criteria rated on 4 levels from not yet proficient to exemplary.

Website Rubric from Gallileo Educational Network - very comprehensive, includes 11 criteria described at 4 levels.

ePortfolio Rubric from U. of Wisconsin

Team Projects

Website  Inspiration

Webby Awards - browse by category

Content heavy examples 
New York Times Online Magazine 
GOOD

Portfolio examples
50 of the Best eportfolios from the College Info Geek

 

Students

Student Planning Worksheet

Design

Principles of good web design

What makes a website visually appealing?

If you want more depth, the CSUSM library also has digital books on web design, including Practical Web Design for Absolute Beginners. Log in for online access.

Top 5 web design mistakes

https://youtu.be/LQbxFXPpIlM

Design Assets

Fair Use of Copyrighted Images

Free Images & Icons

Foter.com  - over 220 million  stock photos
Pixabay - pictures, and graphics, with a CCO  “No Rights Required” license
Pikwizard - More photos  with a “CC0” license
Freepik - lots of icons

Data Visualization

Chart Chooser: Find a chart, download as Excel and insert your  data.

Fonts & Color Schemes

About Font Selection 
Coolors
- Generate color schemes or choose from their selection.

100 brilliant color combinations  

 

Free Website Creation Tools

Both Wix and Weebly  include templates, themes and hundreds of design elements as well as the ability to upload your own images.  Website Builder Express has a helpful chart comparing the pros and cons of each.

Wix.com

Wix tutorial for beginners: video 
Wix help center
Explore Wix websites 
Explore Wix templates

Weebly.com

Beginners guide to Weebly: video
Weebly help center  
Explore Weebly themes (templates)

 

  License