home *** CD-ROM | disk | FTP | other *** search
/ GameStar 2005 May / Gamestar_73_2005-05_dvd.iso / Programy / amaya / amaya-WinXP-9.1.exe / doc / WX / Tables.html < prev    next >
Encoding:
Extensible Markup Language  |  2005-02-23  |  9.5 KB  |  233 lines
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3.        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6.   <meta name="GENERATOR" content="amaya 9.1, see http://www.w3.org/Amaya/" />
  7.   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  8.   <title>Editing Tables</title>
  9.   <style type="text/css">
  10.   </style>
  11.   <link href="style.css" rel="stylesheet" type="text/css" />
  12. </head>
  13.  
  14. <body xml:lang="en" lang="en">
  15.  
  16. <div>
  17. <img alt="Amaya" src="../../resources/icons/22x22/logo.png" class="logo" />
  18.  
  19. <p class="nav"><a href="Links.html" accesskey="p"><img alt="previous"
  20. src="../../resources/icons/misc/left.png" /></a> <a href="Manual.html"
  21. accesskey="t"><img alt="top" src="../../resources/icons/misc/up.png" /></a>
  22. <a href="ImageMaps.html" accesskey="n"><img alt="next"
  23. src="../../resources/icons/misc/right.png" /></a></p>
  24. </div>
  25.  
  26. <div class="toc">
  27. <ul>
  28.   <li><a href="#Editing">Editing Tables</a>
  29.     <ul>
  30.       <li><a href="#Creating">Creating a New Table</a></li>
  31.       <li><a href="#Adding">Adding a New Column</a></li>
  32.       <li><a href="#Removing">Removing, Copying, Pasting a Column</a></li>
  33.       <li><a href="#Adding1">Adding a New Row</a></li>
  34.       <li><a href="#Removing1">Removing, Copying, Pasting a Row</a></li>
  35.       <li><a href="#Extending">Extending a Cell</a></li>
  36.       <li><a href="#Adding2">Adding a New Table body (tbody)</a></li>
  37.       <li><a href="#Adding3">Adding something after a table</a></li>
  38.     </ul>
  39.   </li>
  40. </ul>
  41. </div>
  42.  
  43. <div id="page_body">
  44. <h2 id="Editing">Editing Tables</h2>
  45.  
  46. <p>Amaya does not contain a separate table editor. To Amaya, a table is
  47. simply a structure described by the HTML document type definition (DTD), like
  48. any other element, and it is edited as such. The same commands apply to
  49. tables as to other HTML structures. However, a few specific commands have
  50. been added for more convenient manipulations.</p>
  51.  
  52. <h3 id="Creating">Creating a New Table</h3>
  53.  
  54. <p class="ProcedureCaption">To create a new table:</p>
  55. <ol>
  56.   <li>Move the cursor to the location in the document where you want to
  57.     create the table.</li>
  58.   <li>Click the <b>Table</b> button <img alt="(table)"
  59.     src="../../resources/icons/22x22/XHTML_Table.png" />, or choose
  60.     <strong>Table</strong> from the <b>XHTML</b> menu<b>.</b>The Table dialog
  61.     displays.</li>
  62.   <li>Enter the initial number of rows and columns for the new table, and
  63.     specify the border width.</li>
  64.   <li>Click the <b>Confirm</b> button. Amaya generates a graphical
  65.     representation of the table.</li>
  66.   <li>The cursor is automatically placed in the space above the table that is
  67.     reserved for the table caption. You can delete this space if a caption is
  68.     not needed.</li>
  69.   <li>The new table contains empty cells. To insert content into a cell,
  70.     click inside the cell and then insert the appropriate text, image, etc.
  71.     Use the arrow keys to navigate from one cell to another.</li>
  72. </ol>
  73.  
  74. <h3 id="Adding">Adding a New Column</h3>
  75.  
  76. <p class="ProcedureCaption">To add a new column to a table:</p>
  77. <ol>
  78.   <li>To create a new column to the left of an existing cell, select the
  79.     <strong>Insert a column</strong> entry in the <strong>XHTML /
  80.     Table</strong> sub-menu or type <code>Ctrl t Ctrl b</code>.</li>
  81.   <li>To create a new column to the right of an existing cell, select the
  82.     <strong>Append a column</strong> entry in the <strong>XHTML /
  83.     Table</strong> sub-menu or type <code>Ctrl t Ctrl a</code>.</li>
  84. </ol>
  85.  
  86. <p>New columns can also be easily added to a table using the
  87. <strong>Enter</strong> key. When a whole cell is selected (use
  88. <code>F2</code>), pressing the <strong>Enter</strong> key create a new cell
  89. and its corresponding column to the right of the selected cell.</p>
  90.  
  91. <h3 id="Removing">Removing, Copying, Pasting a Column</h3>
  92.  
  93. <p>When a whole column is selected, you can delete it, copy it, cut it and
  94. paste it before or after another column.</p>
  95.  
  96. <p class="ProcedureCaption">To select a column:</p>
  97. <ol>
  98.   <li>Use the <strong>Select column</strong> entry in the
  99.     <strong>Table</strong> sub-menu (<code>Ctrl t Ctrl c</code>).</li>
  100.   <li>You can also start the selection in a cell and extend to another cell
  101.     in the same column (for example start in Cell 1.2 and stop in Cell 2.2).
  102.     Amaya changes to column selection mode. Hitting the <code>F2</code> key
  103.     twice extends the selection to the whole column.</li>
  104. </ol>
  105.  
  106. <table border="1" summary="table">
  107.   <tbody>
  108.     <tr>
  109.       <td>Cell 1.1</td>
  110.       <td>Cell 1.2</td>
  111.       <td>Cell 1.3</td>
  112.     </tr>
  113.     <tr>
  114.       <td>Cell 2.1</td>
  115.       <td>Cell 2.2</td>
  116.       <td>Cell 2.3</td>
  117.     </tr>
  118.     <tr>
  119.       <td>Cell 3.1</td>
  120.       <td>Cell 3.2</td>
  121.       <td>Cell 3.3</td>
  122.     </tr>
  123.   </tbody>
  124. </table>
  125.  
  126. <p>When a whole column is selected, use the usual commands to copy, delete or
  127. cut it.</p>
  128.  
  129. <p>Two specific commands are vailable to paste a column:</p>
  130. <ol>
  131.   <li>To paste a column before an existing column, click at the beginning of
  132.     a cell in the existing column and use item <strong>Paste before</strong>
  133.     of the <strong>XHTML/Table</strong> sub-menu (<code>Ctrl t Ctrl
  134.   p</code>).</li>
  135.   <li>To paste a column after an existing column, move the cursor to the end
  136.     of a cell in the existing column and use item <strong>Paste
  137.     after</strong> of the <strong>XHTML/Table</strong> sub-menu (<code>Ctrl t
  138.     Ctrl v</code>).</li>
  139. </ol>
  140.  
  141. <h3 id="Adding1">Adding a New Row</h3>
  142.  
  143. <p>There are two specific commands to create new rows in a table:</p>
  144. <ol>
  145.   <li>To create a new row above an existing row, select <strong>Insert a
  146.     row</strong> from the <strong>XHTML/Table</strong> sub-menu (<code>Ctrl t
  147.     Ctrl i</code>).</li>
  148.   <li>To create a new row below an existing row, select <strong>Append a
  149.     row</strong> from the <strong>XHTML/Table</strong> sub-menu (<code>Ctrl t
  150.     Ctrl n</code>).</li>
  151. </ol>
  152.  
  153. <p>New rows can also be easily added to a table using the
  154. <strong>Enter</strong> key. When a whole row is selected (use key
  155. <code>F2</code> for that), pressing the <strong>Enter</strong> key create a
  156. new row after the selected row.</p>
  157.  
  158. <h3 id="Removing1">Removing, Copying, Pasting a Row</h3>
  159.  
  160. <p>When a whole row is selected, it's possible to delete it, to copy (or to
  161. cut) it and to paste it.</p>
  162.  
  163. <p class="ProcedureCaption">To select a row:</p>
  164. <ol>
  165.   <li>Use the <strong>Select row</strong> entry in the
  166.     <strong>XHTML/Table</strong> sub-menu (<code>Ctrl t Ctrl r</code>).</li>
  167.   <li>You can also start the selection in a cell. Hitting the <code>F2</code>
  168.     key extends the selection to the enclosing row.</li>
  169. </ol>
  170.  
  171. <p>When a whole row is selected, you can delete it, copy it, or cut it with
  172. the usual commands.</p>
  173.  
  174. <p>Two specific commands are available to paste a row:</p>
  175. <ol>
  176.   <li>To paste a row before an existing row, use the <strong>Paste
  177.     before</strong> item of the <strong>XHTML/Table</strong> sub-menu
  178.     (<code>Ctrl t Ctrl p</code>).</li>
  179.   <li>To paste a row after an existing row, use the <strong>Paste
  180.     after</strong> item of the <strong>XHTML/Table</strong> sub-menu
  181.     (<code>Ctrl t Ctrl v</code>).</li>
  182. </ol>
  183.  
  184. <h3 id="Extending">Extending a Cell</h3>
  185.  
  186. <p class="ProcedureCaption">To extend a cell</p>
  187. <ol>
  188.   <li>To extend a cell to the next cell at the right, select <strong>Join
  189.     with the cell at the right</strong> in the <strong>XHTML/Table</strong>
  190.     sub-menu (<code>Ctrl t Ctrl e</code>).</li>
  191.   <li>To extend a cell to the next below, select <strong>Join with the cell
  192.     below</strong> in the <strong>XHTML/Table</strong> sub-menu (<code>Ctrl t
  193.     Ctrl j</code>).</li>
  194.   <li>To shrink the horizontal extension of the cell by one position, select
  195.     <strong>Shrink horizontal extend</strong> in the
  196.     <strong>XHTML/Table</strong> sub-menu (<code>Ctrl t Ctrl s</code>).</li>
  197.   <li>To shrink the vertical extension of the cell by one position, select
  198.     <strong>Shrink vertical extend</strong> in the
  199.     <strong>XHTML/Table</strong> sub-menu (<code>Ctrl t Ctrl m</code>).</li>
  200. </ol>
  201.  
  202. <p>Cell extensions can be also changed by editing the <code>colspan</code>
  203. and <code>rowspan</code> <a href="Attributes.html">attributes</a>.</p>
  204.  
  205. <h3 id="Adding2">Adding a New Table body (tbody)</h3>
  206.  
  207. <p class="ProcedureCaption">To create a new tbody:</p>
  208. <ol>
  209.   <li>To create a new table body above an existing table body, click at the
  210.     beginning of the first cell in the first row of the table body and select
  211.     the <strong>tbody</strong> item in the <strong>XHTML/Table</strong>
  212.     sub-menu.</li>
  213.   <li>To create a new table body below an existing table body, move the
  214.     cursor to the end of the last cell in the last row of the table body and
  215.     select the <strong>tbody</strong> item in the
  216.     <strong>XHTML/Table</strong> sub-menu.</li>
  217. </ol>
  218.  
  219. <p>New table bodies can also be added to a table using the
  220. <strong>Enter</strong> key. When a whole table body is selected (use
  221. <code>F2</code>), pressing the <strong>Enter</strong> key creates a new table
  222. body after the selected table body.</p>
  223.  
  224. <h3 class="ProcedureCaption" id="Adding3">Adding something after a table</h3>
  225.  
  226. <p>To go out of the table and add any element after a table you have to
  227. select the table element (use <code>F2</code>) and press the
  228. <strong>Enter</strong> key. Amaya creates a new paragraph after the selected
  229. table. This paragraph can be replaced by another element.</p>
  230. </div>
  231. </body>
  232. </html>
  233.