VIEWS: 8 PAGES: 8 CATEGORY: Education POSTED ON: 7/19/2012
The web presents a relatively low cost method of reaching a wide audience.
Take the time to see what others are doing, talk to other non-profits and see
what works and doesn’t work for them.
The web presents a relatively low cost method of reaching a wide audience. Take the time to see what others are doing, talk to other non-profits and see what works and doesn’t work for them.
Dot.Net Doodles ~ Using the Web to Market Your Program ~ • The web presents a relatively low cost method of reaching a wide audience. Take the time to see what others are doing, talk to other non-profits and see what works and doesn’t work for them. • Read the how to articles in computer magazines and on the web. Many web designers and graphic artists are willing to share their knowledge. There are quite a few free tutorials available on the web, which explain the entire process of site design. • Be USER FRIENDLY o Do not make people mad and/or frustrated while trying to use your web site. o Don’t have so many special features on your site, that your visitors don’t know what to do or how to navigate the site. o Don’t have so much “stuff” on the pages that they take several minutes to load from a dial up connection. o Don’t use colors that are hard to read or hurt the eyes. o Make sure all links work properly. o Test to make sure all images load properly in all pages when using different web browsers. Web Browsers • Microsoft Internet Explorer • Netscape Navigator • Opera • Mozilla • Who will host the web site? Cost of hosting the web site? o Before you start to build a web page determine where it will be hosted. Meet with, talk to, or get instructions from the Web Master regarding technical requirements. Inquire about the costs involved in hosting the site. o Ask if there are restrictions on page size, which software would be best, and any other information that would make your web site run well on the host servers. o Many non-profit organizations in your area may be able to assist you in finding a host for your web site. Determine the fees that are paid monthly or yearly for the services that they use. o Contact other philanthropic organizations, your local library or even your school for additional assistance. o Some cities and counties have resources set aside to assist philanthropic organizations at little or no cost. Shop around before you begin creating your site. Page 1 of 8 • Who will act as your Web Master? o Who will keep the pages up-to-date? o How often will the pages need to be updated? o Should this be the responsibility of a group or just a few? o Will your pages be informational/topical and/or generic so they do not require constant upkeep or will your pages have current up-to-date events/calendars, articles, pictures, etc. that must be altered and updated constantly? • What software should you use? o Check with the “Host” for your web pages to see if they have any instructions or requirements. *Some web page development programs require that additional software be loaded on the host server or the advanced features in the pages will not work properly. o Talk to others who have developed pages and get their thoughts on what worked and did not work well for them. o The most expensive software is not necessary to create an attractive easy to use web site! • Web Page software programs and online helps for using them – brief listing o Netscape Composer – FREE DOWNLOAD at http://www.netscape.com o Front Page* – Microsoft http://office.microsoft.com/home/office.aspx?assetid=FX01085802&CTT=6&Origin=EC0 10963431033 *Requires additional software on the server for advanced functions to work properly o Dream Weaver – Macromedia http://www.macromedia.com/support/ o HTML & XHTML http://hotwired.lycos.com/webmonkey/authoring/html_basics/ Free HTML editors link page: http://dmoz.org/Computers/Software/Freeware/Editors/HTML/ WYSIWYG editors http://dmoz.org/Computers/Software/Internet/Authoring/HTML/WYSIWYG_Editors/ • Graphics programs o Photoshop – Adobe, industry standard, lots of features and special effects, expensive http://www.adobe.com/products/photoshop/main.html Tutorials: http://www.aqa-d.se/ny/pstips/fwf_all.htm http://www.designsbymark.com/pstips/index.html http://graphicssoft.about.com/library/course/bllps5out.htm Image Ready is the animation software loaded with Photoshop, for creating animated clip art, roll-overs, etc. Page 2 of 8 o Photoshop Elements – Adobe, not as many features, but still capable of numerous special effects, affordable http://www.adobe.com/products/photoshopel/main.html Tutorials: http://graphicssoft.about.com/od/pselements/ o Fireworks – Macromedia, combines many of the features of Photoshop and Image Ready, many features, expensive http://www.macromedia.com/software/fireworks/?promoid=home_prod_fw_082403 o Free photo editing software link page from About.com: http://graphicssoft.about.com/cs/imageediting/tp/freephotoedw.htm For web pages you will require images in either the .jpg (.jpeg) or .gif formats • photo images are usually saved in the .jpg format as that creates a smaller files size • animated clip art and art with a transparent background is saved in the .gif format • A Word About Copyright Issues & Permissions . . . o Take copyright issues seriously Always get permissions to use copyrighted materials or DO NOT use them Always read “Conditions of Use” statements and follow the instructions if you are using the materials http://www.cyberbee.com/cb_copyright.swf • What is copyright, etc.? http://www.siec.k12.in.us/~west/online/copy.htm http://fairuse.stanford.edu/ http://darkwing.uoregon.edu/~csundt/copyweb/ http://www.copyrightwebsite.com • Who is your intended audience? o Your design should reflect a style which would be pleasing to your intended audience. Child Youth Young Adult Adult Senior Adult Male Female • Web Page Design o Page size vs. Screen size Create web pages no larger than one screen width • If using Tables, do not exceed 725 pixels wide You have no control over users’ screen resolution or color settings You have no control over fonts loaded on users’ computers Page 3 of 8 o Frames ~ yes or no? NO Unless you are an experienced web designer using advanced software and/or design methods, do not use frames in your web pages. They can cause problems for users, contribute to printing problems, etc. o To scroll or not to scroll . . . ? Create web pages no larger than one screen width • If using Tables, do not exceed 725 pixels wide o Background Use an image or a flat web color background for your pages. DO NOT use backgrounds that create mass confusion in the eye of the users. Text should have enough contrast so it is easy to read. Should have a small file size so it does not slow the loading of your page. o Animations Use with caution. Animations can become annoying over time, they can cause web pages to load slowly and they do not always work well in different browsers. o Images Always obtain Permission to use someone’s image on your web site • Photo release forms – Sample attached Thumbnails and/or photo album pages http://www.franklincollege.edu/pwp/srakic/ThumbnailPage.htm to see an example of a thumbnail page Lower resolution so file size is small • When scanning or editing images in a graphics program, scan at a lower resolution or save to a lower resolution or as a web image; or scan or save for web publishing. o Readability Colors • Use only Web Colors – see the attachment for an example Fonts • The common fonts available on most computers are: Helvetica – Arial Times New Roman Courier If you wish to use “decorative” fonts in your web pages it is advisable to create clip art graphics using your graphics software. • If you use fonts that are not loaded on the users’ computer or embedded in the web page, the users default font will be substituted. The default font is usually Times New Roman. Size of text and length of line • No body copy smaller than 10’ • No line of body copy longer than 5 inches Page 4 of 8 • Opening screen . . . o When the “customer” opens your web site, what should they see? Name and/or logo “About Us” information or link to an “about us” page Mission Statement or a link to a “mission statement” page Contact Information Navigation to other pages on site or to other online resources • Accessibility o Visually impaired – include captions on key content photos o HTML - http://hotwired.lycos.com/webmonkey/geektalk/97/11/index4a.html?tw=design • Additional Information o Adobe Acrobat Writer – to create PDF Files http://www.adobe.com/products/acrobat/acro_ad.html If you need to attach documents to your web site, Acrobat will enable you to offer files which anyone can open with the free Acrobat Reader. • Examples of files to turn into PDF: Forms Patterns for projects Instructions Recipes Articles Tutorials o Webopedia http://www.webopedia.com The online dictionary of computer and internet technology terminology o Web Page Creation Tutorials http://www.killersites.com/ http://malektips.com/web_development_-_tables_help_and_tips.html http://www.malektips.com/web_development_help_and_tips.html http://personalweb.about.com/od/organizeyoursite/ http://www.useit.com/alertbox/20031222.html Tools http://www.reeddesign.co.uk/test/pantone2rgb.html http://wp.netscape.com/navigator/vgold3.0/using/index.html Page 5 of 8 • Online Philanthropy Examples & Resources http://www.afaproject.org Afghans for Angel Project http://www.iris-center.org/ Iowa Resource for International Service http://www.fdncenter.org/yip/youth_stories_nala_johnson.html The Foundation Center Youth in Philanthropy page ~ youth stories http://www.kidswhokare.org/ Kids who Kare http://www.minnesotagiving.org/resources/youth.htm Minnesota Toolkit for Giving Youth Philanthropy Resource page http://www.catalogueforphilanthropy.org/cfp/2002/youth_tech_656.htm Catalogue for Philanthropy Youth Tech Entrepreneurs Page 6 of 8 Date_____________________________ I give permission to to use my picture in promotional materials, brochures, and/or web pages for . _________________________________ Signature _________________________________ Printed Name _________________________________ Project _________________________________ Child’s Name If subject is a minor, this form must be signed by a parent or legal guardian. Date_____________________________ I give permission to to use my picture in promotional materials, brochures, and/or web pages for . _________________________________ Signature _________________________________ Printed Name _________________________________ Project _________________________________ Child’s Name If subject is a minor, this form must be signed by a parent or legal guardian. Page 7 of 8 Web Colors Page 8 of 8
Pages to are hidden for
"Philanthropy"Please download to view full document