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

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

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

優(yōu)點(diǎn)：充分利用版面，信息量大，與其他頁面的鏈接多，切換方便；缺點(diǎn)：頁面擁擠，不夠靈活主菜單主菜單和廣告條主要內(nèi)容友情鏈接等參考示例二、版面設(shè)計(jì)常見樣式特點(diǎn)布局形式自由式：又稱POP布局，頁面布局像一張宣傳海報(bào)，以一張精美圖片作為頁面的設(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è)置緊扣主題