1. How to Plan a Website Dusty Davis – Back Bay Service Unit Girl Scouts www.backbayserviceunit.bluejinx.com Camile Berry – Girl Scout Council of Colonial Coast

2. Welcome Introductions

3. Why Make a Plan? What do you really want the website to say? Who will maintain the website? When you are ready, where do you publish the site? How do you lay out the Website?

4. Agenda Planning Publishing A Website Getting Started TemptationsSummary

5. Planning Identify the Purpose or Goals – What is the main purpose of your web site?

6. Planning Figure out what kind of commitment is involved How much time and money are you willing to put into your website? Who will determine or approve the content? How often will website be updated?

7. Planning More on Commitment What kind of skills will be needed? Who will learn these skills? Should I use Software (WYSIWYG)? Should I use a Content Manager? Should I code from scratch (HTML)? Who will maintain and update the website? Most Importantly: Decide what is best for you

8. Planning Do I need a blog or a website? Which is better? Blog: A blog is a series of content (called "posts") that are usually organized by date and category for convenient browsing. A blog is a series of content (called "posts") that are usually organized by date and category for convenient browsing. They have comment forms at the end of every post that allow the readers to interact. Blogs were originally created for personal journaling. Now blogs are used in place of websites.

9. Planning Do I need a blog or a website? Which is better? Website: A website is a collection of content called web pages. Unlike a blog, the pages are not usually organized by date. A website is a collection of content called web pages. Unlike a blog, the pages are not usually organized by date. With websites, you have a more control of your site's layout because it's easier to work directly with the code.

10. Planning Know your Audience Who will visit the web site? Who will visit the web site? What do they do? How old are they? What are their interests?

11. Planning Design Layout – Ask others their opinions - Brainstorm Select the Content Categories Carefully – Write it down on paper Search the Web for ideas

12. Publishing the Site Where to Host Your Site Your ISP (Internet Service Provider) Free Service Hosting Company DedicatedShared What about a Domain Name?

13. Publishing the Site Hosting Company (plans) – Usually comes with a Domain Name MidPhase Hosting Net Firms Go Daddy Free Hosting (Free, will have advertising and bandwidth limits, Domain Name is not usually included) Google Sites Blogger or WordPress Webs (formerly FreeWebs – Has a section for Scouts) ClubspacesVolunteerSpot

14. Get Started Layout Folders or categories for images, contacts, forms, etc. Draw it out on paper – Story Board it HomeEvents SU Girl Events Volunteer Meetings ContactsVSTVolunteers Documents Images Archives

15. Creating the Website Planning the layout Pages must be functional, with logical navigation Pages must be functional, with logical navigation Page must be easy to update Organize all the files Try to keep filenames, try not to move files Graphic design is part of functional and navigation

16. Creating the Website Programs (Editors) FrontPage 2003 Kompozer (Free) CoffeeCup (Has Free Version) Dreamweaver This is just a small example of programs available

17. Creating the Website Content Management Systems (CMS) Database driven, dynamic website template software that provides the site owner with the ability to upload, edit and delete content. WordPress Moveable Type TypePadBloggerDrupalJoomla

20. Creating the Website What If I don’t want to use a program? Can you write HTML without a program? YES, you can HTML: HyperText Markup Language HTML is the language by which Web Servers and browsers communicate with each other.

21. Creating the Website What it really looks like

22. Temptations Do keep it simple. (Less is more – and tasteful simple web sites are more appealing) Do Make it eye pleasing. (Blinking and multi-colored text is a bad idea) Don’t use a Flash introduction. Don’t put music or sound files that play automatically on your site. Don’t put a lot of slow-loading graphics and media on your page. Do make sure your visitors at a glance know what your site is about. Don’t use pop-ups on your website. Do avoid copyright violations. Do be responsible: Ensure that your Web site is safe, secure, monitored and and moderated.

23. Group Summary

24. Website Planning Identify the Purpose or Goals – What is the main purpose of your web site? Figure out what kind of commitment is involved Do I need a blog or a website? Know your audience Design Layout – Ask others their opinions - Brainstorm Select the Content Categories carefully – Write it down Search the Web for ideas Decide where to host your site Most Importantly: Decide what is best for you

25. Website Planning Thank you! Resources are attached Dusty Davis – Back Bay Service Unit Girl Scouts Back Bay Service Unit FD&V VFA: http://backbayserviceunit.bluejinx.com/ http://backbayserviceunit.bluejinx.com/ Camile Berry – Girl Scout Council of Colonial Coast Girl Scout Council of Colonial Coast IT Director

26. Resources Girl Scout Resources (Additional Questions - Marcyg@gsccc.org 547-4405 ext. 258): Marcyg@gsccc.org Girl Scout Council of Colonial Coast: www.gccc.org www.gccc.org Girl Scout Copyrights: www.girlscouts.org/faqs/copyrights_trademarks.asp www.girlscouts.org/faqs/copyrights_trademarks.asp Girl Scout Guidelines for Websites: www.gsccc.org/Documents/Forms/Guidelines_for_Web_2_10_0511.doc www.gsccc.org/Documents/Forms/Guidelines_for_Web_2_10_0511.doc Paid Web Plans Go Daddy: www.godaddy.com www.godaddy.com Midphase: www.midphase.com www.midphase.com Net Firms: www.netfirms.com www.netfirms.com Yahoo! Webhosting: http://smallbusiness.yahoo.com/webhosting/ http://smallbusiness.yahoo.com/webhosting/ Free Web Sites FreeWebs: http://scouts.freewebs.com/ http://scouts.freewebs.com/ ClubSpaces: www.clubspaces.com/home.aspx www.clubspaces.com/home.aspx Google Sites: www.google.com www.google.com VolunteerSpot: www.volunteerspot.com www.volunteerspot.com

27. More Resources Blogs Blogger (Free): www.blogger.com www.blogger.com WordPress (Free): http://wordpress.com http://wordpress.com Adult Learning Classes (Check your local Community College or School District for Adult course offerings near you) Course Catalog for Virginia Beach Adult Learning: www.adultlearning.vbschools.com www.adultlearning.vbschools.com Course Catalog for Chesapeake Adult and Continuing Education: http://www.cpschools.com/departments/adulted/brochure.html http://www.cpschools.com/departments/adulted/brochure.html Tutorials Building a School Website: www.wigglebits.com/ (For Beginners) www.wigglebits.com/ How-To—Build-Websites.com: www.how-to-build-websites.com (Intermediate) www.how-to-build-websites.com W3schools: www.w3schools.com/ (Advanced) www.w3schools.com/ Tools FrontPage 2003 (Available with MS Office 2003 Professional – will be discontinued) Kompozer (Free): www.Kompozer.net www.Kompozer.net CoffeeCup (Has Free Version): www.coffeecup.com www.coffeecup.com Dreamweaver: www.adobe.com/products/dreamweaver www.adobe.com/products/dreamweaver