goto Indian Health Service home page  Indian Health Service:  The Federal Health Program for American Indians and Alaska Natives

 
IHS HOME ABOUT IHS SITE MAP HELP
goto Health and Human Services home page goto Health and Human Services home page
 Help Center

   
  HOME  
   
  Establish An IHS Web Site Account  
   
 Policies and Procedures 
   
 IHS Web Resources 
   
 References 
   
These plug-ins
may be required
for the content
on this page:


Link to Adobe Acrobat Plug-in Acrobat
Link to MicroSoft Word Plug-in MS Word

IHS Plug-in Page

Use site contact
if unable to view
a particular file

IHS Developer Community  - Getting it All Together

IHS Web Resources

 

Web Resources - Web Development Tips and Tutorials

 
Advice and Tips to Get You Started Developing on your Local System vs. the Development Server
Mapping a Network Drive Making Accessible PDF Files Under Section 508
Code Library Sample Instructions for Users
Page Presentation
IHS Web Development- Tech Fair Presentation 2002

Web Page Presentation Guidelines and Tips

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.



 

printer icon Print Version
 
  IHS Web Resources
 
Development Assistance

Templates

Tips and Tutorials

Images

 



  Return to Top