40 Web Design Tips
This website influences the average web designer to make the right decisions with these 40 Web Design Tips, including both the good and the bad. These tips will help you pass your high school Web Design Class with flying colors.
These tips include help in the following areas:
20 Good Web Design Tips:
Use GIF format such as horizontal rules, buttons, or animation.
Use JPEG format when the images are scanned pictures or photographs.
You can have several fonts specified.
Use vertical scrollbars, not horizontal scroll.
If you are trying to emphasize a word or a phrase try bolding, italicizing, or changing its texts color.
Graphics should be well proportioned.
Graphics that are too large will cause a significant delay in the load time of a page.
It is often convenient to place a link on the bottom of the page saying "top"
Medium length pages seem to be a decent style of division.
Try not to orphan any of your pages, that is, have no return link to the main site from a sub page.
Quotes from others, should be acknowledge at the end of you page.
Use tables for a layout to fit more stuff in a smaller space
Link colors coordinate with page colors.
Background does not interrupt the text.
You should place all images on you website in a separate directory.
If it's imperative to include background sounds
Since video files can be quite large, it's best to provide a link to the file.
Web page optimization requires a good amount of effort.
HTML character entitles are special characters not found on conventional keyboards.
If your site caters to everyone, each webpage should not be more than 50kb.
20 Bad Web Design Tips:
Avoid page counters.
Javascript text scrolling.
Excessive animated .GIF's.
Under construction signs .
Page fade-ins, etc.
Frames.
Background images make pages confusing.
Bevels and other graphic tricks.
Pictures in with bad resolution.
Possible contrast issues.
Don't fill your site with neon colors, flashing banners, animation and exclamation marks.
Don't use slang, bad grammar or mis-spellings.
Don't boast, make overblown claims or exaggerate.
Don’t use bad links that don’t work.
Don’t use small, unreadable text, or put text over images.
Don’t mix topics of discussion.
Don’t make people scroll left and right.
Large images downsized (e.g. an 800x800 reduced to 32x32) are a big.
Bad navigation systems.
Avoid the flying text.
Examples of Web Pages
The Good: Flagler College Website
&
The Bad: Looking for a Girlfriend