To help us
keep our focus on the technical aspects of TShirtShop, when creating the web site??™s layout,
we??™ll be using a framework called Yahoo User Interface Library (YUI). This will allow us to implement
our simple interface, which looks the same in today??™s modern browsers, even if we are not
experts in CSS. The official web site of YUI is located at http://developer.yahoo.com/yui/. All
pages in TShirtShop, including the first page, will have the structure shown in Figure 3-5.
Although the detailed structure of the product catalog is covered in the next chapter, right
now, we know that amain list of departments needs to be displayed on every page of the site.
When the visitor clicks a department, the list of categories for that department will appear
below the department list. The site also has a search box that will allow visitors to perform
product searches. At the top of the page, the site header will be visible on any page the visitor
browses.
Figure 3-5. Structure of web pages in TShirtShop
To implement this structure as simply as possible, we??™ll use Smarty componentized templates
(or simple Smarty design templates) to create the separate parts of the page as shown in
Figure 3-6.
CHAPTER 3 ?– STARTING THE TSHIRTSHOP PROJECT 40
?– Note What we call a Smarty componentized template is the combination of a Smarty design template
(the .
Pages:
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108