Make your own free website on Tripod.com

Cool Moose and a Reclusive Goose

SCRATCH Experiments

HOME
Bull Moose Reflects
Why Have A Site
A Site's Versatility
Moose Mktg... Full Monty
About The Herd 'n Goose
Words Tickle Us
WebSites-Prices-Examples Scoreboard of Details
Optional Fees
Your Site... Basic Info
Photo / Graphic Techniques
M&G's 12 Step Program
Questions & Answers
Ordering Procedures
Get Started -- Contact Us
Development Agreement
Internet / Web History
Moose Facts
Moose Sex
Photo Credits & Links
OTHER JDS BIZ LINKS

Browser Safe Colors | Named Colors | Color Information Links

#000000 #000033 #000066 #000099
#0000cc #0000ff #330000 #330033
#330066 #330099 #3300cc #3300ff
#660000 #660033 #660066 #660099
#6600cc #6600ff #990000 #990033
#990066 #990099 #9900cc #9900ff
#cc0000 #cc0033 #cc0066 #cc0099
#cc00cc #cc00ff #ff0000 #ff0033
#ff0066 #ff0099 #ff00cc #ff00ff
#003300 #003333 #003366 #003399
#0033cc #0033ff #333300 #333333
#333366 #333399 #3333cc #3333ff
#663300 #663333 #663399 #6633cc
#6633ff #993300 #993366 #993399
#9933cc #9933ff #cc3300 #cc3333
#cc3366 #cc3399 #cc33cc #cc33ff
#ff3300 #ff3333 #ff3366 #ff3399
#ff33cc #ff33ff #006600 #006633
#006666 #006699 #0066cc #0066ff
#336600 #336633 #336666 #336699
#3366cc #3366ff #666600 #666633
#666666 #666699 #6666cc #6666ff
#996600 #996633 #996666 #996699
#9966cc #9966ff #cc6600 #cc6633
#cc6666 #cc6699 #cc66cc #cc66ff
#ff6600 #ff6633 #ff6666 #ff6699
#ff66cc #ff66ff #009900 #009933
#009966 #009999 #0099cc #0099ff
#339900 #339933 #339966 #339999
#3399cc #3399ff #669900 #669933
#669966 #669999 #6699cc #6699ff
#999900 #999933 #999966 #999999
#9999cc #9999ff #cc9900 #cc9933
#cc9966 #cc9999 #cc99cc #cc99ff
#ff9900 #ff9933 #ff9966 #ff9999
#ff99cc #ff99ff #00cc00 #00cc33
#00cc66 #00cc99 #00cccc #00ccff
#33cc00 #33cc33 #33cc66 #33cc99
#33cccc #33ccff #66cc00 #66cc33
#66cc66 #66cc99 #66cccc #66ccff
#99cc00 #99cc33 #99cc66 #99cc99
#99cccc #99ccff #cccc00 #cccc33
#cccc66 #cccc99 #cccccc #ccccff
#ffcc00 #ffcc33 #ffcc66 #ffcc99
#ffcccc #ffccff #00ff00 #00ff33
#00ff66 #00ff99 #00ffcc #00ffff
#33ff00 #33ff33 #33ff66 #33ff99
#33ffcc #33ffff #66ff00 #66ff33
#66ff66 #66ff99 #66ffcc #66ffff
#99ff00 #99ff33 #99ff66 #99ff99
#99ffcc #99ffff #ccff00 #ccff33
#ccff66 #ccff99 #ccffcc #ccffff
#ffff00 #ffff33 #ffff66 #ffff99
#ffffcc #ffffff

Add your content here

Web page design tips 
Keep a note of the following points when designing a web site:
1. Frames:Avoid frames. Though search engines have limited ability to crawl framesets, they have the following disadvantages:
1.1 Not all search engines have the ability to crawl and index pages using framesets.

1.2 Google discourages using frames, and as per Google frames tend to cause problems with search engines. If you use frames, use NOFRAMES tag to include no frames version of the content. Don't just write "This page requires frames compatible browser, your browser does not support frames".

1.3 Even when search engines crawl and index frames, it may so happen that a page appearing in search results may just be one frame of a frameset, and the visitor may be taken to a bare page without header and navigation buttons.

1.4 Conceptually, a html page consists of only one frame. When  using multiple frames, it essentially mean using multiple html pages within one page. This is against the basic concept of a web page.

2. Graphics:

2.1 Avoid excessive graphics or graphic images that take long time to load.

2.2 Use a feature called anti-aliasing to smoothen the borders of any text or image that you develop.

2.3 Always use alternate text field when using a graphic. This will allow a description to be displayed on the browser screen even if the graphic display is turned off in the browser. Alternate text is also helpful for search engines in identifying the content.

3. Theme: Use a consistent theme for your web site. It includes layout, and design. As this is a very subjective matter, it differs from person to person. Try to use colors, fonts, styles that complement one another. From search engine point of view, avoid excessive formatting. It is not recommended to have HTML tags outweigh your actual content.

4. Flash: This has been discussed in another page. Check out Flash advantages and disadvantages.

5. Meta tags: Always use Title, Description, and Keywords meta tags. Use other meta tags as per the requirement. From Google search engine point of view, Title and Description meta tags are very important.

6. Avoid redirects. Search engines may interpret redirect as spam. The reason being, that a redirected page is seen by the search engine but not by an individual browsing the site. If at all you need to redirect a page, use permanently 301 redirect. A less preferred option is to use a script with at least 6 seconds of delay in forwarding the visitor to the new destination.

7. Keep the web page within 50-80 KB, so the there won't be noticeable delay in loading of the web page. If the page has content that takes more time, consider splitting the page into two or more pages. This preferred from search engines point of view as well. If the content is too long, it is likely that some portion of the page is not indexed by search engines.

8. Use of scripts: Use scripts only if necessary. It is recommended not to load a web page with too much of script as this is likely to confuse the search engines. Client side scripting relieves the server from script processing, and loads the page faster.

9. Use H1, H2 tags to identify your content headlines.

10. Validate your web pages after composing.

 

Thanks for visiting my site!

Your comments are appreciated!

Just complete this form. Click on Submit when ready to send.

 

Your name:

Email address:

Where do you want to go today?

I don't know
Disneyland
Bill Gate's house
Back to bed

 

What kind of movies do you like?

Horror
Science Fiction
Romance
Comedy

 

How many salesmen does it take to change a light bulb?

 

Any comments?

 

 

<h3 onMouseOver="this.style.color='#006600'" onMouseOut="this.style.color='#000000'">A</h3>

Web Writing Rules to Live By

from Avram Piltch

Say More with Less in Your Web Writing

When writing for the Web you want to make sure that you get the most out of the words you choose. Web writing is different from print writing, but many Web pages look like they've been written with a high school English teacher in mind as the audience.

  1. Conserve Your Words
    We don't worry about the cost of ink or bandwidth when we write for the Web, but we must be frugal with our text. Edit your content to remove unnecessary words.
  2. Write to Empower, Not to Impress
    Web writing should serve a purpose, and get to that purpose as quickly as possible. Limit metaphors and flowery language.
  3. Follow a consistent Web Writing Style Guide
    To maintain a consistant voice across your site, you should create a Web style guide and follow it at all times.
  4. Avoid Unnecessary Intro Text
    Don't tell us what you're going to say. Just say it. Here are some phrases to avoid:
    • In this article, . . .
    • Let's get started
    • In conclusion
    • It is safe to say
  5. Avoid Redundant Adjectives
    Don't use adjectives whose meaning is already contained within a noun. Some examples:
    • Final Outcome
    • Free Gift
    • Added Bonus
    • Awful Tragedy
    • Various Differences
    • Personal Beliefs
    • End Result
    • Past Memories
    • Unexpected Surprise
    • True Facts
  6. Watch Out for Wimpy Words
    Some words add tentativeness rather than clarity.
    • In my opinion - If you're the author, readers already know it's your opinion.
    • Basically
    • Kind of
    • Sort of
    • Really
    • Virtually
    • Practically
    • Personally
    • As you already know - maybe readers know this, maybe they don't. Stop apologizing.
  7. Replace Wordy Phrases With Single Words
    • At this point in time -] Now
    • Due to the fact that -] Because
    • In the event that -] If
    • Increase in -] More
    • In light of -] Because
  8. Replace Prepositional Phrases With Adjectives
    The article on hepatitis -] The hepatitis article
  9. Don't Turn Verbs Into Nouns (Nominalizations)
    Use verbs for action in your Web writing.
    Original: I saw the improvement my daughter made in math with regular after school math tutoring.
    New: My daughter's math skills improved with regular after school tutoring.
  10. Use Precise Language
    Use pronouns sparingly to improve both clarity and search optimization. Use the same proper noun to describe a person, place, or thing throughout your document.

Avram Piltch is the Senior Managing Editor for About.com and these are the recommendations he gives to About writers for writing on the Web.

Web Style Guide

Your Guide, Jennifer Kyrnin From Jennifer Kyrnin,
Your Guide to Web Design / HTML.
FREE GIFT with Newsletter! Act Now!

Create Web Pages that Communicate with Your Readers

When you set out to write a Web page, you might think that you don't need to consider the style of the pages, but maintaining a style guide from the very beginning of your project will insure that it is easy for you to re-edit in the future or for someone else to take over for you. This style guide is intended to help you create a Web site that looks the way you want it to look, and is easy to maintain and use.

Server Basics and Housekeeping

Site Structure and Organization

  • The first thing you should think about when designing a site is the site navigation. The best navigation is based on something that people are already familiar with, such as chapters in a book or a timetable in a bus station and so on. Once you've got your navigation, stick to it throughout the entire site.
  • Keep your pages small. Any one page should be no larger than 50KB including all images, and my recommendation is to keep the page download size to 20KB or less per page, including all images and downloadable elements.
  • Keep your images small. Similar to the above guide, your images and any other items that are downloaded on your Web page (like Flash, JavaScript, CSS, etc.) should be kept small so they download quickly.

The Pages Themselves

  • Make your titles meaningful. The title is used on the page, in search engines, and in bookmarks. And if the title is too "cute" or unclear people won't click on them.
  • Write for all browsers. While it may be tempting to write Web pages that support specific browser tricks you're only hurting yourself and your site. Browsers go in and out of fashion, and if your site is written for a specific browser, it will only be usable as long as that browser is popular.
  • Use valid HTML. This way, Web browsers will be able to view your site no matter who they are.
  • Use CSS. Style sheets make it easier to maintain the look of your site, and change it when you want to.
  • Keep your pages printable, or create a printer friendly version.

The Page Text

Links

Designing in Color

Your Guide, Jennifer Kyrnin From Jennifer Kyrnin,
Your Guide to Web Design / HTML.
FREE GIFT with Newsletter! Act Now!

Color on the Web

Color by Number

When you write valid XHTML colors you have to use a code called a hexadecimal code or hexadecimal triplet. This means:

  • triplet
    Each color is defined as the amount of saturation in three color chanels:
    • Red (R)
    • Green (G)
    • Blue (B)

RGB color channels have a saturation ranging from 0 (no saturation) through 255 (fully saturated). So, to define a color using RGB, you indicate how much saturation in each of the color channels, for example:

  • Red (255,0,0)
  • Green (0,255,0)
  • Blue (0,0,255)
  • White (255,255,255)
  • Black (0,0,0)

  • hexadecimal
    Once you have figured out the RGB values of the color you would like to use, you need to convert it to base 16 or hexadecimal.

The easiest way to convert an RGB value to hexadecimal is to use a program.

This is a nice one. You can also use the standard calculators on Windows or Macintosh computers:
How to on Macintosh
How to on Windows

  • Red #ff0000
  • Green #00ff00
  • Blue #0000ff
  • White #ffffff
  • Black #000000

Combine your three RGB numbers into a six digit hexadecimal number preceded by a pound-sign (#).

What Items Can You Color?

In Web design, nearly everything has a color from the images you post on the page to the background of the page to the actual text on the page. But for the purposes of this article, we're going to talk about two primary items:

  • text - the color of the letters
  • backgrounds

It's easy to change the color of text, simply use the style property, color:
color : #ffcc66;
More on the color property.

Backgrounds are just as easy with the style property background-color:
background-color : #ffcc66;
More on the background-color property.

But backgrounds are tricky because you must ask "The background of what?". There are many things you can change the background color to, such as:

  • change the text color background:
    Use the style property on a span, div, or p element.
  • change a table background:
    Use the style property on a td, th, tr, or table element.
  • change the entire page's background:
    Use the style property on the body element.

Using color is vital for Web pages. And these hints and instructions should help you to use color as effectively as possible.

Use Colors That Look Correct No Matter the Platform

What is a Web Color Palette?

Using the browser safe color palette is a choice you need to make when you're creating a Web page or Web image. It is especially important that you know what the consequences are for not using it.

For example, you might use the color #dddddd for the background of a table. On your monitor it would probably display as a nice neutral light grey. But when you show it to a friend, it could look very different. Depending upon how his monitor interprets the color it could look grey or it could look green or some other color.

What displays as light grey on a 24-bit, 16.7 million color monitor might display as a really ugly greenish grey on a 8-bit, 256 color monitor.

This is because #dddddd is not a browser-safe color. "Browser Safe Colors" are the 216 colors that can be viewed on 8-bit PC and Macintosh monitors and look the same (or close to the same).

(And if you include the colors that Unix systems display the common colors lower to around 212.) If you use browser safe colors, you can be sure that they will not dither on these machines and your pages will look the way that you intended them to look.

What is Dithering?

When a computer monitor encounters a color that it can't display natively, it attempts to match it as best it can. Monitors display elements as tiny dots on the screen, and native colors are displayed with all the dots as the same color. A dithered color displays with some dots as one color, other dots as another color, and so on to attempt to match the color requested. Sometimes the match will be close to what you intended and other times, it can be dead wrong. But in either case, it won't be the same as it looks on your screen.

But don't most people have high color monitors?

Yes, it is true that most computers sold these days are sold with monitors and video cards that can support millions of colors. However, on a lot of these systems the default setting is at 640x480 pixels on the screen and 256 colors. Many people don't know that they can change that setting, let alone know how to do it.

Color Symbolism
Red

China: Good luck, celebration, summoning
Cherokees: Success, triumph
India: Purity
South Africa: Color of mourning
Russia: Bolsheviks and Communism
Eastern: Worn by brides
Western: Excitement, danger, love, passion, stop, Christmas (with green)

Orange

Ireland: Religious (Protestants)
Western: Halloween (with black), creativity, autumn

Yellow

China: Nourishing
Egypt: Color of mourning
Japan: Courage
India: Merchants
Western: Hope, hazards, coward

Green

China: Green hats indicate a man's wife is cheating on him, exorcism
India: Islam
Ireland: Symbol of the entire country
Western: Spring, new birth, go, Saint Patrick's Day, Christmas (with red)

Blue

Cherokees: Defeat, trouble
Iran:
Color of mourning
Western:
Depression, sadness, conservative, corporate, "something blue" bridal tradition

Purple

Thailand: Color of mourning (widows)
Western:
Royalty

White

Japan: White carnation symbolizes death
Eastern: Funerals
Western: Brides, angels, good guys, hospitals, doctors, peace (white dove)

Black

China: Color for young boys
Western: Funerals, death, Halloween (with orange), bad guys, rebellion

Your Guide, Jennifer Kyrnin From Jennifer Kyrnin,
Your Guide to Web Design / HTML.
FREE GIFT with Newsletter! Act Now!

Using Colors to Convey Meaning May Backfire on a Web Site

When is the last time you saw a Web site in black and white?

Color is vital to the repertoir of your average Web designer, and yet many designers don't realize that the colors they choose may be having more of an effect than they realize. Colors are an element of design that people react to on a visceral level. Often, they don't realize they are reacting to it. For example, in the U.S. many hospitals dress their nurses in light blues and pale pinks. This is because these are calming, soothing colors, and upset patients relax a little in their presence. Once you understand your audience make up you can create a color scheme that suits them.

When choosing the colors for your site, you need to first (as always) think of your audience. Is it a global audience? Is it primarily Western? Eastern? Are they older? Younger? Male? Female? All of these things, and more can affect the color choices for your site.

Cultural Differences

Colors obtain symbolism through cultural references in the culture you grew up in. Depending upon the culture, colors can have very different meanings and actually cause problems for your site. For example, in the East, white is the color of funerals while in the West white is the color of Weddings. If you were to design a Wedding site intended for an Asian audience and you used a lot of whites, you could be disturbing the people you're trying to reach. Chart of Cultural Color Symbolism

Age Differences

Young children tend to prefer brighter, more solid colors, while adults tend to prefer more subdued colors. If you're writing to an audience of children and you're using muted pastels and shades of grey, their parents might like it, but the kids will be long gone before the page finishes loading.

Class Differences

Marketing research in the United States has shown that working class people tend to prefer colors that you can name: like blue, red, green, etc. While more highly educated classes tend to prefer colors that are more obscure: like taupe, azure, mauve, etc. This is why Walmart does their store logo in bright red.

Gender Differences

In many cultures, men tend to prefer cooler colors (blues and greens) while women tend to prefer warmer colors (reds and oranges). Western men are also more likely to be color blind and so unable to see some of the differences in color on Web pages.

Trends

Colors, like everything else in design, go through ins and outs in popularity. Black Web pages were all the rage a few years ago, and now you hardly see it at all (but it will surely come back into style as I write this). Colors also tend towards seasonality, in other words, the designs reflect the season they were built in: winter blacks, whites, and greys; spring greens and bright colors; summer yellows; fall browns and golds.

Browser Safe Colors | Named Colors | Color Information Links

aliceblue
#f0f8ff
antiquewhite
#faebd7
aqua
#00ffff
aquamarine
#7FFFD4
azure
#F0FFFF
beige
#F5F5DC
bisque
#FFE4C4
black
#000000
blanched
almond
#FFEBCD
blue
#0000FF
blueviolet
#8A2BE2
brown
#A52A2A
burlywood
#DEB887
cadetblue
#5F9EA0
chartreuse
#7FFF00
chocolate
#D2691E
coral
#FF7F50
cornflowerblue
#6495ED
cornsilk
#FFF8DC
crimson
#DC143C
cyan
#00FFFF
darkblue
#00008B
darkcyan
#008B8B
darkgoldenrod
#B8860B
darkgray
#A9A9A9
darkgreen
#006400
darkkhaki
#BDB76B
darkmagenta
#8B008B
dark
olivegreen
#556B2F
darkorange
#FF8C00
darkorchid
#9932CC
darkred
#8B0000
darksalmon
#E9967A
darkseagreen
#8FBC8F
darkslateblue
#483D8B
darkslategray
#2F4F4F
darkturquoise
#00CED1
darkviolet
#9400D3
deeppink
#FF1493
deepskyblue
#00BFBF
dimgray
#696969
dodgerblue
#1E90FF
firebrick
#B22222
floralwhite
#FFFAF0
forestgreen
#228B22
fuchsia
#FF00FF
gainsboro
#DCDCDC
ghostwhite
#F8F8FF
gold
#FFD700
goldenrod
#DAA520
gray
#808080
green
#008000
greenyellow
#ADFF2F
honeydew
#F0FFF0
hotpink
#FF69B4
indianred
#CD5C5C
indigo
#4B0082
ivory
#FFFFF0
khaki
#F0E68C
lavender
#E6E6FA
lavenderblush
#FFF0F5
lawngreen
#7CFC00
lemonchiffon
#FFFACD
lightblue
#ADD8E6
lightcoral
#F08080
lightcyan
#E0FFFF
light
goldenrod
yellow
#FAFAD2
lightgreen
#90EE90
lightgrey
#D3D3D3
lightpink
#FFB6C1
lightsalmon
#FFA07A
lightseagreen
#20B2AA
lightskyblue
#87CEFA
lightslategrey
#778899
lightsteelblue
#B0C4DE
lightyellow
#FFFFE0
lime
#00FF00
limegreen
#32CD32
linen
#FAF0E6
magenta
#FF00FF
maroon
#800000
medium
aquamarine
#66CDAA
mediumblue
#0000CD
mediumorchid
#BA55D3
medium
purple
#9370DB
medium
seagreen
#3CB371
medium
slateblue
#7B68EE
medium
springgreen
#00FA9A
medium
turquoise
#48D1CC
medium
violetred
#C71585
midnightblue
#191970
mintcream
#F5FFFA
mistyrose
#FFE4E1
moccasin
#FFE4B5
navajowhite
#FFDEAD
navy
#000080
oldlace
#FDF5E6
olive
#808000
olivedrab
#6B8E23
orange
#FFA500
orangered
#FF4500
orchid
#DA70D6
palegoldenrod
#EEE8AA
palegreen
#98FB98
paleturquoise
#AFEEEE
palevioletred
#DB7093
papayawhip
#FFEFD5
peachpuff
#FFDAB9
peru
#CD853F
pink
#FFC0CB
plum
#DDA0DD
powderblue
#B0E0E6
purple
#800080
red
#FF0000
rosybrown
#BC8F8F
royalblue
#4169E1
saddlebrown
#8B4513
salmon
#FA8072
sandybrown
#F4A460
seagreen
#2E8B57
seashell
#FFF5EE
sienna
#A0522D
silver
#C0C0C0
skyblue
#87CEEB
slateblue
#6A5ACD
slategray
#708090
snow
#FFFAFA
springgreen
#00FF7F
steelblue
#4682B4
tan
#D2B48C
teal
#008080
thistle
#D8BFD8
tomato
#FF6347
turquoise
#40E0D0
violet
#EE82EE
wheat
#F5DEB3
white
#FFFFFF
whitesmoke
#F5F5F5
yellow
#FFFF00
yellowgreen
#9ACD32

Browser Safe Colors | Named Colors | Color Information

What Do Us Moose Sound Like?
Give Us Time To Clear Our Throats
And Come Out Of The Woods
We'll Moose It Up For You!

moosegreenreliefhome.jpg. moosegreenrelieftop.jpg. moosegreenreliefback.jpg.

moosegreenreliefhome.jpg

moosegreenrelieftop.jpg

moosegreenreliefback.jpg

moosegreenreliefdctr.jpg

moosemonarchbuttonraggedbull2blk.jpg
moosemonarchbuttonraggedmooseblk.jpg
moosemonarchbuttonraggedemailblk.jpg
.

 
moosemonarchbuttonraggedmooseblk.jpg
moosemonarchbuttonraggedgooseblk.jpg
moosemonarchbuttonraggedemailblk.jpg
.

moosemonarchbuttonraggedbull2blk.jpg
moosemonarchbuttonraggedmooseblk.jpg
moosemonarchbuttonraggedgooseblk.jpg
moosemonarchbuttonraggedemailblk.jpg
.

moosemonarchbuttonraggedbull2blk.jpg
moosemonarchbuttonraggedmooseblk.jpg
moosemonarchbuttonraggedgooseblk.jpg
moosemonarchbuttonraggedemailblk.jpg
Bull Moose
 
 

moosebuttondeepgreenreliefhomedk.jpg

moosebuttondeepgreenreliefemaildk.jpg

moosebuttondeepgreenreliefbackdk.jpg

moosebuttondeepgreenreliefnextdk.jpg

moosebutton.jpg

moosebuttongreen.jpg

moosebuttongreen.jpg.

moosebuttonlargedarkgreenfancyhome.jpg

moosebuttonlargedarkgreenfancyemail.jpg

moosebuttonlargedarkgreenfancyback.jpg