Quick And Easy Web Design - Night 1


Published on

Published in: Technology, Spiritual
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Quick And Easy Web Design - Night 1

  1. 1. Quick and Easy Web Design April 14, 2009 Shaun Creighton
  2. 2. Logging In <ul><li>.username.site.chandler_usd </li></ul><ul><li>Examples: </li></ul><ul><ul><li>.smithj.erie.chandler_usd </li></ul></ul><ul><ul><li>.johnsonp.bhs.chandler_usd </li></ul></ul>
  3. 3. Course Outline – Night 1 <ul><li>A Brief History of Web Design </li></ul><ul><li>Website Planning </li></ul><ul><li>A Tale of Two Tools </li></ul><ul><ul><li>Google Sites </li></ul></ul><ul><ul><li>Wikispaces </li></ul></ul>
  4. 4. A Brief History of Web Design <ul><li>HTML Coding </li></ul><ul><li>Software Tools </li></ul><ul><ul><li>Word processing </li></ul></ul><ul><ul><li>Web design </li></ul></ul><ul><li>Web 2.0 Tools </li></ul>Picture courtesy of Flickr user eisenrah , permission granted via Creative Commons license
  5. 5. Website Planning <ul><li>Questions to ask: </li></ul><ul><li>What is the purpose of this site? </li></ul><ul><ul><li>Why am I building it? </li></ul></ul><ul><ul><li>What do I want to accomplish? </li></ul></ul><ul><ul><li>What are my priorities with the site? </li></ul></ul><ul><ul><li>How much time/money/energy can I commit to it? </li></ul></ul>
  6. 6. Website Planning <ul><li>Questions to ask: </li></ul><ul><li>Who is my target audience? </li></ul><ul><ul><li>What information will they want? </li></ul></ul><ul><ul><li>How frequently will they want it? </li></ul></ul><ul><ul><li>What technology will they use to access my site? </li></ul></ul><ul><ul><li>How comfortable are they with that technology? </li></ul></ul><ul><ul><li>What are their special needs? </li></ul></ul>
  7. 7. Website Planning <ul><li>Questions to ask: </li></ul><ul><li>What technologies do I need? </li></ul><ul><ul><li>How will I produce or obtain the graphics, video, sound, etc., I need for the site? </li></ul></ul><ul><ul><li>Do people need to communicate via my site? </li></ul></ul><ul><ul><li>How interactive does the site need to be? </li></ul></ul><ul><ul><li>What software or online tools will I need? </li></ul></ul><ul><ul><li>Where will my website be hosted? </li></ul></ul>
  8. 8. Website Planning <ul><li>Complete the Website Planning Worksheet in your packet. </li></ul><ul><li>Discuss with your neighbors. </li></ul>
  9. 9. A Tale of Two Tools
  10. 10. Google Sites - Features <ul><li>easily integrates other Google services (Google Calendar, Google Photos, Google Docs, etc.) into your site </li></ul><ul><li>allows multiple Google users to edit or maintain the site </li></ul><ul><li>can make the site private (viewable only by specific users) </li></ul><ul><li>many themes available to individualize the appearance of your site </li></ul>
  11. 11. Setting Up Your Account <ul><li>Visit sites.google.com . </li></ul><ul><li>Click the Get started link on the right. </li></ul><ul><li>Enter your e-mail address. </li></ul><ul><li>Click Sign up for a Google Account . </li></ul><ul><li>Fill out the appropriate information on the form. </li></ul>
  12. 12. Setting Up Your Site <ul><li>Visit sites.google.com . </li></ul><ul><li>Log in to your Google account. </li></ul><ul><li>Click Create a Site (if there are no sites listed) or Create new site (if you have already created a site). </li></ul>
  13. 13. More Information <ul><li>Visit sites.google.com and play the tutorial or view the sample sites. </li></ul><ul><li>Visit the Google Sites Help Center at sites.google.com /support/ . </li></ul>
  14. 14. Wikispaces - Features <ul><li>easy setup … your account and your wiki are created at the same time </li></ul><ul><li>great customer support (with real people!) </li></ul><ul><li>large collection of “gadgets” allows your pages to include calendars, documents, surveys, video, etc. </li></ul><ul><li>extensive history and discussion shows users the “evolution” of each page </li></ul>
  15. 15. Setting Up Your Account/Site <ul><li>Visit www.wikispaces.com . </li></ul><ul><li>Fill in the information on the right (be sure to pick your username and wiki space name carefully). </li></ul><ul><li>Click Join . </li></ul>
  16. 16. Privacy Settings <ul><li>Public (anyone can view or edit your wiki) </li></ul><ul><li>Protected (anyone can view your wiki, but only specified users can edit it) </li></ul><ul><li>Private (only specified users can view or edit your wiki) </li></ul><ul><li>Private accounts cost $5 per month, but Wikispaces is offering them to teachers for free! Visit www.wikispaces.com for details. </li></ul>
  17. 17. More Information <ul><li>Visit www.wikispaces.com and click the Tours link for video tutorials. </li></ul><ul><li>Visit the Wikispaces Help Center at help.wikispaces.com . </li></ul><ul><li>E-mail for help at [email_address] . </li></ul>
  18. 18. A Tale of Two Tools <ul><li>Which tool did you like best? </li></ul><ul><li>Which one: </li></ul><ul><ul><li>was easiest to use? </li></ul></ul><ul><ul><li>had better features? </li></ul></ul><ul><ul><li>produced better-looking websites? </li></ul></ul>
  19. 19. Wrap Up <ul><li>What did you learn tonight? </li></ul><ul><li>What do you still need more help with? </li></ul><ul><li>What questions do you still have? </li></ul><ul><li>What topics would you like to cover next week? </li></ul>