網(wǎng)站規(guī)劃和設(shè)計(jì)18九月202412目錄

網(wǎng)站設(shè)計(jì)之前的準(zhǔn)備工作網(wǎng)站內(nèi)容的確定與組織結(jié)構(gòu)規(guī)劃和導(dǎo)航網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)思

3網(wǎng)站設(shè)計(jì)之前的準(zhǔn)備工作一、申請(qǐng)域名、空間

1、域名的重要性及命名規(guī)則域名：URL例如：

(1)重要性：通過(guò)域名可以訪問你的網(wǎng)站，所以域名對(duì)一個(gè)網(wǎng)站的重要意義不言而喻。

(2)命名規(guī)則：瑯瑯上口、簡(jiǎn)單易記。例如：yahoo、51job組合詞。例如：chinaByte(中國(guó)比特)漢語(yǔ)拼音、中英結(jié)合。例如：baidu、CHINAREN42、域名后綴首選.com其次.net

.org

.cn .tv

.cc

.info

.

.

.

.中國(guó)

.公司

.網(wǎng)絡(luò)等。3、注冊(cè)比如：/

/注意：服務(wù)器的質(zhì)量和配置情況，直接影響到用戶的瀏覽速度，需要一個(gè)高速、穩(wěn)定的服務(wù)器。比如：網(wǎng)站空間、郵件空間、是否支持網(wǎng)絡(luò)編程等等。

5二、網(wǎng)站策劃制作流程：1、網(wǎng)站項(xiàng)目的可行性分析2、確定網(wǎng)站的面向?qū)ο?、根據(jù)網(wǎng)站的面向?qū)ο蟠_定網(wǎng)站的內(nèi)容以及欄目結(jié)構(gòu)4、制訂網(wǎng)站開發(fā)進(jìn)度表5、收集和整理網(wǎng)站的內(nèi)容素材6、確定網(wǎng)站的設(shè)計(jì)方案7、根據(jù)網(wǎng)站的設(shè)計(jì)方案，設(shè)計(jì)出網(wǎng)站的各級(jí)頁(yè)面8、將設(shè)計(jì)稿制作成頁(yè)面9、完善頁(yè)面的功能，增強(qiáng)交互性和親和力。10、網(wǎng)站的發(fā)布6確定網(wǎng)站的面向?qū)ο筮m用的人群：學(xué)生、老師、計(jì)算機(jī)人員返回目錄返回目錄78返回目錄返回目錄9根據(jù)網(wǎng)站的面向?qū)ο蟠_定網(wǎng)站的內(nèi)容以及欄目結(jié)構(gòu)

一、（網(wǎng)站內(nèi)容的確定與組織）

首先應(yīng)從整體上對(duì)網(wǎng)站建設(shè)進(jìn)行策劃，這是一個(gè)網(wǎng)站的立足之本。明確自身的定位，具體內(nèi)容包括網(wǎng)站用戶定位，功能定位，網(wǎng)站自身特色的定位。

網(wǎng)站內(nèi)容設(shè)計(jì)對(duì)于網(wǎng)站建設(shè)至關(guān)重要，應(yīng)注意：內(nèi)容：總體結(jié)構(gòu)要層次分明。文字信息可提供較快的瀏覽速度。而圖像、聲音和視頻信息會(huì)產(chǎn)生強(qiáng)大的吸引力。因此，多媒體信息的使用要適中，盡量減少文件數(shù)據(jù)量和大小。網(wǎng)站主頁(yè)是非常重要的，內(nèi)容的適用性和組織的合理性。網(wǎng)站內(nèi)容應(yīng)是動(dòng)態(tài)的，隨時(shí)進(jìn)行修改和更新。網(wǎng)頁(yè)中的文本內(nèi)容應(yīng)簡(jiǎn)明、通俗、易懂。返回目錄返回目錄10二、欄目結(jié)構(gòu)(結(jié)構(gòu)規(guī)劃和導(dǎo)航)結(jié)構(gòu)規(guī)劃合理，信息導(dǎo)航清晰。不同作用的對(duì)象之間的區(qū)別。欄目結(jié)構(gòu)圖（網(wǎng)站導(dǎo)航圖）主頁(yè)個(gè)人資料網(wǎng)絡(luò)日志留言板迷你屋相冊(cè)音樂收藏我的偶像個(gè)人形象個(gè)人檔案訪問量統(tǒng)計(jì)IT應(yīng)用個(gè)人日記娛樂瘋狂自拍明星作品歐美韓國(guó)港臺(tái)返回目錄返回目錄11制訂網(wǎng)站開發(fā)進(jìn)度表比如：

階段具體步驟時(shí)間（天數(shù)）時(shí)間比1、設(shè)計(jì)階段參考420%設(shè)計(jì)框架210%設(shè)計(jì)裝飾圖210%完成設(shè)計(jì)整合210%2、制作階段設(shè)計(jì)樣式210%制作html420%加入Javascript210%代碼優(yōu)化210%返回目錄返回目錄12確定網(wǎng)站的設(shè)計(jì)方案(網(wǎng)頁(yè)設(shè)計(jì)的構(gòu)思)首頁(yè)的設(shè)計(jì)是一個(gè)網(wǎng)站成功與否的關(guān)鍵。1、確定首頁(yè)功能模塊：網(wǎng)站名稱(logo)廣告條(banner)主菜單(menu)新聞(what'snew)搜索(search)友情鏈接(links)郵件列表(maillist)計(jì)數(shù)器(count)版權(quán)(copyright)13確定網(wǎng)站中文名和logo比如：新浪、搜狐、網(wǎng)易網(wǎng)站命名：1、簡(jiǎn)潔（文字的字母結(jié)合不能過(guò)長(zhǎng)，中文組合最好不要超過(guò)5個(gè)字以上）2、好發(fā)音（好念、好講。咬文嚼字的最好避免）3、好記憶（筆畫少的字、順口的發(fā)音、重復(fù)的文字易于記憶）比如：當(dāng)當(dāng)、阿里巴巴4、易聯(lián)想。比如：搜狐5、好寫、好認(rèn)。設(shè)計(jì)logo：建議用photoshop、flash等一些軟件14廣告條(banner)15主菜單16搜索(search)搜索搜索17友情鏈接(links)18郵件列表(maillist)19計(jì)數(shù)器(count)、版權(quán)(copyright)備案系統(tǒng)網(wǎng)站/CX/main.jsp計(jì)數(shù)器版權(quán)20212、設(shè)計(jì)首頁(yè)的版面：畫面正常平衡，亦稱勻稱。指左右、上下對(duì)照對(duì)比能達(dá)到均衡的效果。

異常平衡，即非對(duì)照形式。讓畫面布局能達(dá)到強(qiáng)調(diào)特別信息，引起用戶高度關(guān)注的效果。對(duì)比。利用色彩、色調(diào)等技巧來(lái)作表現(xiàn)。盡量用圖片做解說(shuō)。對(duì)不能用語(yǔ)言說(shuō)服、或用語(yǔ)言難以表達(dá)的信息，特別適合圖片解說(shuō)，可以傳達(dá)給用戶的更多的心理因素。223、網(wǎng)頁(yè)色彩的搭配(1)各種色彩的視覺效果不同顏色會(huì)使用戶產(chǎn)生不同的心理感受。紅色：激情、沖動(dòng)、活力綠色：和睦、寧?kù)o、健康、安全橙色：輕快、溫馨、時(shí)尚黃色：快樂、希望、智慧。藍(lán)色：涼爽、清新、專業(yè)、浪漫白色：明快、純真、清潔黑色：深沉、神秘、寂靜、悲哀、壓抑灰色：中庸、平凡、溫和、高雅23紅色：激情、沖動(dòng)、活力/24綠色象征和平、寧?kù)o和安逸的感覺/Pages/Default.aspx25橙色：輕快、溫馨、時(shí)尚象征光明，代表著甜蜜/brand_sites/speedster/uk/en/home/index.html26紫色(時(shí)尚優(yōu)雅/)27黃色：快樂、希望、智慧28藍(lán)色：涼爽、清新、專業(yè)、浪漫http://www.donga-otsuka.co.kr/29白色：明快、純真、清潔/download9/Demo/108105/30黑色：深沉、神秘、寂靜、悲哀、壓抑/xfiles8//html/collectors.html31灰色：中庸、平凡、溫和、高雅/countryselector/change_country.asp32(2)網(wǎng)頁(yè)中色彩搭配的因素一般來(lái)講，要注意各種色彩運(yùn)用的特性。鮮明性：鮮艷，引人注目。獨(dú)特性：與眾不同，印象深刻。合適性：色彩和表達(dá)的內(nèi)容相適合。聯(lián)想性：不同色彩會(huì)產(chǎn)生不同的聯(lián)想。經(jīng)驗(yàn)：基于一種色彩。通過(guò)調(diào)整透明度、飽和度產(chǎn)生新的色彩。用兩種色彩。對(duì)比色用一個(gè)色系。淡色用黑色和一種彩色。黑配紅、白334、頁(yè)面