Design

Design

Now that you have explored the building blocks of the web - HTML, CSS & JavaScript, you have have some concept of the power and limitations of web design and development. Now, you can take advantage of the myriad of template-based editors. But before jumping into template editing, having a plan is critical. This activity is all about identifying what your website is about (planning) and how it will be laid out (wireframing). 

Best Web Design Practices

• 7 Best Practices for Improving Your Website's Usability

• 10 Usability Heuristics for User Interface Design

• Designing a “Cooler” Nonprofit Website

• Quick & Dirty Designs: How to add hand drawn elements to your website

  • Easy to follow, step-by-step instructions, just substitute one of the free imaging tools for PhotoShop instruction

• Think Like a Designer: 3 Tips to Help You Build a Better Website

• Ultimate Guide to Website Wireframing

• Website Design Considerations

Once you have a design and a plan, you are ready to create your website. There are many template editors out there including Google sites which is how this website was made.