Beginning Web Programming - Code Examples

Back to main book index

Chapter 10: Design Issues

Here are the examples for Chapter 10, which looks at how to create page layouts.

Text

ch10-eg01.htmlLack of white space
ch10-eg02.htmlAdding of white space (and background shading)
ch10-eg03.htmlText alignment
ch10-eg04.htmlLine height
ch10-eg05.htmlControlling width of columns of text

Menus

Attribute
ch10-eg06.htmlA menu using images
ch10-eg07.htmlStyling links

Tables

ch10-eg08.htmlAlternating row colors

Forms

ch10-eg09.htmlSelect box or radio buttons
ch10-eg10.htmlText inputs of different sizes
ch10-eg11.htmlGrouping controls
ch10-eg12.htmlImplicit labels
ch10-eg13.htmlExplicit labels using the <label> element
ch10-eg14.htmlTables and <label>s
ch10-eg15.htmlTables and <label>s II
ch10-eg16.htmlSplit up text inputs with own labels
ch10-eg17.htmlRatings buttons with labels
ch10-eg18.htmltitle attribute
ch10-eg19.htmlRequired form fields
ch10-eg20.htmlUsing CSS on a form
Try it outA registration form

Exercise

ExerciseA second page of a registration form