webdesign

=Create a Website= These days, tools exist so that anybody can build a website, but that doesn't mean anyone will want to visit it. The result of this beginner-friendly workshop will be the launch of your own unique website. You will learn about the underlying code it takes to develop a website (HTML & CSS) as well as website design considerations. No previous website experience is required.

Core technology skill goals:

 * Content vs. Layout - HTML & CSS
 * Website Design Process - identify purpose and audience of website and then create a plan to complete the website
 * Testing - ensure website has no bugs through functional testing and that it is easy to use through usability testing
 * Search Engines - how do they work and how can you increase your visibility

Session 1: HTML

 * Learn about HTML tags
 * Remix your favorite webpage with Mozilla X-Ray Goggles
 * Create a creature with the Awesome Animal Builder
 * HTML Tag Cheat Sheet
 * HTML Reference
 * Sign-up for an online tutorial
 * Skillcrush Make Your Own Website
 * CodeAvengers HTML5/CSS3

Session 2: CSS

 * Learn about CSS
 * Make a Meme
 * CSS Cheat Sheet
 * CSS Reference
 * Create some test content
 * Include at least one image
 * Create an image (Pixel Art)
 * Search for an image (Creative Commons)
 * Create a title
 * Create an intro paragraph
 * Find three links to put into a bulleted list
 * Experiment with HTML & CSS using your test content
 * Skillcrush project editor
 * Mozilla Thimble

Session 3: Design

 * Check out examples of Weebly sites to get inspired
 * Check out examples of the worst websites & avoid their mistakes
 * Try out Weebly
 * Add your "test" content
 * Experiment with templates, highlight your 3 favorite
 * Identify purpose & audience for your website
 * Start collecting (curating) your own content
 * Create a credits page & keep track of websites where you collect images & text

Session 4: Create, Test & Evaluate

 * Layout your site and add your content
 * Learn about search rankings
 * Publish site
 * Functional testing (by you)
 * no dead links
 * no misspelled words
 * images & text credited
 * Usability testing (by someone else)
 * do others enjoy using your site?
 * do they understand the purpose of your site?
 * is it easy to find things on your site?

media type="custom" key="20376744"