Utah State University Logo

Webmaster's Office

Web Development

File naming Conventions

  1. Only lowercase letters should be used when naming directories and files for consistency.
  2. Use words that describe the page.
  3. Keep your filenames smaller than 20 characters.
  4. Name all graphic files with a prefix that will make them easy to recognize and retrieve.
  5. Do not use any space or special characters in filenames.

Default File name

Your "start" page should always be "index" with the extension of the language you are using (html, php, cfm, asp...)

File Size

  • Try to keep your file size under 60 Kb.
  • Use text instead of images whenever possible.
  • Avoid adding an excessive number of line-returns in your HTML code.
  • Avoid writing long comments but do comment on any important part of your code that might need explanation.
  • Remove sections of the page that are not being used.
  • If your web page is longer that two screen lengths, consider breaking up the information into multiple pages.

Official web sites and CSS

Official websites are using templates provided by the web communications office. These templates use external CSS to define the layout, the styles (font, colors...) of the pages.

  1. Use the appropriate font and colors provided in the CSS
  2. Avoid using style in the code or tags such as <ul>, <strong>, <i>. All styles should be written on the external CSS file.

Images Format

  • Use one of the most commonly used image formats: JPG and GIF.
  • Use text instead of images whenever possible.
  • Computer monitors have a screen resolution of 72 dpi. Do not use higher resolutions (e.g.300 dpi) for your images because it makes the files unnecessarily large.
  • Use the lowest color depth possible.
  • Keep image dimensions small.
  • Use meaningful graphics. Do not use graphics for the sake of using graphics.
  • Re-use images.

<IMG> tags

Width, height and alt attributes should be defined for all IMG tags in the HTML code to avoid accessibility issues.

Coding practices

  1. Write your code in lower-case, this will help XHTML validation.
  2. Use <DIV> tag and CSS for layout, avoid nested tables whenever possible. Data tables are acceptable. If you use <div> tags, test your work in different browsers.

<FORM> tags

When using form tags, use tags such as <fieldset>, <legend> and <label> for disability compliance regarding Section 508 guidelines.