請(qǐng)?jiān)O(shè)計(jì)一個(gè)類(lèi)似XX站點(diǎn)首頁(yè)的web 頁(yè)面：

１．頁(yè)面為典型的header, footer加３欄的結(jié)構(gòu)；
２．頁(yè)面在800x600以上顯示分辨率下是自動(dòng)適應(yīng)瀏覽器寬度的（自動(dòng)變寬）；
３．Header區(qū)域有站點(diǎn)logo, 和主菜單，　主菜單采用tab風(fēng)格橫向排列；　
４．樣式表中應(yīng)該至少定義

,

,

,

, 等標(biāo)簽，使得這些標(biāo)簽可以在頁(yè)面上顯示美觀

注意：您可以分析和研究XX站點(diǎn)目前的頁(yè)面和css, 但絕對(duì)不要抄襲XX站點(diǎn)的頁(yè)面結(jié)構(gòu)和css, 也不要復(fù)制目前的頁(yè)面的設(shè)計(jì)，這個(gè)考試不但考您的html, css知識(shí)，而且考您的基本構(gòu)圖和美感，因此您可以在上述基本要求滿足的情況下，任意自由發(fā)揮．　


注意事項(xiàng)：

１．使用CSS + DIV來(lái)組織頁(yè)面結(jié)構(gòu)，不允許使用

來(lái)組織；主菜單的tab請(qǐng)用

來(lái)實(shí)現(xiàn)，通過(guò)css控制其樣式；
２．手寫(xiě)代碼，不允許使用可視化網(wǎng)頁(yè)編輯工具
３．請(qǐng)把CSS單獨(dú)文件存放，如果需要使用Javascript, js文件也單獨(dú)存放，注意文件命名和class, id的命名規(guī)范
４．盡可能少使用圖片，而多依靠css來(lái)控制顏色．