templates/upload_image_form.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   3 <head>
   4 <title>Upload image</title>
   5 <meta name="author" content="http://www.merjis.com/" />
   6 <link rel="stylesheet" href="/_css/standard.css" type="text/css" title="Standard"/>
   7 <link rel="stylesheet" href="/_css/create.css" type="text/css" title="Standard"/>
   8 </head><body>
   9
  10 <h1>Upload image</h1>
  11
  12 <form method="post" action="/_bin/upload_image.cmo" enctype="multipart/form-data" name="f">
  13 <table id="create">
  14 <tr>
  15 <td></td>
  16 <td class="explanation">
  17 You need to provide a short name for this image.  Use only lowercase letters, numbers and underscores ('_').  JPEG images should end in <code>.jpg</code> and GIF images should end in <code>.gif</code>.
  18 </td>
  19 </tr>
  20 <tr>
  21 <th>Image Name:</th>
  22 <td> <input name="name" value="new_image.jpg" size="40" maxlength="40" /> </td>
  23 </tr>
  24
  25 <tr>
  26 <td></td>
  27 <td class="explanation">
  28 Upload the image itself.
  29 </td>
  30 </tr>
  31 <tr>
  32 <th>Image:</th>
  33 <td> <input type="file" name="image" value="" /> </td>
  34 </tr>
  35
  36 <tr>
  37 <td></td>
  38 <td class="explanation">
  39 The 'Alt'(-ernate) text is what blind users and search engines read.  It should explain what the image is.  You must provide this text to meet accessibility laws and allow search engines to discover the content of images.
  40 </td>
  41 </tr>
  42 <tr>
  43 <th>Alt text:</th>
  44 <td> <input name="alt" value="" size="70" /> </td>
  45 </tr>
  46
  47 <tr>
  48 <td></td>
  49 <td class="explanation">
  50 The title appears when users hover over an image with their mouse.  It is not required.
  51 </td>
  52 </tr>
  53 <tr>
  54 <th>Title:</th>
  55 <td> <input name="title" value="" size="70" /> </td>
  56 </tr>
  57
  58 <tr>
  59 <td></td>
  60 <td class="explanation">
  61 The 'Longdesc'(-ription) gives a longer, complete description of the content of the image, for blind users.  If your Alt text adequately describes the image, then it is not required.
  62 </td>
  63 </tr>
  64 <tr>
  65 <th>Longdesc:</th>
  66 <td> <textarea name="longdesc" rows="5" cols="80"></textarea> </td>
  67 </tr>
  68
  69 <tr>
  70 <td></td>
  71 <td class="explanation">
  72 Class is used with stylesheets.  If in doubt, leave it blank.
  73 </td>
  74 </tr>
  75 <tr>
  76 <th>Class:</th>
  77 <td> <input name="class" value="" size="20" /> </td>
  78 </tr>
  79
  80 <tr>
  81 <td></td>
  82 <td><input type="submit" value="Upload" /></td>
  83 </tr>
  84
  85 </table>
  86 </form>
  87
  88 <ul id="topmenu" class="menu">
  89 <li> <a href="/">Home&nbsp;page</a> | </li>
  90 <li> <a href="/_sitemap">Sitemap</a> | </li>
  91 <li> <a href="/_recent">Recent&nbsp;changes</a> </li>
  92 </ul>
  93
  94 <ul id="bottommenu" class="menu">
  95 <li> <a href="/">Home&nbsp;page</a> | </li>
  96 <li> <a href="/_sitemap">Sitemap</a> | </li>
  97 <li> <a href="/_recent">Recent&nbsp;changes</a> </li>
  98 </ul>
  99
 100 <hr/>
 101
 102 <ul id="footer" class="menu">
 103 <li> <a href="/copyright">Copyright &copy; 2004</a> </li>
 104 </ul>
 105
 106 </body>
 107 </html>