topical media & game development

talk show tell print

basic-web-html-10-index.htm / htm



  <?xml version="1.0" ?>
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  
  <head>
    <title>Chapter 10: Design Issues</title>
    <link rel="stylesheet" type="text/css" href="basic-web-html-css-examplestyles.css" />
  
  </head>
  
  <body>
  <div class="heading">
    <h1>Beginning Web Programming - Code Examples</h1>
    <a href="@htm-basic-web-html-index.html">Back to main book index</a>
  </div>
  
  <h2>Chapter 10: Design Issues</h2>
  <p>Here are the examples for Chapter 10, which looks at how to create page layouts.</p>
  
  <h3>Text</h3>
  <table>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg01.html">ch10-eg01.html</a></td><td>Lack of white space</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg02.html">ch10-eg02.html</a></td><td>Adding of white space (and background shading)</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg03.html">ch10-eg03.html</a></td><td>Text alignment</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg04.html">ch10-eg04.html</a></td><td>Line height</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg05.html">ch10-eg05.html</a></td><td>Controlling width of columns of text</td></tr>
  </table>
  <h3>Menus</h3>
  <table>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg06.html">ch10-eg06.html</a></td><td>A menu using images</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg07.html">ch10-eg07.html</a></td><td>Styling links</td></tr>
  Attribute</td></tr>
  </table>
  <h3>Tables</h3>
  <table>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg08.html">ch10-eg08.html</a></td><td>Alternating row colors</td></tr>
  </table>
  <h3>Forms</h3>
  <table>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg09.html">ch10-eg09.html</a></td><td>Select box or radio buttons</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg10.html">ch10-eg10.html</a></td><td>Text inputs of different sizes</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg11.html">ch10-eg11.html</a></td><td>Grouping controls</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg12.html">ch10-eg12.html</a></td><td>Implicit labels</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg13.html">ch10-eg13.html</a></td><td>Explicit labels using the <code>&lt;label&gt;</code> element</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg14.html">ch10-eg14.html</a></td><td>Tables and &lt;label&gt;s</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg15.html">ch10-eg15.html</a></td><td>Tables and &lt;label&gt;s II</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg16.html">ch10-eg16.html</a></td><td>Split up text inputs with own labels</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg17.html">ch10-eg17.html</a></td><td>Ratings buttons with labels</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg18.html">ch10-eg18.html</a></td><td><code>title</code> attribute</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg19.html">ch10-eg19.html</a></td><td>Required form fields</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-ch10-eg20.html">ch10-eg20.html</a></td><td>Using CSS on a form</td></tr>
    <tr><td><a href="@htm-basic-web-html-10-registration.html">Try it out</a></td><td>A registration form</td></tr>
  </table>
  <h3>Exercise</h3>
  <table>
    <tr><td><a href="@htm-basic-web-html-10-registration2.html">Exercise</a></td><td>A second page of a registration form</td></tr>
  </table>
  
  <p class="footer">To see the code behind any page, remember you go to the View menu on your browser and select the View Source option.</p>
  </body>
  </html>
  


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.