topical media & game development
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><label></code> element</td></tr>
<tr><td><a href="@htm-basic-web-html-10-ch10-eg14.html">ch10-eg14.html</a></td><td>Tables and <label>s</td></tr>
<tr><td><a href="@htm-basic-web-html-10-ch10-eg15.html">ch10-eg15.html</a></td><td>Tables and <label>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.