Web Page Loading Speeds:

• When you make a web page, make sure that it takes around 5-7 seconds to load into someone's browser over 28.8. If people have to wait any longer for a page to load, they might just click stop and leave your site.

Back

Web Site Organization:

• When you make a website, make sure that all the web pages look unified. If they don't, it becomes hard to tell if you are still in the same site. Use the same background for all your pages. Use the same font color. Also, use the same layout of a page for all the pages.

Back

Bookmarks:

• These aren't favorites used to mark a web page so you can come back to it at a later time. These are links used to go back to the top of a page. You use bookmarks only if a page is more than two screen lengths long. Do you see how this page uses them?

Back

Text:

• When you put a heading somewhere in a web page, use a sans serif font. That is a font which has no little doo dads, little lines, notches protruding from the letters. When you are normally putting text in as I am right now, you use a serif font like Times New Roman. The reason why you use these two font styles at different times is because a sans serif font catches someone's attention, and a serif font is easier to read.
• Don't type in all caps (capital letters). It slows down a reader and it means that you are yelling.
• Don't have more than 5 inches of text going across the page, it bores the person reading it. Only do it if you are giving tips like this or if what you are writing is solid gold!
• Make your font size from 10-14. That is easiest for people to read. You may have a bigger font size for a header.
• Make sure your font color contrasts with the background so that a reader may actually see the words. Here is an example - Don't do this!, it says "Don't do this!".

Back

Hyperlinks (Links):

• When you make a hyperlink, do not use the default color blue for the link. It is boring to see that. Instead, use a color that goes with the colors of the web page. You don't always have to use text links. You can use pictures as links also.
• Do not use "click here" hyperlinks.

Back

Images:

• Use images to help give your webpage some texture. Full text web pages are extremely boring.
• If an image is large then make it into a thumbnail preview so that it takes less time to load a page in your browser. If people want to see the full image size then they can click on the picture to see it.
• If you use a picture as a link, make sure it has something to do with the page that it is leading the viewer to. If you make an image map, make sure that people know where to click and know where they might go.
• Try to use GIF images as much as possible. Many browser cannot display all the colors of the spectrum and that will cause dithering. Dithering is when a browser substitutes colors it can use for colors that it can't use.

Back

Tables:

• Use tables as much as possible in a website. They help organize text and pictures so that if viewers are using different browsers or screen size, the browser won't move text and pictures around to where they should not be. Tables can be set so that you can't see them. Like everything you are are reading right now is in a table. If you want to see a visible table, then look at the top of the page. That is a table that contains text links. You can  set a background color (or picture) just for the table. You can also set a color for the lines of a table.

Back

Back