網(wǎng)站的設(shè)計(jì)-建立自己的主題網(wǎng)站

4.2網(wǎng)站的設(shè)計(jì)高青一中

張麗麗一、了解網(wǎng)站設(shè)計(jì)的基本內(nèi)容二、依據(jù)主題，設(shè)計(jì)網(wǎng)站的欄目和版面三、通過(guò)設(shè)計(jì)主題網(wǎng)站，體驗(yàn)設(shè)計(jì)在建立網(wǎng)站中的重要性學(xué)習(xí)目標(biāo)：設(shè)計(jì)制作一個(gè)網(wǎng)站，應(yīng)該從哪些方面著手？一、確定主題二、欄目設(shè)置三、版面設(shè)計(jì)四、樹立網(wǎng)站整體風(fēng)格五、收集素材網(wǎng)站實(shí)例欣賞網(wǎng)站名稱：網(wǎng)站主題：展示、推廣學(xué)生文學(xué)原創(chuàng)作品，給華語(yǔ)文學(xué)愛好者提供交流的平臺(tái)欄目設(shè)置欄目設(shè)置需注意：（1）要緊扣主題，盡可能刪除與主題無(wú)關(guān)的欄目（2）盡可能將網(wǎng)站最有吸引力的內(nèi)容列在欄目上（3）盡可能方便訪問(wèn)者的瀏覽和查詢。如：設(shè)置“本站指南”或“網(wǎng)站地圖”欄目可以幫助初訪者快速找到他們想要的內(nèi)容一、欄目設(shè)置網(wǎng)站名稱欄目名稱內(nèi)容描述非常不一班班級(jí)介紹簡(jiǎn)介班級(jí)情況班級(jí)故事介紹班級(jí)的好人好事校園圖書館介紹學(xué)校的圖書館李明的博客介紹李明的個(gè)人博客班級(jí)人物介紹班級(jí)的優(yōu)秀學(xué)生站點(diǎn)內(nèi)服務(wù)給瀏覽者留出發(fā)表意見的空間思考：下面是一個(gè)班級(jí)主頁(yè)的欄目設(shè)置，哪些地方設(shè)計(jì)不合理？還可以為這個(gè)班級(jí)主頁(yè)添加一些欄目嗎？一、欄目設(shè)置任務(wù)一：分組確定網(wǎng)站主題，并圍繞主題設(shè)計(jì)網(wǎng)站的欄目小組中的每位同學(xué)經(jīng)過(guò)討論、交流，填寫以下內(nèi)容

網(wǎng)站主題：網(wǎng)站名稱：網(wǎng)站欄目名稱本欄目主要內(nèi)容一、欄目設(shè)置常見樣式特點(diǎn)布局形式“廠”字型頁(yè)面頂部為主菜單以及橫條網(wǎng)站標(biāo)志+廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局優(yōu)點(diǎn)：頁(yè)面結(jié)構(gòu)清晰，主次分明；缺點(diǎn)：呆板，如果細(xì)節(jié)色彩上不注意，容易“看之無(wú)味”參考示例主菜單以及橫條網(wǎng)站標(biāo)志+廣告條主要內(nèi)容主菜單二、版面設(shè)計(jì)常見樣式特點(diǎn)布局形式“口”字型頁(yè)面一般上下放主菜單和廣告條，左面是主菜單，右面放友情鏈接等，中間是主要內(nèi)容

優(yōu)點(diǎn)：充分利用版面，信息量大，與其他頁(yè)面的鏈接多，切換方便；缺點(diǎn)：頁(yè)面擁擠，不夠靈活主菜單主菜單和廣告條主要內(nèi)容友情鏈接等參考示例二、版面設(shè)計(jì)常見樣式特點(diǎn)布局形式自由式：又稱POP布局，頁(yè)面布局像一張宣傳海報(bào)，以一張精美圖片作為頁(yè)面的設(shè)計(jì)中心，菜單欄目自由擺放優(yōu)點(diǎn)：漂亮、吸引人，適宜于藝術(shù)類網(wǎng)站缺點(diǎn)：顯示速度慢，文字信息量少自由式參考示例二、版面設(shè)計(jì)二、版面設(shè)計(jì)標(biāo)題欄（網(wǎng)站標(biāo)志及廣告條）欄目設(shè)置內(nèi)容設(shè)置小結(jié)一、欄目設(shè)置緊扣主題