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

More Related Content

PPTX
Favorite technologies
PPTX
Empowerment Technology
PPTX
Web 2.0 and Its Effect
PPT
Howto createweeblysite2
PPT
Just what exactly IS web 2.0?
PPT
Creating your PLE
PPT
Delicious
PPTX
Web design principles
Favorite technologies
Empowerment Technology
Web 2.0 and Its Effect
Howto createweeblysite2
Just what exactly IS web 2.0?
Creating your PLE
Delicious
Web design principles

Similar to Quick And Easy Web Design - Night 1 (20)

PDF
Get Connected
PPT
Google Sites
PPTX
Get the group work instant
PPT
Web2.0 drummonds
PDF
Create a website with Google Sites
PPT
Trends in New Media
PPT
Teaching Online Media
PPT
Social Networking
PPT
Royal Retreat
PPTX
Ncair summer drive in creating a google site
PPT
Web 2 0 Etc 2009
PPT
web 2.0
PDF
Introduction To Social Media
PPT
Social Media MLA London 4th Nov 09
ODP
Tech. integration for fl presentation flanc fall 2010
PPTX
Google site
PPT
Web design for business.ppt
PDF
Methodist University Website Training Presentation
PPT
Html class-01
Get Connected
Google Sites
Get the group work instant
Web2.0 drummonds
Create a website with Google Sites
Trends in New Media
Teaching Online Media
Social Networking
Royal Retreat
Ncair summer drive in creating a google site
Web 2 0 Etc 2009
web 2.0
Introduction To Social Media
Social Media MLA London 4th Nov 09
Tech. integration for fl presentation flanc fall 2010
Google site
Web design for business.ppt
Methodist University Website Training Presentation
Html class-01
Ad

More from nashuc (9)

PPT
SchoolWires Presentation - Night 3
PPT
What Is Fair Use
PPT
SchoolWires - Night 1
PPT
Quick And Easy Web Design - Night 2
PPT
Quick And Easy Web Design - Night 2
PPT
Quick And Easy Web Design - Night 2
PPT
Quick And Easy Web Design - Night 2
PPT
Quick And Easy Web Design - Night 2
PPT
Quick And Easy Web Design - Night 2
SchoolWires Presentation - Night 3
What Is Fair Use
SchoolWires - Night 1
Quick And Easy Web Design - Night 2
Quick And Easy Web Design - Night 2
Quick And Easy Web Design - Night 2
Quick And Easy Web Design - Night 2
Quick And Easy Web Design - Night 2
Quick And Easy Web Design - Night 2
Ad

Recently uploaded (20)

PDF
Machine learning based COVID-19 study performance prediction
PPTX
Big Data Technologies - Introduction.pptx
PDF
Electronic commerce courselecture one. Pdf
PPTX
Spectroscopy.pptx food analysis technology
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
KodekX | Application Modernization Development
PDF
cuic standard and advanced reporting.pdf
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
Cloud computing and distributed systems.
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Machine learning based COVID-19 study performance prediction
Big Data Technologies - Introduction.pptx
Electronic commerce courselecture one. Pdf
Spectroscopy.pptx food analysis technology
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Review of recent advances in non-invasive hemoglobin estimation
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Reach Out and Touch Someone: Haptics and Empathic Computing
Encapsulation_ Review paper, used for researhc scholars
Unlocking AI with Model Context Protocol (MCP)
KodekX | Application Modernization Development
cuic standard and advanced reporting.pdf
Dropbox Q2 2025 Financial Results & Investor Presentation
20250228 LYD VKU AI Blended-Learning.pptx
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Spectral efficient network and resource selection model in 5G networks
Cloud computing and distributed systems.
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
How UI/UX Design Impacts User Retention in Mobile Apps.pdf

Quick And Easy Web Design - Night 1

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