Images
They say that an image tells a thousand words, but it also costs a lot of time and bandwidth compared to those
words! We will use images to improve how the site looks and to add value for our users. Obviously we will
provide images of the locations themselves and images also work well for feature lists and other visual clues to
different sections of the pages.
Menus and navigation
For the menus, we will have a main menu across the top of the site and any sub menus in a vertical column as
required. This means that we will have a site that is easy to navigate and also has plenty of expansion room as
we build up features.
Putting all this together into a design, we have got a site that looks like Figure 3.2.
Licensed to Menshu You
Please post comments or corrections to the Author Online forum at
http://www.manning-sandbox.com/forum.jspa?forumID=329
Figure 3.2: The Places to take the kids home page maximizes the amount of space for content whilst being easy to use.
There are four sections to this design: header (including menu), main content on left, advert on right and a
footer. We are now ready to look at the code required to build the site, starting with the initial set up of the
directory structure, bootstrap and loading of configuration information.
Pages:
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87