Visual comparison

  • <div class="divider"> has style border-bottom:solid 1px #4040ff on SEACOOS but not SECOORA

Images used as headings

  • forming-hurricanes-poster.png
  • atlantic-hurricane-tracking-chart.png
  • hurricane-glossary.png
  • hurricane-activities.png
  • hurricane-links.png
  • forming-hurricanes-survey.png

CSS issues

index_html

  • Lines 984-989, 995-1005: <span style="color:#4040ff;">
  • 1109: <td style="text-align:right;">
  • 1110, etc. ('Back to top' links): <a href="#top" style="font-size:smaller; color:#4040ff; text-decoration:underline;">back&nbsp;to&nbsp;top</a>
  • 1125, 1220, etc. (images): <img style="margin-right:10px;"... and class="kicker"
  • 1186, 1210, etc. (subheadings): <h4 style="text-align:center;">...

Blue Comic Sans

  • online-glossary
  • anemometer
  • barometer
  • lat/longitude

HTML issues

  • The content in index_html is contained in tables
  • Characters in mailto links have been translated to escape sequences, for example <a href="&#109;&#097;&#105;&#108;&#116;&#111;...
    • List of contacts at top of page
    • Also on the link for 'Please direct your comments...'
  • List of contacts is a set of nested <ul>s; probably better as <dl>
  • Lots of unnecessary &nbsp;s
  • The description of the page is in <h5> tags, not the description meta-data field.

Link issues

File issues

  • Hurricanes poster: .ppt
  • Hurricane tracking chart: .pdf
  • Survey: .doc

Short names

  • online-glossary
  • bingo-online
  • surge-online
  • anemometer-online
  • barometer-online
  • lat-long-online

Artifacts

Pagination widget

  • Online glossary
  • Anemometer
  • Barometer
  • Latitude/Longitude

Copy issues

  • Hurricane links are 'Coming Soon!'

Rights issues

  • Most images used do not have contributors or rights.
  • chart.png seems to be an older, minimally modified version of www.nhc.noaa.gov/gifs/track_chart.gif
  • anemometer.png is taken from here

File type issues

  • index_html is of type Document, not Page

Suggestions

  • Increase whitespace between paragraphs, headings, etc.; the text seems smashed together, making it harder to read. Most easily done through site-wide CSS (margin, padding, line-height)