First, the site hierarchy could be easily converted to a series of nested list items. Second, the news entries
and quick links entries also work great as lists.
Top menu
Quick links section
News
entries
Figure 8-18: Operation Classroom homepage
Using the iUI framework and the cUI extension (see Chapter 7 ), you ??™ ll create a new HTML page containing
the top - level menu. Here ??™ s the initial code:
< body >
< !-- Top iUI toolbar -- >
< div class=???toolbar??? >
< h1 id=???pageTitle??? > < /h1 >
Chapter 8: Enabling and Optimizing Web Sites for iPhone and iPod touch
201
< a id=???backButton??? class=???button??? href=???#??? > < /a >
< /div >
< !-- Top-level menu -- >
< ul id=???home??? title=???OC for iPhone??? selected=???true??? >
< li > < a href=???#news??? > News < /a > < /li >
< li > < a href=???#quick-links??? > Quick Links < /a > < /li >
< li > < a href=???#schools-programs??? > Schools and Programs < /a > < /li >
< li > < a href=???#workteams??? > Workteams < /a > < /li >
< li > < a href=???#shipping??? > Shipping < /a > < /li >
< li > < a href=???#supplies??? > Supplies < /a > < /li >
< li > < a href=???#resources??? > Resources < /a > < /li >
< li > < a href=???#about??? > About OC < /a > < /li >
< li > < a href=???index.
Pages:
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232