1. Web Design Principles Designing educational websites Larysa Nadolny Educational Technology Specialist CCIU

2. Agenda 1. Creating a web page 2. Web design basics 3. Copyright laws 4. Getting more help

3. Agenda 1. Creating a web page 2. Web design basics 3. Publishing to the web 4. Getting more help

4. Web Design Programs Microsoft Word Adobe Dreamweaver many others… Microsoft FrontPage Netscape Composer Mozilla Composer

5. Agenda 1. Creating a web page 2. Web design basics 3. Copyright laws 4. Getting more help

6. Web Design Basics Planning Essentials Visuals Goals Content Structure Maintenance Layout Design Images Advanced design http://www.webstyleguide.com/ Title Page content Link to homepage Author Revised date

7. Web Design Basics Planning Goals Content Structure Maintenance

8. Essentials Web Design Basics Title Page content Link to homepage Author Revised date

9. Visuals Web Design Basics Layout Design Images Advanced Design

10. DistractionsDistractions Distractions Avoid loud or bright colors. Avoid special fonts Imagine trying to read a couple of paragraphs of this! Avoid italics and underline; unless absolutely necessary. Strive for proportional relationships among fonts. Too Big Too Small Avoid animated images.  Click HERE!

11. Agenda 1. Creating a web page 2. Web design basics 3. Copyright laws 4. Getting more help

12. Technology and Learning Chart http://www.mediafestival.org/copyright_chart.pdf Cyberbee (elementary and middle school) http://www.cyberbee.com/cb_copyright.swf Education World Article http://www.education-world.com/a_curr/curr280.shtml Copyright Laws

13. Agenda 1. Creating a web page 2. Web design basics 3. Copyright laws 4. Getting more help

14. Web Style Guide, 2 nd. Edition: This edition is free online, but it also can be purchased at Amazon.com http://www.webstyleguide.com/ Digital Web Magazine article “The Principles of Design” By McClurg-Genevese http://www.digital-web.com/articles/principles_of_design/ Award Winning Websites “Webby Awards” http://www.webbyawards.com/ Award Winning Websites “American Design Awards” http://www.americandesignawards.com/ Getting Help

15. HTML lessons for students http://www.goodellgroup.com/tutorial/index.html Web Teacher Blog http://www.webteacher.ws/ Middle School Web Design Course Article http://www.adobe.com/devnet/education/articles/empowering_learners.html Getting Help