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

Slides:



Advertisements
Similar presentations
Introduction to Web Design, HTML & WordPress. What is Web Design? Web Design encompasses many different skills and disciplines in the building and maintenance.
Advertisements

Multimedia Web Site Design Chapter Building an Effective Web Site Creating a Web site is easy, but creating one that is useful and attractive takes.
How To Create A Web Page By: Mikeon Briddy & Darrius Jacobs April 10,2006 Mr. Barnett.
BASICS OF BLOGGING. WHAT IS A BLOG? "Blog" is an abbreviated version of "weblog," which is a term used to describe websites that maintain an ongoing chronicle.
HOW TO BUILD A WEBSITE In 5 easy steps. Overview ◦ Decide on the Website’s Purpose ◦ Sketch a Rough Draft ◦ Create Content ◦ Code and Assemble Assets.
Principles of Internet Marketing Chapter 10 Programs and Languages.
Multimedia for the Web: Creating Digital Excitement HTML, XHTML and Web Authoring.
Dreamweaver 8 Concepts and Techniques Introduction Web Site Development and Macromedia Dreamweaver 8.
How to Establish a Blog. What is a Blog A blog is a collection of informational articles/ideas intended to update a viewer on new information associated.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
Website Design Fundamentals Michele Beisler 2006 FIRST Robotics Competition Kickoff January 7, 2006.
Website Design BTT1OC/2OC. What is web design? O A web site is a digital page consisting of HTML (hypertext markup language) files, images, movies, sound,
Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.
Website Development. W hat do you really want the website to say? How do you lay out the website and web pages? When it's completed, where do you publish?
Section 13.1 Add a hit counter to a Web page Identify the limitations of hit counters Describe the information gathered by tracking systems Create a guest.
Web Development 311 Fall : Fall Why web pages? Most companies have intranets, extranets, and web sites Content can be changed quickly and.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Web 2.0: Concepts and Applications 2 Publishing Online.
Developing and Designing a Web Site. Consider these Questions Who? What? When? Where? Why? How?
Welcome! Building Your Own Web Page. Goals for this Workshop Brief overview - What IS a web page? When should we have one and why? Content and examples.
Lecturer: Ghadah Aldehim
Web Sites for amateur radio. So You want to make a Web Site? There are several things you need to know about web sites before you start to think about.
A Free sample background from © 2001 By Default!Slide 1 Web Design Fundamentals.
WordPress Web. WordPress Blogging system with full content management Personal publishing system Built on PHP scripting language and MySQL relational.
Paul Mundy and Bob Huggan 1 Websites.
INTRODUCTION TO FRONTPAGE. TOPICS TO BE DISCUSSED……….  Introduction Introduction  Features Features  Starting Front Page Starting Front Page  Components.
Internet Basics Dr. Norm Friesen June 22, Questions What is the Internet? What is the Web? How are they different? How do they work? How do they.
Build a Free Website1 Build A Website For Free 2 ND Edition By Mark Bell.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
IT4C How to build a successful charity website Copyright iT4C 2009 Building a successful charity website Copyright iT4C November 2009 Nick Wiseman.
Mastering the Internet, XHTML, and JavaScript Web Design.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
Web 2.0: Concepts and Applications 2 Publishing Online.
PUBLISHING ONLINE Chapter 2. Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals.
An Introduction To Websites With a little of help from “WebPages That Suck.
Website Project Development Presentation by APNARAJ.COM.
Introduction to MediaWiki EnhanceEdu, IIIT-Hyderabad 1.
Introduction to web development and HTML MGMT 230 LAB.
1 UNIT 15 Webpage Creator Lecturer: fadwa tlaelan.
Chapter 8 Browsing and Searching the Web. 2Practical PC 5 th Edition Chapter 8 Getting Started In this Chapter, you will learn: − What is a Web page −
PART 1: INTRODUCTION TO BLOG Instructor: Mr Rizal Arbain FB:Facebook/rizal.arbain Website: H/P: Ibnu.
 A website, also written Web site, web site, or simply site, is a group of Web pages and related text, databases, graphics, audio, and video files that.
Introduction to MediaWiki EnhanceEdu, IIIT-Hyderabad
3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.
KompoZer. What is it? A FREE product used to design websites A FREE product used to design websites A WYSIWYG HTML Editor A WYSIWYG HTML Editor –WYSIWYG:
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
ADVANCED COMPUTERS S.Y.B.M.M. LECTURE SERIES - PART 1 - KANISHKA KHATRI m.
›What main things do you think should be considered when planning a website?
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
WEB DESIGN CONCEPTS Brayden Burr. UNDERSTANDING THE CONTENT.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
Pre-Production Meet with the client to create a project plan:
Chapter 1 Introduction to HTML
Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals Wikis are collections of searchable,
Web Site Development and Macromedia Dreamweaver 8
10 Steps on how to create a website Step #1
UNIT 15 Webpage Creator.
Web Technologies for Business
Louisiana: Our History.
Introduction to HTML Simple facts yet crucial to beginning of study in fundamentals of web page design!
Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals Wikis are collections of searchable,
COLLABORATING VIA BLOGS AND WIKIS
Multimedia Web Site Design
WEB DESIGNING THROUGH HTML
Dreamweaver.
Intro Project Introduction to HTML.
Presentation transcript:

How to Plan a Website Dusty Davis – Back Bay Service Unit Girl Scouts Camile Berry – Girl Scout Council of Colonial Coast

Welcome Introductions

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?

Agenda Planning Publishing A Website Getting Started TemptationsSummary

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

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?

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

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.

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.

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?

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

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

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

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

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

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

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

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.

Creating the Website What it really looks like

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.

Group Summary

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

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

Resources Girl Scout Resources (Additional Questions ext. 258): Girl Scout Council of Colonial Coast: Girl Scout Copyrights: Girl Scout Guidelines for Websites: Paid Web Plans Go Daddy: Midphase: Net Firms: Yahoo! Webhosting: Free Web Sites FreeWebs: ClubSpaces: Google Sites: VolunteerSpot:

More Resources Blogs Blogger (Free): WordPress (Free): Adult Learning Classes (Check your local Community College or School District for Adult course offerings near you) Course Catalog for Virginia Beach Adult Learning: Course Catalog for Chesapeake Adult and Continuing Education: Tutorials Building a School Website: (For Beginners) How-To—Build-Websites.com: (Intermediate) W3schools: (Advanced) Tools FrontPage 2003 (Available with MS Office 2003 Professional – will be discontinued) Kompozer (Free): CoffeeCup (Has Free Version): Dreamweaver: