Home Page of PCTalk.info
Welcome to PCTalk

JPMK12's Helpful HTML Advice
Below are several little articles filled with my thoughts, advice, and some tips and tricks for web developers.

Articles provided by JPMK12
You can view JPMK12's web development resources at http://www.jpmk12.net

1. Common Mistakes/Oversights of Designers
2. Multi Browser Compatibility
3. Validation
4. Web Safe Colors
5. Server Messages
6. Comment Line


Some common mistakes/oversights made by web designers.
1. Using Frames
Frames can be very disruptive to users. They have some good points but I would not recommend them. Certain browsers and screen sizes aren't able to show frames properly and this makes frames unreliable. Remember, a designers goal is to make a site viewable to all.

2.To many extras
Some people tend to put to many java scripts and extras on their sites. Background music and js can be cool, but to much can be annoying.

3.Under Construction Signs
Good web pages are always under construction. These signs just give you an excuse not to have fully functioning content. Wait till you site is finished to place it on the web. I would limit my use to these only in a situation where site builder are used.

4.Missing Graphics
Make sure that all your graphic links are in place and that you don't use graphics with huge file sizes.

5.Outrageouse Fonts
Make sure that you don't use crazy fonts when you are trying to display information. These fonts can make it hard to read and annoy some users. Try to limit you use of crazy fonts.

6.To many animations
Make sure that you limit the amount of animations on your site. To many can be confusing and take away from your main content.

7.Orphan Pages
You need to try to make sure that all you pages give a clear indication of what they are and where they belong. All pages should also include a link to the index page.

8.Organization
Make sure that all you pages are presented in a sensible and organized manor

9.Outdated Information
Make sure that you keep your web pages up to date. Eliminate old material or move it to an archived page

10.Broken Links
Make sure to maintain your links and that you don't link to any dead web pages.

In short, keep your content up to date, keep in organized, keep it reasonable, and make it professional.


Validation

What is meant by validation?

A group of the known as the World Wide Web Consortium (W3C) develop a set of standards for html and other web languages. If your website complies with all of their standards, your site is considered valid. IF your site doesn't meet the standard, you are invalid. If you page is not valid, it may load slowly and incorrectly. A few small errors wont cause you site to display horrible, but it just looks nicer when you go the extra mile.

Why validate?

Validation is important for 3 reasons Browsers display Web pages and trying to display them even if they're not legal HTML. Usually this means that the browser will try to make educated guesses about what you probably meant. The problem is that different browsers (or even different versions of the same browser) will make different guesses about the same illegal construct; worse, if your HTML is really pathological, the browser could get hopelessly confused and produce a mangled mess, or even crash.

That's why you want to make sure your pages are legal HTML. The best way to do that is by running your documents through one or more HTML validators.
The second reason is speed: Validation can increase the speed of loading the documents. If your full of errors, It will take longer.

The final reason is your honor as a coder. No good coder wants to put out something riddled with errors.

Validation is important to having a web developed site.

A free validation service can be found at
http://validator.w3.org/


Web Safe Colors

Back in the day when computers were fairly new and the color palettes were limited, a chart of colors was created so that web designers would know there sites were being displayed properly. Below is that table made to display a 256 color scheme. Most designers now believe that "web safe colors" aren't important because computers can display millions of colors now. The decision is yours.

The colors below use a hex value. You use #****** where the * equals your hex value. More about colors is covered in the tutorials section.

000000 000033 000066 000099 0000CC 0000FF
003300 003333 003366 003399 0033CC 0033FF
006600 006633 006666 006699 0066CC 0066FF
009900 009933 009966 009999 0099CC 0099FF
00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF
330000 330033 330066 330099 3300CC 3300FF
333300 333333 333366 333399 3333CC 3333FF
336600 336633 336666 336699 3366CC 3366FF
339900 339933 339966 339999 3399CC 3399FF
33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF
33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF
660000 660033 660066 660099 6600CC 6600FF
663300 663333 663366 663399 6633CC 6633FF
666600 666633 666666 666699 6666CC 6666FF
669900 669933 669966 669999 6699CC 6699FF
66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF
66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF
990000 990033 990066 990099 9900CC 9900FF
993300 993333 993366 993399 9933CC 9933FF
996600 996633 996666 996699 9966CC 9966FF
999900 999933 999966 999999 9999CC 9999FF
99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF
99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF
CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF
CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF
CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF
CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF
CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF
CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF
FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF
FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF
FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF
FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF
FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF
FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF
  

Server Error Messages

When you use your web browser, it sends requests to a web server. The tables below explain what those numbered messages mean. Such as a 404 etc...

1**: Information

Message: Description:
100 Continue Only a part of the request has been received by the server, but as long as it has not been rejected, the client should continue with the request
101 Switching Protocols The server switches protocol

2**: Successful

Message: Description:
200 OK The request is OK
201 Created The request is complete, and a new resource is created 
202 Accepted The request is accepted for processing, but the processing is not complete
203 Non-authoritative Information  
204 No Content  
205 Reset Content  
206 Partial Content  

3**: Redirection

Message: Description:
300 Multiple Choices A link list. The user can select a link and go to that location. Maximum five addresses  
301 Moved Permanently The requested page has moved to a new url 
302 Found The requested page has moved temporarily to a new url 
303 See Other The requested page can be found under a different url 
304 Not Modified  
305 Use Proxy  
306 Unused This code was used in a previous version. It is no longer used, but the code is reserved
307 Temporary Redirect The requested page has moved temporarily to a new url

4**: Client Error

Message: Description:
400 Bad Request The server did not understand the request
401 Unauthorized The requested page needs a username and a password
402 Payment Required You can not use this code yet
403 Forbidden Access is forbidden to the requested page
404 Not Found The server can not find the requested page
405 Method Not Allowed The method specified in the request is not allowed
406 Not Acceptable The server can only generate a response that is not accepted by the client
407 Proxy Authentication Required You must authenticate with a proxy server before this request can be served
408 Request Timeout The request took longer than the server was prepared to wait
409 Conflict The request could not be completed because of a conflict
410 Gone The requested page is no longer available 
411 Length Required The "Content-Length" is not defined. The server will not accept the request without it 
412 Precondition Failed The precondition given in the request evaluated to false by the server
413 Request Entity Too Large The server will not accept the request, because the request entity is too large
414 Request-url Too Long The server will not accept the request, because the url is too long. Occurs when you convert a "post" request to a "get" request with a long query information 
415 Unsupported Media Type The server will not accept the request, because the media type is not supported 
416   
417 Expectation Failed  

5**: Server Error

Message: Description:
500 Internal Server Error The request was not completed. The server met an unexpected condition
501 Not Implemented The request was not completed. The server did not support the functionality required
502 Bad Gateway The request was not completed. The server received an invalid response from the upstream server
503 Service Unavailable The request was not completed. The server is temporarily overloading or down
504 Gateway Timeout The gateway has timed out
505 HTTP Version Not Supported The server does not support the "http protocol" version