Root Folder and Site Definition

Make sure the root folder's name is correct. The goal here is to make sure the folders are where they are supposed to be, and that they they are named correctly.

• Go to Site>Manage Sites>Edit
• Check your
  • site name
  • root folder
  • default image folder

DIVS and Tables

• Make sure there is nothing outside of your DIVS and Tables.
  
• Don't have an image sharing a cell with text. Move them to separate cells.
  
• Simple check: Open your site in Google Chrome, and look at your DIVS and Tables. Check to see if anything is out of place.
  
• If there is anything outside of a DIV, adjust the height of the DIV in your CSS document so that it fits.

Titles

• Make sure each page has a title on the page itself, and also in the Title: box above the page.

Color Scheme

• Check your to see if your color scheme is the same throughout your site. Every page should have the same color scheme if it's properly linked to your CSS.
• Perform this contrast check:
  • Open the page in Google Chrome
  • Stand back five feet from the computer.
  • Honestly ask yourself if you can easily read all of the text on the page, including the navigation.
  • If you answer "no" to the previous question, solve the problem in one of the following ways:
    • Increase the contrast by making the background darker, and the text brighter.
    • Increase the contrast by making the text darker, and the background brighter.
    • Increase the contrast by making the text larger.
    • Combine the previous solutions in any way that solves the problem.
  • Stand back five feet from the computer again, and ask yourself is you have really solved the problem. If not, keep working until you do.

Navigation and Links

• Open your page in Preview Mode, and make sure your navigation works. You should be able to go to any page from any page. Test all possibilities.
• If you have a dead link, take out the link, re-link it, and then paste your corrected navigation to all of your other pages.

Images Folder

• Check your file names to make sure you have only used the four acceptable elements.
  • lowercase letters
  • numbers
  • underscores
  • dot
• Correct any mistakes, and click Update each time.
• Make sure all of your images display properly.
• Make sure you haven't resized any images in Dreamweaver.
• A simple check:
  • Select the image on the page in Dreamweaver.
  • Look at the Property Inspector.
  • If you see the numbers for height and width are in bold, the image has been resized in Dreamweaver.
  • You will also see the Refresh button next to the numbers.
  • You need to correct this.
• If you have resized any images in Dreamweaver:
  • Take note of the size on your page
  • Open the image in Photoshop Elements
  • Resize the image using the correct size
  • Save it in the images folder.
  • Replace the original file with the edited version.
• Select the image or rollover. Make sure you have included an Alt tag for blind and vision impaired users.

Text

• Begin by using Spell Check.
  • Commands>Check Spelling (or shift+f7)
• After you finish correcting the mistakes the computer found, re-read the text. Correct the mistakes the computer didn't find.
• Be very careful to take out anything that is not Standard English. This includes taking out any slang or texting shortcuts, such as:
  • ya instead of you
  • i instead of I
  • u instead of you

External Links (also known as Absolute Links)

• Always go to the website you want to link to, and then copy and paste the link from the address bar.
• Check to make sure that your external links work correctly.
  • Open your page in Preview mode, right click the link, and choose Open link in new tab.
  • If your link doesn't open correctly, take it out, and then re-link it.