|
Web Design Tips Good & Bad |
This website is here to explain the basic "do's and dont's" of web design. If you are looking to create your own this website is here to help you get started. These are some good and bad tips so that you are completely ready to go on your own with your project of starting a new website.

Summer Kidd
1234 Alley Way
Ormond Beach, FL
Good Tips:
|
|
Planning |
|
|
Content is important because if it’s not good no one will have a reason for visiting your site |
|
|
Style sheets: importing vs. linking |
|
|
Smarter Gradient Backgrounds |
|
|
Title—something catchy will attract people to your website |
|
|
Use simple PHP to build sites -- his is great for elements like menus, which can exist as a single instance, and means that if you add a new menu item or change the design |
|
|
Set fonts using “ems” –: size specifications. |
|
|
IE Box Model Hack--width and height of block level items by including padding values within the box’s dimensions, rather than adding it outside the box |
|
|
Space Saver – alternate to using HTMLs |
|
|
Test, Test, and Test your web page again |
|
|
Format Fundamentals (JPEG) |
|
|
The ‘title’ and ‘alt’ attributes -- Ensure that all your images make use of the alt and title tags so that screen readers for the visually impaired can correctly parse your page: |
|
|
The correct format for pseudo classes – for text rollover affects. |
|
|
Use semantic mark-up-- separate the content of your web site |
|
|
Favicons-- the little 16x16 pixel icons that appear in your favorite lists and the title bars of web sites |
|
|
Change capitalization using CSS-- If you need something written in capitals, such as a headline, rather than rewriting the copy, let CSS do the work |
|
|
Wrapping text around images |
|
|
Universal character sets-- which are defined in a web page’s invisible head section, tell the browser what method is being used to encode the characters. |
|
|
Print styles – simplifying the page. |
|
|
Learn from others -- learn from great sites built by others. |
Bad Tips:
| Layout: | |
|
|
The Website should not be too cluttered with pictures or text. |
|
|
Background should not make it hard to see the rest of your page. |
|
|
Navigation should be clear. |
|
|
Defaulted blue lines. |
|
|
Border around tables is very bad. |
| Color: | |
|
|
Contrast |
|
|
Colors shouldn't be too bright or too dark to read. |
|
|
If there are too many colors it is very bad. |
|
|
Variety of color the the minimum. |
|
|
Color shouldn't blend. |
| Graphics: | |
|
|
Do not include graphics that cannot fit on the page. |
|
|
Graphics without 'alt' tablets. |
|
|
Graphics that are missing. |
|
|
Graphics that take too much time to load . |
|
|
Graphics that are useless and have no meaning. |
| Text: | |
|
|
Text should be large enough to read. Text that is too small is useless. |
|
|
Paragraphs shouldn’t be typed in bold, italics, and all caps. |
|
|
Font that is hard to read is unacceptable, there is no point to a website you can't read. |
|
|
Do not underline text that is not a link. |
|
|
Titles font should be larger than the body of the text. |