Welcome to the World's
Worst Website!
This web was designed to graphically
demonstrate the most common mistakes made by new Web Page designers.
|
Where am I and
where are the links to other pages? |
||||||||||||||||||||||
|
|
||||||||||||||||||||||
| Keep your backgrounds simple. White or light colors usually work best. Your background should not compete with the content of the page for the users attention. If you would like to use a background picture, select a picture that uses muted colors or format your picture as a watermark. Select text colors which will contrast well with the background picture. | ||||||||||||||||||||||
  Constantly running animations can be
distracting when used excessively. There should be no
more than one animated object in your view at any time.
Also in this category are excessive, large, obnoxious
advertisements. |
||||||||||||||||||||||
| Excessive advertisements: Aggressive pop ups, banners, flash ads and other intrusive ads annoy your visitors, make your site difficult to use and bury your message in a sea of clutter. | ||||||||||||||||||||||
|
Enjoying
the music?
Your website visitors probably won't enjoy it either.
Usually, it is best to skip the tunes, but if you must
add music, be sure you provide a way for them to turn
it off!
Place
the following HTML5 tag where
you
want the music player to display: <audio controls="" autoplay="" loop=""> <source src="soundfile path" type="audio/"type"> Your browser does not support the audio element. </source> Replace "soundfile path"
with the path to your audio file. 'Type'
specifies the MIME-type. Enter the number of
times it should run in the "loop" tag. If
you leave it empty, it will run until the visitor
turns it off. More on HTML5 Audio here. |
||||||||||||||||||||||
 Unnecessary
use
of technology: Splash pages which require you sit
through a long download and don't offer a 'skip intro'
option. Especially torturous on a dial-up connection. |
||||||||||||||||||||||
|
Fake error
messages:
|
||||||||||||||||||||||
| Misspelled werds and impropr punktuation, make yur web look amaturish, and unfinishd. Awlays run a spel chek befor yu uplode!!!!!! : ) | Enclosing blocks of text within borders breaks up the flow of the page and causes unnecessary distractions | |||||||||||||||||||||
|
Pictures
which don't load properly could be due to mislabled
files, improper or unusual file exensions or errors in
the path to the image file.
NASA releases first images of alien
spacecraft! |
||||||||||||||||||||||
 Search
Engine Optimization
(SEO) is the art of increasing your website's ranking
in major search engines. Remember 'Content is King' so
include plenty of original, interesting content. Weave
important keywords into your text and be sure to use
descriptive image tags. |
||||||||||||||||||||||
|
Orphan
pages provide
no
way back to the originating page. These can cause
users to get 'stuck.' |
||||||||||||||||||||||
| Other Browsers & Screen Resolutions: Internet Explorer may be the most widely used browser, but it is not the only one. Others include Chrome, Firefox, Safari and Opera to name a few. Different browsers may display your page very differently. Check your website in as many different browsers as possible. Check it in various screen resolutions. Using tables may help control the layout. Avoid components which only render properly in specific browsers. | ||||||||||||||||||||||
|
Outdated information: If your website contains timely information, you need to keep it updated regularly, or remove the old stuff like the article below.
|
||||||||||||||||||||||
|
DOWNLOAD TIME
is one of the most important factors in your web design.
Most web surfers will not wait for more than 10-15
seconds for your page to load before they move on. Use
pictures that load quickly and thumbnails to link to
large images. Avoid excessive scripts and widgets which
increase your load time and offer little value to users.
|
||||||||||||||||||||||
 <span>You can check out the
code or Page Source <a href="view-source:https://www.angelfire.com/super/badwebs/main.htm"</a><br> for any website you visit. <br> Hypertext Markup Language (HTML)<br> is the programming language which tells your browser how and where<br> to display the page elements. You should learn some basic HTML<br> so you can find and fix problems with your website.<br> Here's some HTML tags for layout and design.</span> |
||||||||||||||||||||||
 There
should be a link somewhere on your page for users to
contact you.Provide an email link at the bottom of the page. |
Here's
some
links |
|||||||||||||||||||||
|
*************************************
|
||||||||||||||||||||||
As
you can see, this text is difficult to read. There
needs to more contrast between the background color
and the text color. 
