This section offers some suggestions so your web pages appear the way you intend and offers some solutions when they don't! |
Graphics |
When placing graphics on a web page, you should always keep a few conditions in mind.
-
Graphics should either be in GIF or JPG format.
- Graphics should be no larger that 50KB whenever possible.
- Graphics on content pages should never be over 500 pixels wide.
- Title graphics, such as page banners or department logo banners should stay within 500 pixels wide and 100 pixels high.
Because graphics on web pages are primarily visual media, keep in mind that some users may have slow modem dial-up connections and that large graphics slow down the presentation of the web page being visited. Also consider the quantity of graphics on the page. Even though each graphic may be under 50KB, several 30KB graphics can really slow the download of a web page.
|
|
Long URLs
|
Whenever possible, refrain from using URLs that are too long as the description for links. Because URLs have no spaces in them, a long URL can push a page to extend horizontally, beyond what you intended.
Here are a couple of ways to solve that problem.
Using a <BR> break in the text link allows the URL to still function because the URL in the <A HREF> tag is still coded as it should be. |
|
Lines
|
- At times, using line separators allows a content page to be more easily read. When using line separators, such as image lines or horizontal rulers, it is best to set the width attribute to a percentage instead of an absolute width.
Example of absolute width:
<hr size="1" width="500">
Example of percent width:
<hr size="1" width="100%">
Using percentage allows the horizontal line to resize with the page as needed. The same goes for image lines.
- When creating a form that has blank lines for the user to fill out after printing the form, be careful not to make those blank lines too long. Unbroken lines force the page to extend in width, much like the long URLs discussed above. Break up the long lines with a <BR> or make shorter lines.
|
|
Tables
|
- When creating tables always define the "cols" attribute in the <table> tag. The number you provide should be the ABSOLUTE number of columns your table will have. Without it, web browsers, particularly Netscape, will have difficulty rendering complex tables.
|
|