Visual comparison

  • Missing blue borders on dividers: <div class="divider">
  • Icons for images in <a>s which point to external sites are present on secoora.org but not seacoos.org
  • <pre> has dotted border on seacoos.org but solid border on secoora.org

HTML issues

  • Content is contained in <table>

currents

  • Description is <h5>, not description meta-data
  • COSEE Florida, UGA MAREX have moved
  • List of links is <h5>, not <ul>

glossary

  • List of links is <p>, not <ul> (won't fix)
  • 928-940: <table> used to align elements for 'Coriolis effect' definition (image could just float:right?)
  • 820, etc.: &rsquo; is used instead of &apos;

currents-resource

  • 764, 781: <div><table> is used to float an image and caption right or left; <table> is unnecessary

observations-resource

  • 774: <div style="clear:both;"></div>; no need for empty div; just apply clear:both to next header/element
  • 830, etc.: <br/> used instead of margin-bottom

sab-activity

  • 766-792: List of links is <h5>, not <ul>; lots of &nbsp;s
  • 795: <p><h4>Grades 6-8:</h4><dl>... is not valid HTML

skidaway-river-activity

  • 767: List of links is <h5>, not <ul>
  • 779-786, 799, etc.: lots of &nbsp;s
  • 795-800, etc. (blanks for entering data): all of the content is in headings
  • 845, etc.: <strong> used instead of headings
  • 848: <acronym> tag to clarify units?

survey

  • We should not provide a 'Reset' button for the form (see Jakob Nielsen's take)
  • We should not provide buttons at both the top and the bottom (the set at the top is useless until the person has filled out the form, at which point they are at the bottom of the page).
  • We should enclose labels for the form controls in <label> tags
  • We should enclose discrete units of the form in <fieldset> tags (see this article)
  • 812: unneeded </strong> tag
  • Lots of &nbsp;s

CSS issues

currents

  • <div class="divider">
  • <img ... class="kicker" ...>
  • 980-985: <span style="color:#4040ff;">
  • 990: <h5 style="text-align:center;>
  • 991-1003; <span style="color:#4040ff; text-decoration:underline;">
  • 1014, etc. ('Back to top'): <td style="text-align:right;"><a href="#top" style="font-size:smaller; color:#4040ff; text-decoration:underline;">
  • 1020, etc. (subtitles): <h4 style="text-align:center;">
  • 1038, 1126: <a class="nodecorate"...
  • 1164, etc. (images next to paragraphs): <img style="margin-right:10px;"...

glossary

  • 769: <p style="text-align:center;">
  • 923, etc. (terms with images): <div style="clear:both;"> is unnecessary before any floats (?)
  • 932, etc. (images): <img style="width:183px; height:183px; margin:10px" ...
  • 937, etc. (terms): <p style="font-size:smaller; text-align:center; font-weight:bold;">...
  • 1439: <h3 style="text-align:center;">
  • 1443, etc. (authors): <span style="font-weight:bold;">

currents-resource

  • 764, etc. (floated images): <div style="float:right; margin-left:10px;">
  • 768: <img style="border:thin solid black; display:block; margin-left:auto; margin-right:auto;"...
  • 772, etc. (captions): <td style="text-align:center; font-size:smaller; font-weight:bold;">
  • 773, etc. (caption text): <p style="width:313px;">
  • 779, etc.: <p style="display:inline;"> is most likely unnecessary

observations-resource

  • 764: <img style="float:right; width:2.50in; height:0.65in; margin:10px" src="pulse.png" />
  • 778, etc. (images and captions): see above (772, 773, 779)
  • 806, etc.: <p style="display:inline;">
  • 812: <img ... class="kicker"... (won't fix)
  • 845: <img style="clear:both; margin-top:10px; display:block; margin-left:auto; margin-right:auto; border:thin solid black;" src="drifters.gif">
  • 850: <h3 style="text-align:center;">

sab-activity

  • 765: <h4 style="text-align:center;">
  • 766, etc. (links): <span style="color:#4040ff; text-decoration:underline;">
  • 793: <div style="border:thin solid black; padding:2em; margin:2em; background:#e0e0ff;">
  • 862, etc. (headings for parts of procedure): <h5 style="text-decoration:underline;">
  • 857, etc. (substeps): <ol style="list-style-type:lower-alpha;">
  • 923-933, etc. (headings, images in appendices): lots of inline styles
  • 979: <div style="border:thin solid black; padding:2em; margin:2em; background:#e0e0ff;">

skidaway-river-activity

  • 766: <h4 style="text-align:center;">
  • 767-787: inline styles for links (see currents, 991-1003)
  • 790, etc. (groups of measurements): <div style="margin:10px;">
  • 793, etc. (images next to descriptions): <img style="float:right; width:2.50in; height:0.65in; margin:10px" src="pulse.png" />
  • 795, etc. ('Station' links): <a href="#salinity" style="color:#4040ff; text-decoration:underline;">
  • 802: <p style="font-weight:bold;">
  • 843, etc. (headings): <h3 style="text-align:center;">
  • 847: <span style="font-size:smaller; font-style:italic;">
  • 853, 863: <div style="float:left; border:thin solid black; margin:40px 10px 10px 10px; padding: 5px;">
  • 875, etc. (after images): <p style="clear:both;">
  • 899: <p style="display:inline;">

Image issues

Images used as headers

  • http://secoora.net/classroom/currents/flowing-ocean-poster.png
  • http://secoora.net/classroom/currents/catching-the-current-poster.png
  • http://secoora.net/classroom/currents/flowing-ocean-activities.png
  • http://secoora.net/classroom/currents/flowing-ocean-glossary.png
  • http://secoora.net/classroom/currents/flowing-ocean-resources.png
  • http://secoora.net/classroom/currents/flowing-ocean-links.png
  • http://secoora.net/classroom/currents/flowing-ocean-survey.png
  • http://secoora.net/classroom/currents/eulerian-current-observations.png
  • http://secoora.net/classroom/currents/lagrangian-current-observations.png

Rights issues

  • appendixa.png: rights are in Description, not Rights meta-data
  • global-conveyor-belt.jpg taken from sealevel.jpl.nasa.gov/overview/images/
  • noaa.jpg, ornlogo.png: are we allowed to use logos like these?
  • jason.png, atlantic,png, enviroliteracy.png taken from the sites they link to
  • Authors of Ocean Literacy Essential Principles are not acknowledged (Is this necessary?)

Copy issues

currents

  • "south east Southeastern U.S. coast"

Catching the Current Poster

  • "guides understanding of the ecosystem" could be worded better
  • The "Catching the Current" poster is now available; May 2007 has passed

Gulf Stream activity

  • "Students build a scale model...and use sea surface temperatures from...to identify meanders..."

Skidaway river activity

  • "Measurements of the river's characteristics will not be the same as those of the coastal ocean's characteristics: one will most likely find lower salinity...in the river."

Flowing Ocean Resources

  • "Currents are a measure of the movement" or are they the movement itself?
  • "However, as currents move, they also incorporate..."
  • NOAA: Remove the ellipsis
  • Univ. of Miami: "Includes diagrams, maps, and exercises and teaches about ocean current systems..." (what is an 'identifying exercise'?)
  • TOPEX: "...which provides activities, answers to frequently asked questions programs, data, and general information on oceanographic measurements, and more"
  • Threat of localized cooling: "Scientists discuss the role..."

sab-activity

  • "Record this information in the analysis/observations" could be worded better
  • We have provided a direct link to the map of the South Atlantic Bight in the directions to get there from secoora.org; either remove all of the links, or simply provide a direct link
  • Last updated date is not described as such

skidaway-river-activity

  • Sources should be placed together at the bottom of the page; in-text citations should point to these citations (like wikipedia)
  • 35-37 psu does not equal 35-37 ppt (source); correctly converted value is not present on the page (no value is)
  • Hyphenation: 180-mile tall, one-mile thick
  • Emphasize 'CONSERVATIVE' without using caps
  • Explain why conductivity increases as concentration of solute increases? (may not be appropriate for younger audience)
  • Don't need "or" in parenthetical for light attenuation
  • Define the COOS acronym
  • "The good ole’ thermometer" should be reworded to match the tone of the rest of the page
  • "This It can be used at..."
  • "This depth of disappearance" sounds awkward: "The depth at which it disappears..." (?)
  • "Transparency can be affected...Transparency decreases" is redundant (delete the first sentence)
  • "The best attributes..." could be worded differently; "Secchi disks are used to measure turbidity because..."

observations-resource

  • "In oceanography...we can make observations using either Eulerian or Lagrangian measurements"
  • "Examples would be to For example, we could measure..."
  • Keep order of information constant: first about Eulerian, then Lagrangian

currents-resource

  • "Currents are a measure of the movement" or are they the movement itself?
  • "...requires current information at many locations and through time over long periods of time"
  • "Pressure gradients can be caused...They can also be caused...These gradients have many causes" is redundant
  • Why mention "Anything planktonic" at the beginning of the paragraph? The motion of plankton isn't elaborated upon until later ("Currents also transport...organisms")

File issues

Short names

  • currents-resource
  • observations-resource
  • sab-activity
  • skidaway-river-activity

sab-activity

  • Description does not actually describe the activity, only the grades for which it is appropriate