Embed Size (px)
Citation preview
How to Plan a How to Plan a WebsiteWebsite
Dusty Davis – Back Bay Service Unit Girl Dusty Davis – Back Bay Service Unit Girl ScoutsScouts
www.backbayserviceunit.bluejinx.com
Camile Berry – Girl Scout Council of Camile Berry – Girl Scout Council of Colonial CoastColonial Coast
WelcomeWelcome
IntroductionsIntroductions
Why Make a Plan?Why Make a Plan?
What do you really want the website to What do you really want the website to say?say?
Who will maintain the website?Who will maintain the website?
When you are ready, where do you When you are ready, where do you publish the site?publish the site?
How do you lay out the Website?How do you lay out the Website?
AgendaAgenda
PlanningPlanning
Publishing A WebsitePublishing A Website
Getting StartedGetting Started
TemptationsTemptations
SummarySummary
PlanningPlanning
Identify the Purpose or Goals – What is Identify the Purpose or Goals – What is the main purpose of your web site? the main purpose of your web site?
PlanningPlanning
Figure out what kind of commitment is Figure out what kind of commitment is involvedinvolved
How much time and money are you How much time and money are you willing to put into your website?willing to put into your website?
Who will determine or approve the Who will determine or approve the content?content?
How often will website be updated?How often will website be updated?
PlanningPlanning
More on CommitmentMore on CommitmentWhat kind of skills will be needed? Who What kind of skills will be needed? Who will learn these skills?will learn these skills?
Should I use Software (WYSIWYG)?Should I use Software (WYSIWYG)?
Should I use a Content Manager?Should I use a Content Manager?
Should I code from scratch (HTML)?Should I code from scratch (HTML)?
Who will maintain and update the Who will maintain and update the website?website?
Most Importantly: Decide what is best Most Importantly: Decide what is best for youfor you
PlanningPlanning
Do I need a blog or a website? Which is Do I need a blog or a website? Which is better?better?
Blog: Blog: A blog is a series of content (called "posts") A blog is a series of content (called "posts") that are usually organized by date and that are usually organized by date and category for convenient browsing.category for convenient browsing.
They have comment forms at the end of They have comment forms at the end of every post that allow the readers to every post that allow the readers to interact.interact.
Blogs were originally created for personal Blogs were originally created for personal journaling. Now blogs are used in place of journaling. Now blogs are used in place of websites.websites.
PlanningPlanning
Do I need a blog or a website? Which Do I need a blog or a website? Which is better?is better?
Website: Website: A website is a collection of content called A website is a collection of content called web pages. Unlike a blog, the pages are web pages. Unlike a blog, the pages are not usually organized by date.not usually organized by date.
With websites, you have a more control of With websites, you have a more control of your site's layout because it's easier to your site's layout because it's easier to work directly with the code.work directly with the code.
PlanningPlanning
Know your AudienceKnow your Audience Who will visit the web site? Who will visit the web site?
What do they do? What do they do?
How old are they? How old are they?
What are their interests? What are their interests?
PlanningPlanning
Design Layout – Ask others their Design Layout – Ask others their opinions - Brainstormopinions - Brainstorm
Select the Content Categories Carefully Select the Content Categories Carefully – Write it down on paper – Write it down on paper
Search the Web for ideas Search the Web for ideas
Publishing the Publishing the SiteSite
Where to Host Your Site Where to Host Your Site Your ISP (Internet Service Provider)Your ISP (Internet Service Provider)
Free Service Free Service
Hosting Company Hosting Company Dedicated Dedicated
Shared Shared
What about a Domain Name? What about a Domain Name?
Publishing the Publishing the SiteSite
Hosting Company (plans) – Usually comes Hosting Company (plans) – Usually comes with a Domain Namewith a Domain Name
MidPhase Hosting MidPhase Hosting Net Firms Net Firms Go Daddy Go Daddy
Free Hosting (Free, will have advertising Free Hosting (Free, will have advertising and bandwidth limits, Domain Name is not and bandwidth limits, Domain Name is not usually included)usually included)
Google SitesGoogle SitesBlogger or WordPressBlogger or WordPressWebs (formerly FreeWebs – Has a section Webs (formerly FreeWebs – Has a section for Scouts)for Scouts)ClubspacesClubspacesVolunteerSpotVolunteerSpot
Get StartedGet StartedLayoutLayout
Folders or categories for images, contacts, Folders or categories for images, contacts, forms, etc.forms, etc.
Draw it out on paper – Story Board it Draw it out on paper – Story Board it
Creating the Creating the WebsiteWebsite
Planning the layoutPlanning the layout Pages must be functional, with logical Pages must be functional, with logical navigation navigation
Page must be easy to update Page must be easy to update
Organize all the files Organize all the files
Try to keep filenames, try not to move Try to keep filenames, try not to move filesfiles
Graphic design is part of functional and Graphic design is part of functional and navigation navigation
Creating the Creating the WebsiteWebsite
Programs (Editors)Programs (Editors)FrontPage 2003 FrontPage 2003
Kompozer (Free)Kompozer (Free)
CoffeeCup (Has Free Version)CoffeeCup (Has Free Version)
DreamweaverDreamweaver
This is just a small example of programs This is just a small example of programs available available
Creating the Creating the WebsiteWebsite
Content Management Systems (CMS)Content Management Systems (CMS)Database driven, dynamic website Database driven, dynamic website template software that provides the site template software that provides the site owner with the ability to upload, edit and owner with the ability to upload, edit and delete content.delete content.
WordPressWordPress
Moveable TypeMoveable Type
TypePadTypePad
BloggerBlogger
DrupalDrupal
JoomlaJoomla
Creating the Creating the WebsiteWebsite
What If I don’t want to use a program?What If I don’t want to use a program?Can you write HTML without a program? Can you write HTML without a program? YES, you can YES, you can
HTML: HyperText Markup LanguageHTML: HyperText Markup LanguageHTML is the language by which Web HTML is the language by which Web Servers and browsers communicate with Servers and browsers communicate with each other.each other.
Creating the Creating the WebsiteWebsite
What it What it really looks really looks likelike
TemptationsTemptationsDoDo keep it simple. (Less is more – and tasteful simple web keep it simple. (Less is more – and tasteful simple web sites are more appealing)sites are more appealing)
DoDo Make it eye pleasing. (Blinking and multi-colored text Make it eye pleasing. (Blinking and multi-colored text is a bad idea)is a bad idea)
Don’tDon’t use a Flash introduction. use a Flash introduction.
Don’tDon’t put music or sound files that play automatically on put music or sound files that play automatically on your site. your site.
Don’tDon’t put a lot of slow-loading graphics and media on put a lot of slow-loading graphics and media on your page. your page.
DoDo make sure your visitors at a glance know what your make sure your visitors at a glance know what your site is about. site is about.
Don’tDon’t use pop-ups on your website. use pop-ups on your website.
DoDo avoid copyright violations. avoid copyright violations.
DoDo be responsible: Ensure that your Web site is safe, be responsible: Ensure that your Web site is safe, secure, monitored and and moderated. secure, monitored and and moderated.
Group SummaryGroup Summary
Website PlanningWebsite PlanningIdentify the Purpose or Goals – What is the Identify the Purpose or Goals – What is the main purpose of your web site? main purpose of your web site?
Figure out what kind of commitment is involvedFigure out what kind of commitment is involved
Do I need a blog or a website? Do I need a blog or a website?
Know your audienceKnow your audience
Design Layout – Ask others their opinions - Design Layout – Ask others their opinions - BrainstormBrainstorm
Select the Content Categories carefully – Write Select the Content Categories carefully – Write it downit down
Search the Web for ideas Search the Web for ideas
Decide where to host your siteDecide where to host your site
Most Importantly: Decide what is best for youMost Importantly: Decide what is best for you
Website PlanningWebsite Planning
Thank you! Thank you!
Resources are attachedResources are attached
Dusty Davis – Back Bay Service Unit Girl Dusty Davis – Back Bay Service Unit Girl ScoutsScouts
Back Bay Service Unit FD&V VFA: Back Bay Service Unit FD&V VFA: http://backbayserviceunit.bluejinx.com/
• Camile Berry – Girl Scout Council of Colonial Camile Berry – Girl Scout Council of Colonial CoastCoast– Girl Scout Council of Colonial Coast IT Girl Scout Council of Colonial Coast IT
DirectorDirector
ResourcesResources• Girl Scout Resources (Additional Questions - Girl Scout Resources (Additional Questions -
[email protected] 547-4405 ext. 258): 547-4405 ext. 258):– Girl Scout Council of Colonial Coast: Girl Scout Council of Colonial Coast: www.gccc.org– Girl Scout Copyrights: Girl Scout Copyrights:
www.girlscouts.org/faqs/copyrights_trademarks.asp– Girl Scout Guidelines for Websites: Girl Scout Guidelines for Websites:
www.gsccc.org/Documents/Forms/Guidelines_for_Web_2_10_0511.doc
• Paid Web PlansPaid Web Plans– Go Daddy: Go Daddy: www.godaddy.com– Midphase: Midphase: www.midphase.com– Net Firms: Net Firms: www.netfirms.com– Yahoo! Webhosting: Yahoo! Webhosting:
http://smallbusiness.yahoo.com/webhosting/
• Free Web SitesFree Web Sites– FreeWebs: FreeWebs: http://scouts.freewebs.com/– ClubSpaces: ClubSpaces: www.clubspaces.com/home.aspx– Google Sites: Google Sites: www.google.com– VolunteerSpot: VolunteerSpot: www.volunteerspot.com
More ResourcesMore Resources• BlogsBlogs
– Blogger (Free): Blogger (Free): www.blogger.com– WordPress (Free): WordPress (Free): http://wordpress.com
• Adult Learning Classes Adult Learning Classes (Check your local Community College or (Check your local Community College or School District for Adult course offerings near you)School District for Adult course offerings near you)– Course Catalog for Virginia Beach Adult Learning: Course Catalog for Virginia Beach Adult Learning:
www.adultlearning.vbschools.com– Course Catalog for Chesapeake Adult and Continuing Education: Course Catalog for Chesapeake Adult and Continuing Education:
http://www.cpschools.com/departments/adulted/brochure.html
• TutorialsTutorials– Building a School Website: Building a School Website: www.wigglebits.com/ (For Beginners) (For Beginners)– How-To—Build-Websites.com: How-To—Build-Websites.com: www.how-to-build-websites.com
(Intermediate)(Intermediate)– W3schools: W3schools: www.w3schools.com/ (Advanced) (Advanced)
• ToolsTools– FrontPage 2003 (Available with MS Office 2003 Professional – will be FrontPage 2003 (Available with MS Office 2003 Professional – will be
discontinued)discontinued)– Kompozer (Free): Kompozer (Free): www.Kompozer.net– CoffeeCup (Has Free Version): CoffeeCup (Has Free Version): www.coffeecup.com– Dreamweaver: Dreamweaver: www.adobe.com/products/dreamweaver
