HTML code for the "After" page:

Revising for Accessibility,
HigherEdWeb Conference, August '00

View the page | See it rendered in Lynx
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
  2. "http://www.w3.org/TR/REC-html40/loose.dtd">
  3. <html>
  4. <head>
  5. <title>Message to PUNYwebmaster@puny.edu</title>
  6. <style type="text/css">
  7. <!--
  8. body { color: #663333; background-color: #FFFFFF}
  9. .orange { background-color: #FFCC99}
  10. .yellow { background-color: #FFFFCC}
  11. -->
  12. </style>
  13. </head>
  14. <body>
  15. <form method=post action="/someServer/cgi-bin/someScript.cgi">
  16. <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" summary="table for page layout only">
  17. <tr>
  18. <td rowspan="2" valign="top"> <img src="webpix/envBrown.gif" width="62" height="67" alt="Icon of an envelope"> </td>
  19. <td align="right">
  20. <p><img src="webpix/map.gif" width="480" height="20" ismap usemap="#Map" border="0" alt="Image Map: alternate links at the bottom of the page"></p>
  21. <map name="Map">
  22. <area shape="rect" coords="248,1,336,20" href="default.html" alt="Previous Page" title="Previous Page">
  23. <area shape="rect" coords="341,1,392,20" href="search.htm" alt="Search" title="Search">
  24. <area shape="rect" coords="395,2,477,21" href="home.htm" alt="PUNY Home" title="PUNY Home">
  25. </map> </td>
  26. </tr>
  27. <tr>
  28. <td valign="bottom" align="center"> <h2><img src="webpix/sendMsg.gif" width="408" height="19" alt="Send a message to PUNYwebmaster@puny.edu"></h2> </td>
  29. </tr> </table>
  30. <table width="100%" border=0 cellspacing=0 cellpadding=6 summary="Table for page layout">
  31. <tr class="orange">
  32. <th width="15%" valign="top" align="left"> <p>Please note: </p> </th>
  33. <td valign="top" width="85%"> <p>If you are requesting information about PUNY and its programs, please consider using our <a href="http://www.puny.edu/inquiry.html">online Information Request form</a>. Thank you!</p> </td>
  34. </tr>
  35. <tr>
  36. <th class="orange" align="left" valign="top"> <p>To:</p> </th>
  37. <td width="85%" class="yellow" valign="top"> <p><b>PUNYwebmaster@puny.edu</b> </p> </td>
  38. </tr>
  39. <tr>
  40. <th class="orange" align="left" valign="top"> <p><label for="from"> From: </label></p> </th>
  41. <td class="yellow" width="85%" valign="top">
  42. <p>Please give us your complete e-mail address (for example, jdoe@somewhere.com)
  43. so that we may give you a personal reply.</p>
  44. <p> <strong><label for="from"> Please enter your e-mail address: </label></strong>
  45. <input name="email" value="yourName@domain" id="from" size="25" tabindex="1"> </p> </td>
  46. </tr>
  47. <tr>
  48. <th class="orange" align="left" valign="top"> <p>Your Name:</p> </th>
  49. <td class="yellow" valign="top">
  50. <p>Including your name is optional, but it is helpful to us.</p>
  51. <p><strong><label for="first">First Name: </label></strong>
  52. <input name="FName" value="First name" size="25" id="first" tabindex="2"> </p>
  53. <p> <strong><label for="mid">M. I.: </label></strong>
  54. <input name="Minitial" value="Middle initial" size="3" id="mid" tabindex="3"> </p>
  55. <p> <strong><label for="last">Last Name:</label></strong>
  56. <input name="LName" value="Last name" size="25" id="last" tabindex="4"> </p> </td>
  57. </tr>
  58. <tr>
  59. <th class="orange" align="left" valign="top"> Subject: </th>
  60. <td class="yellow" width="85%" valign="top">
  61. <p><strong><label for="subject">Please enter a subject for your message:</label></strong><br>
  62. <input name="websubject" value="Subject of message" size="60" id="subject" tabindex="5"> </p> </td>
  63. </tr>
  64. <tr>
  65. <th class="orange" align="left" valign="top"> Message: </th>
  66. <td class="yellow" colspan=3 width="85%" valign="top">
  67. <p><strong><label for="message">Please enter the body of your message:</label></strong><br>
  68. <textarea name="Body" rows="6" cols="60" id="message" tabindex="6">Your message here</textarea> </p> </td>
  69. </tr>
  70. <tr>
  71. <td class="orange" valign="top">&nbsp;</td>
  72. <td colspan="3" class="yellow" valign="top">
  73. <p> <input type=submit value="Send Message" name="submit" tabindex="7">
  74. <input type="RESET" value="Clear" name="RESET" tabindex="8"> </p> </td>
  75. </tr>
  76. <tr align="center">
  77. <td colspan="2" class="orange"> <a href="default.html"><img src="webpix/prev.gif" width="111" height="33" alt=" [ Previous Page ] " border="0"></a>
  78. <a href="search.htm"><img src="webpix/search.gif" width="111" height="33" alt=" [ Search ] " border="0"></a>
  79. <a href="home.htm"><img src="webpix/home.gif" width="111" height="33" alt=" [ PUNY Home ] " border="0"></a>
  80. </td> </tr> </table>
  81. <p align="center"> <img src="webpix/punyLogo.gif" width="156" height="86" alt="PUNY: People's University of New York"> </p>
  82. </form>
  83. </body>
  84. </html>

Kathy Farrell
SUNY Empire State College
kfarrell@esc.edu