1.1 --- a/docs/design.html Sat Sep 08 16:53:18 2007 +0000
1.2 +++ b/docs/design.html Sat Sep 08 16:53:34 2007 +0000
1.3 @@ -1,8 +1,8 @@
1.4 +<?xml version="1.0" encoding="iso-8859-1"?>
1.5 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
1.6 <html xmlns="http://www.w3.org/1999/xhtml"><head>
1.7 <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type" />
1.8 -
1.9 - <title>Creating Applications: Design a Template</title><meta name="generator" content="amaya 8.1a, see http://www.w3.org/Amaya/" />
1.10 + <title>Creating Applications: Design a Template</title>
1.11 <link href="styles.css" rel="stylesheet" type="text/css" /></head>
1.12 <body>
1.13 <h1>Creating Applications: Design
1.14 @@ -33,7 +33,7 @@
1.15 ill-formed HTML, where start and end tags need not match, will <span style="font-style: italic;">not</span> work with XSL transformations
1.16 and will therefore <span style="font-style: italic;">not</span> work
1.17 with XSLForms.</li>
1.18 - <li>We add a <code>form</code> element to the outline so that
1.19 + <li>We add a <code>form</code> element to the outline so that
1.20 the form fields added later actually perform some function when testing
1.21 our application.</li>
1.22 </ul>
1.23 @@ -49,8 +49,8 @@
1.24 <p>The HTML code which produces this representation might look like
1.25 this:</p>
1.26 <pre><div><br /> <p><br /> Some item: <input name="value" type="text" value="some value" /><br /> <input name="remove" type="submit" value="Remove" /><br /> </p><br /></div></pre>
1.27 -<p>Although we have given names to the different <code>input</code>
1.28 -elements, it
1.29 +<p>Although we have given names to the different <code>input</code>
1.30 +elements, it
1.31 is actually not that important to use the correct names at this stage
1.32 in the development process - the actual names will be added later.</p>
1.33 <p><span style="font-weight: bold;">One important thing to note</span>
1.34 @@ -63,18 +63,18 @@
1.35 similar label, field and button arrangement for each of the subitems.
1.36 For example:</p>
1.37
1.38 - <p>Some item: <input name="value" value="some value" /><input name="remove" value="Remove" type="submit" /></p>
1.39 + <p>Some item: <input name="value" value="some value" /><input name="remove" value="Remove" type="submit" /></p>
1.40 <p>Itself containing more items:</p>
1.41 <p>Sub-item: <input name="subvalue" value="some other value" /><input name="remove2" value="Remove" type="submit" /></p>
1.42
1.43 <p>This representation might be expressed in HTML as follows:</p>
1.44 <pre><div><br /> <p><br /> Some item: <input name="value" type="text" value="some value" /><br /> <input name="remove" type="submit" value="Remove" /><br /> </p><br /> <p><br /> Itself containing more items:<br /> </p><br /> <p><br /> Sub-item: <input name="subvalue" type="text" value="some other value" /><br /> <input name="remove2" type="submit" value="Remove" /><br /> </p><br /></div><br /></pre>
1.45 -<p>In the above example, the <code>div</code> element encloses the
1.46 +<p>In the above example, the <code>div</code> element encloses the
1.47 outer list item. Meanwhile, the inner list item is itself enclosed
1.48 -within a <code>p</code> element in the same way as the original
1.49 +within a <code>p</code> element in the same way as the original
1.50 example enclosed its simple list item.</p>
1.51 <p><span style="font-weight: bold;">It should be noted</span> that
1.52 -the item and subitem are each defined within single enclosing
1.53 +the item and subitem are each defined within single enclosing
1.54 HTML elements - as noted above, the motivation for this will become
1.55 clear later on.</p>
1.56 <h2>Adding Items and Subitems</h2>
1.57 @@ -84,7 +84,7 @@
1.58 details. For example:
1.59 </p>
1.60
1.61 - <p>Some item: <input name="value" value="some value" /><input name="remove" value="Remove" type="submit" /></p>
1.62 + <p>Some item: <input name="value" value="some value" /><input name="remove" value="Remove" type="submit" /></p>
1.63 <p>Itself containing more items:</p>
1.64 <p>Sub-item: <input name="subvalue" value="some other value" /><input name="remove2" value="Remove" type="submit" /></p>
1.65 <p><input name="add2" value="Add subitem" type="submit" /></p>
1.66 @@ -94,11 +94,11 @@
1.67 <pre><div><br /> <p><br /> Some item: <input name="value" type="text" value="some value" /><br /> <input name="remove" type="submit" value="Remove" /><br /> </p><br /> <p><br /> Itself containing more items:<br /> </p><br /> <p><br /> Sub-item: <input name="subvalue" type="text" value="some other value" /><br /> <input name="remove2" type="submit" value="Remove" /><br /> </p><br /> <p><br /> <input name="add2" type="submit" value="Add subitem" /><br /> </p><br /></div><br /><p><br /> <input name="add" type="submit" value="Add item" /><br /></p><br /></pre>
1.68 <p>In the above example, the new buttons have been added alongside the
1.69 elements which define the subitem and item regions of the template.
1.70 -Thus, the <code>input</code> field called <code>add2</code>
1.71 -which adds subitems is alongside, not inside, the <code>p</code>
1.72 +Thus, the <code>input</code> field called <code>add2</code>
1.73 +which adds subitems is alongside, not inside, the <code>p</code>
1.74 element which defines the subitem region of the template. Likewise,
1.75 -the <code>input</code> field called <code>add</code> which
1.76 -adds items is alongside, not inside, the <code>div</code> element
1.77 +the <code>input</code> field called <code>add</code> which
1.78 +adds items is alongside, not inside, the <code>div</code> element
1.79 which defines the item region of the template.</p>
1.80 <h2>Saving the Template</h2>
1.81 <p>Adding the above modifications to the outline, we end up with the
1.82 @@ -106,7 +106,7 @@
1.83 <pre><?xml version="1.0"?><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /> <title>Example</title><br /></head><br /><body><br /><form action="" method="post"><br /><br /><!-- Template text between the start and the interesting part. --><br /><br /><div><br /> <p><br /> Some item: <input name="value" type="text" value="some value" /><br /> <input name="remove" type="submit" value="Remove" /><br /> </p><br /> <p><br /> Itself containing more items:<br /> </p><br /> <p><br /> Sub-item: <input name="subvalue" type="text" value="some other value" /><br /> <input name="remove2" type="submit" value="Remove" /><br /> </p><br /> <p><br /> <input name="add2" type="submit" value="Add subitem" /><br /> </p><br /></div><br /><p><br /> <input name="add" type="submit" value="Add item" /><br /></p><br /><br /><!-- Template text between the interesting part and the end. --><br /><br /></form><br /></body><br /></html></pre>
1.84 <p>Once you are happy with the
1.85 design of the page, save it to the <a href="directory.html">directory</a>
1.86 -created earlier (perhaps choosing the name <code>structure_template.xhtml</code>),
1.87 -then proceed to <a href="structure.html">adding
1.88 +created earlier (perhaps choosing the name <code>structure_template.xhtml</code>),
1.89 +then proceed to <a href="structure.html">adding
1.90 structure information</a> in the next stage of the <a href="overview.html">process</a>.</p>
1.91 -</body></html>
1.92 \ No newline at end of file
1.93 +</body></html>