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 / Browsing.html < prev    next >
Encoding:
Extensible Markup Language  |  2005-02-23  |  14.3 KB  |  344 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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7.   <title>Browsing and Editing with Amaya</title>
  8.   <style type="text/css">
  9.   </style>
  10.   <link href="style.css" rel="stylesheet" type="text/css" />
  11. </head>
  12.  
  13. <body xml:lang="en" lang="en">
  14.  
  15. <div>
  16. <img alt="Amaya" src="../../resources/icons/22x22/logo.png" class="logo" />
  17.  
  18. <p class="nav"><a href="Manual.html" accesskey="t"><img alt=""
  19. src="../../resources/icons/misc/up.png" /></a> <a href="Selecting.html"
  20. accesskey="n"><img alt="next" src="../../resources/icons/misc/right.png"
  21. /></a></p>
  22. </div>
  23.  
  24. <div class="toc">
  25. <ul>
  26.   <li><a href="#Browsing">Browsing with Amaya</a>
  27.     <ul>
  28.       <li><a href="#Activating1">Activating a Link</a></li>
  29.       <li><a href="#Access">Access Keys</a></li>
  30.       <li><a href="#Target">Target Anchors</a></li>
  31.       <li><a href="#Opening">Opening Documents</a></li>
  32.       <li><a href="#Moving">Moving Backward and Forward</a></li>
  33.       <li><a href="#Reloading">Reloading a page</a></li>
  34.     </ul>
  35.   </li>
  36.   <li><a href="#Using">Using forms</a>
  37.     <ul>
  38.       <li><a href="#Simple">Simple menus</a></li>
  39.       <li><a href="#Menus">Menus with multiple selections</a></li>
  40.     </ul>
  41.   </li>
  42. </ul>
  43. </div>
  44.  
  45. <div id="page_body">
  46. <h2 id="Browsing">Browsing with Amaya</h2>
  47.  
  48. <p>Amaya is mainly an editor with browsing capabilities. It allows you to
  49. edit and browse Web documents simulteneously. Browsing with Amaya is similar
  50. to browsing with other Web browsers except for <a
  51. href="#Activating">activating a Link</a> and <a href="#Using">using
  52. forms</a>.</p>
  53.  
  54. <p>Amaya allows you to to display and edit HTML documents as well as some XML
  55. document types: XHTML, MathML (mathematical expressions) and SVG (gaphics).
  56. It also allows you to access other XML document types and to display their
  57. content according to attached CSS style sheets. For these XML documents some
  58. editing functions are available.</p>
  59.  
  60. <h3 id="Activating1">Activating a Link</h3>
  61.  
  62. <p>Links are usually displayed as blue. Because Amaya is both a browser and
  63. an editor, you get different results when you single-click, double-click, or
  64. right-click a link.</p>
  65. <ul>
  66.   <li>Single-click a link to move the cursor to that position in the
  67.     document. The status bar displays the expanded URI of the link. You can
  68.     now edit the content of the link.</li>
  69.   <li>Double-click a link to activate the link and go to its target. The
  70.     document retrieved by this operation replaces the current document in the
  71.     same tab as the original document. If the original document was modified
  72.     and has not yet been saved, a "Lose all modifications" prompt displays.
  73.     It allows you to save save the changes you have made before the original
  74.     document is replaced.</li>
  75.   <li>Right-click a link to activate the link and open the target document in
  76.     a new tab or a new window. The original document remains open in the
  77.     first tab. You can choose to open the target document in a new tab or a
  78.     new window by setting the corresponding option in the <strong>Browsing
  79.     Preferences</strong> dialog under the
  80.     <strong>Edit>Preferences</strong> menu.</li>
  81. </ul>
  82.  
  83. <p class="Note">This behavior can be changed through the <strong>Browsing
  84. Preferences</strong> dialog under the <strong>Edit>Preferences</strong>
  85. menu. By changing the <strong>Double click activates link</strong> option,
  86. you can browse documents with a single click as you would in a traditional
  87. Web browser. However, you will not be able to edit a link by clicking within
  88. it.<br />
  89. Other browsing preferences like the loading of images and the application of
  90. CSS can be controled in the <strong>Browsing Preferences</strong> <a
  91. href="../html/configuring_amaya/menu_preferences.html#Browsing">dialog</a>.</p>
  92.  
  93. <p>You can also use the keyboard to choose links and to activate them. Key
  94. <kbd>Tab</kbd> allows you to move to the next link or form field in the
  95. document. <kbd>Shift Tab</kbd> allows you to move to the previous link or
  96. form field. <kbd>Alt Enter</kbd> activates the current link. You can choose
  97. <a href="../html/configuring_amaya/about_keyboard_shortcuts.html">other
  98. keys</a> to perform these commands.</p>
  99.  
  100. <h3 id="Access">Access Keys</h3>
  101.  
  102. <p>Access keys provide shortcuts for moving the cursor to a form field, an
  103. area, or a link. Such access can be crucial to people with motor
  104. disabilities, but there are other conditions where it could be necessary or
  105. useful.</p>
  106.  
  107. <p>When developing a web document, you can associate the
  108. <code>accesskey</code> attribute with the following elements: <code>A</code>,
  109. <code>AREA</code>, <code>BUTTON</code>, <code>INPUT</code>,
  110. <code>LABEL</code>, <code>LEGEND</code>, and <code>TEXTAREA</code>.</p>
  111.  
  112. <p>For example, if you associate the <code>accesskey</code> attribute with a
  113. link in a document using <code>accesskey="n"</code> or
  114. <code>accesskey="N"</code>, the command <kbd>Alt accesskey</kbd> (<kbd>Alt
  115. n</kbd> or <kbd>Alt N</kbd>) will activate that link. If you associate the
  116. <code>accesskey</code> attribute to a form element, pressing <kbd>Alt
  117. accesskey</kbd> moves the focus to that element (or to the following element
  118. if associated with a <code>LABEL</code> and <code>LEGEND</code> element).</p>
  119.  
  120. <p>Access keys overwrite Amaya shortcuts. For example, the Amaya Help pages
  121. declare these access keys:</p>
  122. <ul>
  123.   <li>"n" for going to the next page</li>
  124.   <li>"p" for going to the previous page</li>
  125.   <li>"t" for the table of contents</li>
  126. </ul>
  127.  
  128. <p>If you have assigned the shortcut <kbd>Alt-p</kbd> to an Amaya command,
  129. this shortcut won't be accessible when the Amaya Help pages are displayed.</p>
  130.  
  131. <p>By default, Amaya uses the <kbd>Alt</kbd> key as the modifier for access
  132. keys. However, you can change this default using
  133. the<strong></strong><strong>Edit>Preferences>General</strong> dialog
  134. box. You can choose the <kbd>Control</kbd> key instead of the <kbd>Alt</kbd>
  135. key for a modifier, or you can disable the access keys handler.</p>
  136.  
  137. <h3 id="Target">Target Anchors</h3>
  138.  
  139. <p>Targets are elements that have been given an <code>ID</code> attribute or
  140. anchors (element <strong>a</strong>) that have been given an
  141. <code>name</code> attribute. They identify possible targets for links.</p>
  142.  
  143. <p>So that you can easily recognize targets, you can turn on the display of
  144. target icons <img src="../images/target.gif" alt="Target icon" />. These
  145. icons are not part of the document and can be displayed or hidden in two
  146. ways:</p>
  147. <ul>
  148.   <li>Choosing <strong>Show targets</strong> from the <strong>Views</strong>
  149.     menu.</li>
  150.   <li>Using default keyboard commands (<kbd>Ctrl v Ctrl t</kbd> in Unix,
  151.     <kbd>Ctrl u Ctrl t</kbd> in Windows).</li>
  152. </ul>
  153.  
  154. <h3 id="Opening">Opening Documents</h3>
  155.  
  156. <p>You can open both local or remote documents in several different ways:</p>
  157. <dl>
  158.   <dt>File menu</dt>
  159.     <dd><ol>
  160.         <li>Choose <strong>Open document</strong> from the
  161.           <strong>File</strong> menu.
  162.           <p class="Note"><strong>Note:</strong> You can alternately use a
  163.           keyboard shortcut to open a document. Press <kbd>Ctrl o ctrl
  164.           o</kbd>. You can also right-click the tab of any open document.</p>
  165.         </li>
  166.         <li>In the <strong>Open document</strong> dialog, type the full path
  167.           or URI of the file you want to open, or use the
  168.           <strong>File</strong> or <strong>Directory</strong> buttons to open
  169.           a file selection dialog.
  170.           <p class="Note"><strong>Note:</strong> You can also click the
  171.           button on the right side of the address field to display the list
  172.           of the documents you have opened recently. You can then select an
  173.           address in this list to open the corresponding document.</p>
  174.         </li>
  175.         <li>When the document is correctly specified, click
  176.           <strong>Open.</strong></li>
  177.       </ol>
  178.       <p>You can also use these steps to create a new local document, by
  179.       specifying the name of a file that does not exist.</p>
  180.     </dd>
  181.   <dt>Document address field</dt>
  182.     <dd>The address of the current document is displayed at the top of the
  183.       window. Edit this address to specify the file name or the URI of the
  184.       document you want to open and press <strong>ENTER</strong>.
  185.       <p>You can also create a new document by typing the name of a document
  186.       that does not exist yet.</p>
  187.       <p class="Note"><strong>Note:</strong> You can also click the button on
  188.       the right side of the document address field to display the list of the
  189.       documents you have opened recently. You can then select an address in
  190.       this list to open the corresponding document.</p>
  191.     </dd>
  192.   <dt>Hypertext links</dt>
  193.     <dd>By <a href="#Activating1">activating a link</a> you load the target
  194.       document.</dd>
  195. </dl>
  196.  
  197. <p><strong>Note about character sets</strong></p>
  198.  
  199. <p>Amaya reads HTML and XHTML documents differently:</p>
  200. <ul>
  201.   <li>Amaya reads HTML documents by default as <a
  202.     href="../html/editing_iso-latin-1_characters/entering_ISOLatin1_characters_in_amaya.html">ISO-Latin-1</a>
  203.     files. If an author does not provide information about the character set
  204.     (charset) in the HTTP header or in a META element, Amaya considers an
  205.     HTML document to be encoded in ISO-Latin-1.
  206.     <p></p>
  207.   </li>
  208.   <li>Amaya reads XHTML documents by default as UTF-8 files. If an author
  209.     does not provide information about the charset in the HTTP header, in the
  210.     XML declaration, or in a META element, Amaya considers an XHTML document
  211.     to be encoded in UTF-8.</li>
  212. </ul>
  213.  
  214. <p>Because the default charset is different for HTML and XHTML documents,
  215. authors often create documents using the incorrect charset. For example,
  216. consider an XHTML document that uses ISO-Latin-1 but does not provide
  217. information about the charset. When the XML parser analyzing the document
  218. encounters a character that does not match a valid UTF-8 character, the
  219. document is considered to be not well formed. Parsing stops and Amaya
  220. displays an error message that proposes either to reload the document as an
  221. HTML document or to show parsing errors. If show parsing errors is selected,
  222. Amaya displays the detected errors.</p>
  223.  
  224. <h3 id="Moving">Moving Backward and Forward</h3>
  225.  
  226. <p>Amaya creates a history list to keep track of the pages you have viewed in
  227. the current session. You can move backward or forward through pages in the
  228. history list in several ways:</p>
  229.  
  230. <table border="1" cellspacing="2" cellpadding="2">
  231.   <tbody>
  232.     <tr>
  233.       <td>File menu</td>
  234.       <td>Choose <strong>Back</strong> from the <strong>File</strong> menu to
  235.         view the previous page.
  236.  
  237.         <p>Choose <strong>Forward</strong> from the <strong>File</strong>
  238.         menu to view the next page.</p>
  239.       </td>
  240.     </tr>
  241.     <tr>
  242.       <td>Keyboard shortcuts</td>
  243.       <td><b>Unix</b>:
  244.  
  245.         <p>Press <kbd>Alt b</kbd> to view the previous page.</p>
  246.  
  247.         <p>Press <kbd>Alt f</kbd> to view the next page.</p>
  248.  
  249.         <p><b>Windows</b>:</p>
  250.  
  251.         <p>Press <kbd>Ctrl b Ctrl b</kbd> to view the previous page.</p>
  252.  
  253.         <p>Press <kbd>Ctrl b Ctrl f</kbd> to view the next page.</p>
  254.       </td>
  255.     </tr>
  256.     <tr>
  257.       <td>Button bar</td>
  258.       <td>Click the <img alt="Back "
  259.         src="../../resources/icons/22x22/back.png" align="middle" /> button
  260.         to view the previous page.
  261.  
  262.         <p>Click the <img alt="Forward "
  263.         src="../../resources/icons/22x22/forward.png" align="middle" />
  264.         button to view the next page.</p>
  265.       </td>
  266.     </tr>
  267.   </tbody>
  268. </table>
  269.  
  270. <p>Note that each tab has a separate history.</p>
  271.  
  272. <h3 id="Reloading">Reloading a page</h3>
  273.  
  274. <p>Documents can be reloaded by:</p>
  275. <ul>
  276.   <li>Choosing <strong>Reload document</strong> from the
  277.     <strong>File</strong> menu.</li>
  278.   <li>Using the shortcut <kbd>F5</kbd> in Unix and <kbd>Ctrl r</kbd> in
  279.     Windows.</li>
  280.   <li>Clicking the <strong>Reload</strong> button <img
  281.     src="../../resources/icons/22x22/reload.png" alt="reload" align="middle"
  282.     /> on the button bar.</li>
  283. </ul>
  284.  
  285. <h2 id="Using">Using forms</h2>
  286.  
  287. <p>As Amaya is a browser/editor, some of the widgets associated with HTML
  288. form elements are different from those you are used to in browsers. This
  289. section mentions the most notable differences.</p>
  290.  
  291. <h3 id="Simple">Simple menus</h3>
  292.  
  293. <p>To activate a selector such as this one:á 
  294. <select name="fruit">
  295.   <option selected="selected">apple</option>
  296.   <option>orange</option>
  297.   <option>lemon</option>
  298.   <option>banana</option>
  299.   <option>strawberry</option>
  300. </select>
  301.  , you have to click twice on the entry ("apple" here). This will result in a
  302. popup widget appearing showing all the entries. The widget supports a user
  303. interaction both with the keyboard as well as with the mouse.</p>
  304.  
  305. <p>With the keyboard, you must first select an entry using the arrow keys.
  306. Pressing the <strong>Enter</strong> key validates the choice. You can abort
  307. the action of this widget by pressing the <code>Esc</code> key anytime.</p>
  308.  
  309. <p>With the mouse, there are two kinds of behavior. A single click allows you
  310. to select an entry, whereas a double click on an entry means that you want to
  311. activate the selection. To abort the action of the widget, you just need to
  312. click in any area outside of the pop-up widget. With very long menus, you can
  313. also use the scroll bar to quickly navigate thru the widget entries.</p>
  314.  
  315. <h3 id="Menus">Menus with multiple selections</h3>
  316.  
  317. <p>Some menus, like this oneá: 
  318. <select name="fruit" multiple="multiple">
  319.   <option>apple</option>
  320.   <option>orange</option>
  321.   <option selected="selected">lemon</option>
  322.   <option selected="selected">banana</option>
  323.   <option>strawberry</option>
  324. </select>
  325.  allow multiple entries to be selected simultaneously. The behavior of this
  326. widget is similar to the single selection one. That is, the widget supports
  327. only one toggle of a selection state at the time. You need to invoke it as
  328. many times as toggle changes you need. When the widget is activated, it shows
  329. the current state of selections. As before, you can abort the widget by using
  330. either the <code>Esc</code> key or clicking elsewhere.</p>
  331.  
  332. <p></p>
  333.  
  334. <p></p>
  335.  
  336. <p></p>
  337.  
  338. <p></p>
  339.  
  340. <p></p>
  341. </div>
  342. </body>
  343. </html>
  344.