Philanthropy by an15jobs

VIEWS: 8 PAGES: 8

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.

More Info
									                            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

								
To top