第一篇：大學(xué)生科技研究網(wǎng)頁設(shè)計策劃書

大學(xué)生科技創(chuàng)新與研究網(wǎng)站設(shè)計

策劃書

編寫目的：為了方便我院學(xué)生對“大學(xué)生科學(xué)創(chuàng)新與研究計劃”的了解和對學(xué)院各方面學(xué)生的創(chuàng)新成果和學(xué)院關(guān)于科研方面的新政策有足夠的認(rèn)識，特編寫此網(wǎng)站來解決很多同學(xué)對“大學(xué)生科學(xué)創(chuàng)新與研究計劃”不了解的情況。

編寫背景：現(xiàn)在社會和政府都大力支持大學(xué)生搞“大學(xué)生科學(xué)創(chuàng)新與研究”，并且經(jīng)常舉辦挑戰(zhàn)杯等活動，在這個競爭激烈的社會，讓每個同學(xué)對“大學(xué)生科學(xué)創(chuàng)新與研究計劃”有全面的認(rèn)識是非常必要的。

1、國家大學(xué)生創(chuàng)新性實驗計劃項目是本科學(xué)生個人或創(chuàng)新團隊，在導(dǎo)師的指導(dǎo)下，自主選題設(shè)計、獨立組織實施并進行信息分析處理和撰寫總結(jié)報告等工作，以培養(yǎng)學(xué)生提出問題、分析和解決問題的興趣和能力的項目。

2、國家大學(xué)生創(chuàng)新性實驗計劃項目注重“研究過程”而非“研究成果”，其主要是以項目為載體，調(diào)動學(xué)生學(xué)習(xí)的主動性、積極性和創(chuàng)造性，激發(fā)學(xué)生的創(chuàng)新思維和創(chuàng)新意識，掌握思考問題，解決問題的方法，提高創(chuàng)新能力和實踐能力。

3、國家大學(xué)生創(chuàng)新性實驗計劃項目嚴(yán)格遵循“強調(diào)興趣、突出重點、鼓勵創(chuàng)新、注重實效”的原則，按照“公開立項、自由申報、擇優(yōu)資助、規(guī)范管理”的程序，重點資助思路新穎、目標(biāo)明確、具有創(chuàng)新性和探索性、研究方案及技術(shù)路線可行、實施條件可靠的項目。

系統(tǒng)的目標(biāo)及任務(wù)：

包括系統(tǒng)建設(shè)目標(biāo)：創(chuàng)建一個可以吸引學(xué)院學(xué)生的優(yōu)美大方的網(wǎng)站；創(chuàng)建一個里面包含豐富資源的網(wǎng)站讓同學(xué)們受益良多；創(chuàng)建一個可以交互式互動的網(wǎng)站，讓同學(xué)們能及時解決疑問；創(chuàng)建一個能讓同學(xué)們和學(xué)院老師們之間的交流平臺的網(wǎng)站；創(chuàng)建一個能讓同學(xué)們了解到學(xué)院在科研方面的最新動態(tài)的網(wǎng)站；創(chuàng)建一個讓同學(xué)們能輕松了解頂尖的科研知識的一個網(wǎng)站。

系統(tǒng)的主要任務(wù)：

1、在對于前沿資料進行訪問時，需要對用戶進行權(quán)限檢驗。

2、讓同學(xué)對某些科研成果有自己獨特看法，或者有心得體會的可以及時上傳他們的看法。

3、讓同學(xué)們可以及時了解到現(xiàn)在學(xué)院已經(jīng)取得的成績，可以下載到一些前沿的新技術(shù)的文件。

4、讓同學(xué)們可以在遇到問題時在網(wǎng)頁上能和老師們得到互動，創(chuàng)建一個留言板。

5、能讓同學(xué)們在對科研問題暢聊自己的看法，創(chuàng)建一個論壇。

系統(tǒng)性能指標(biāo)：

1、人性化：通過引導(dǎo)性文字語言、圖形語言、個性互動等方式，使網(wǎng)站平臺更利于客戶瀏覽，以吸引并留住客戶。

2、方便性：網(wǎng)站操作簡便、易用，內(nèi)容分布合理，符合客戶的行為習(xí)慣。

3、邏輯性：整體網(wǎng)站策劃流程符合客戶心理，且在充分分析客戶行業(yè)特征的基礎(chǔ)上，建立網(wǎng)站內(nèi)部功能之間的邏輯轉(zhuǎn)換，讓客戶享受整個訪問過程。

4、科學(xué)性：網(wǎng)站欄目策劃、定位具備科學(xué)性，其既充分代表了網(wǎng)站的意圖，又能充分調(diào)動訪客繼續(xù)點擊，引導(dǎo)客戶購買產(chǎn)品。

5、控制性：網(wǎng)站在建立客戶行為權(quán)限控制方面，必須符合公司業(yè)務(wù)規(guī)則，根據(jù)不同的客戶類型產(chǎn)生不同的權(quán)限。

6、交互性：建立異步溝通系統(tǒng)（幫助中心、留言板、操作指南?）方便客戶與網(wǎng)站之間溝通；建立同步溝通系統(tǒng)（即時聊天、電話反饋?）達(dá)到即時雙向溝通目標(biāo)。

7、界面友好性：心理學(xué)表明，適合的界面對于客戶點擊欲望的提升和印象指數(shù)的提升效果明顯，網(wǎng)站界面是客戶與網(wǎng)站交流的重要載體，在這點上網(wǎng)站策劃師需要和網(wǎng)站設(shè)計師協(xié)作實現(xiàn)。

待開發(fā)系統(tǒng)的詳細(xì)需求：

1、功能需求

A，創(chuàng)建B/S架構(gòu)的web服務(wù)器

B，實現(xiàn)用戶權(quán)限訪問功能

C，能夠?qū)崿F(xiàn)在網(wǎng)頁上發(fā)布新聞

D，能夠讓學(xué)生在網(wǎng)頁上下載資源

E，能夠讓同學(xué)們相互討論

F，能夠讓同學(xué)與老師直接進行交流

2、使用范圍

中國礦業(yè)大學(xué)南湖校區(qū)環(huán)境與測繪學(xué)院全體師生

3、用戶界面

首頁：

包含用戶登錄的界面、新聞的發(fā)布界面、信息公告欄、外界鏈接

在首頁的導(dǎo)航處，需要有：設(shè)為首頁、加入收藏、聯(lián)系我們、我要投稿、我要留言的功能。

在首頁還要有新聞檢索功能、學(xué)術(shù)風(fēng)采圖片展覽欄目。

會員版塊：如果需要提供一些特別的資料，或者收集對學(xué)院的重

要文件，可以增加會員系統(tǒng)，讓訪問者注冊后進行下一步操作。

形如：（可以修改）

科研概況：

包含科研介紹、政策文件

能實現(xiàn)對政策文件的發(fā)布。

科研管理：

包含項目申報

可以實現(xiàn)同學(xué)們在申報項目，讓同學(xué)們提交自己的信息以及申報的項目課題。

科研成果：

外界成果、學(xué)院成果、老師成果、學(xué)生成果

學(xué)術(shù)風(fēng)采：

外界人物風(fēng)采、老師風(fēng)采、學(xué)生風(fēng)采

相關(guān)下載：

包含項目表格下載、學(xué)術(shù)論文下載、技術(shù)文章

實現(xiàn)有關(guān)數(shù)據(jù)的下載

報告上傳：

挑戰(zhàn)杯報告上傳、大學(xué)生科技創(chuàng)新報告上傳

實現(xiàn)同學(xué)可以上傳自己的材料。

學(xué)生論壇：

包含科技論壇、創(chuàng)新論壇、交流論壇、實現(xiàn)某些學(xué)生可以自己創(chuàng)建論壇題目，大部分學(xué)生可以參與論壇

留言，以及評論。

留言板：

師生交流、學(xué)生與網(wǎng)頁管理員交流

這里要制作一個留言板，還要有一個聯(lián)系郵箱。

4、輸出要求

網(wǎng)站的版面要整潔，簡明。首頁不要太長，以一個窗口為準(zhǔn)，不

要產(chǎn)生滾動條；不要在首頁用大的文件，以免影響打開速度；不要用

太花哨的色彩，藍(lán)色和白色是國外企業(yè)網(wǎng)站的主色調(diào)。

網(wǎng)站導(dǎo)航要清晰，不要讓訪問者進入網(wǎng)站，不知道點那兒！

不要每次都在新窗口打開頁面，工具欄上的前進、后退按鈕不是

做擺設(shè)用的。

網(wǎng)站字體字號要統(tǒng)一，不要用太多不同的字體。

是要注意網(wǎng)站給人的整體感覺，要給人一種專業(yè)、大氣、簡潔、舒適的感覺。

系統(tǒng)的規(guī)模及進度要求：

系統(tǒng)規(guī)模：

能夠適應(yīng)學(xué)院2000人的系統(tǒng)。

系統(tǒng)研制進度：

2011.10.15完成網(wǎng)站設(shè)計策劃書

2011.10.25完成網(wǎng)頁所需背景圖片、音樂等素材

2011.12.5完成網(wǎng)頁框架、及網(wǎng)站所需文字資料

2011.12.15完成網(wǎng)頁所需功能、編寫網(wǎng)頁代碼

2011.12.20進行網(wǎng)頁測試

人員計劃：

許東：負(fù)責(zé)技術(shù)上得指導(dǎo)

況佳亮：負(fù)責(zé)對網(wǎng)頁框架進行設(shè)計、對網(wǎng)頁功能進行編碼、圖片處理、數(shù)據(jù)庫的創(chuàng)建。

附：通常一個人難以完成所有工作，需要一個良好的合作團隊來協(xié)作完成。希望能找?guī)讉€對網(wǎng)頁設(shè)計較精通的同學(xué)共同開發(fā)。

可行性分析：

1、技術(shù)可行性分析：

采用Dreamweaver 8軟件和Access數(shù)據(jù)庫軟件進行設(shè)計。在Dreamweaver 8中設(shè)計網(wǎng)頁頁面簡單，設(shè)置好框架后，代碼自動生成，省去很多為了寫框架和表格的代碼，大大提高了網(wǎng)頁開發(fā)的速度和效率。

對于Access數(shù)據(jù)庫，進行建立數(shù)據(jù)庫時也比較簡單。

現(xiàn)在的困難是，如何建立一個高效的數(shù)據(jù)庫，需要對嚴(yán)格的需求分析，然后進行概念模型設(shè)計，從而轉(zhuǎn)換到E-R模型。有了E-R模型才能輕松的設(shè)計處有用二高效的數(shù)據(jù)庫關(guān)系表。

對于某些不懂的問題，可以向高年級同學(xué)或者老師請教。

2、經(jīng)濟可行性分析

因為整個網(wǎng)站設(shè)計，都是同學(xué)們一起完成，出了時間外，經(jīng)濟上部存在太大的壓力。

3、人員可行性分析

現(xiàn)在這個網(wǎng)頁設(shè)計上，人員較少，缺少一些對圖片和網(wǎng)絡(luò)知識了解的人。最好是能再找?guī)讉€同學(xué)一同開發(fā)。

4、影響待開發(fā)系統(tǒng)的主要因素

需求分析時，需求不明確會導(dǎo)致網(wǎng)站開發(fā)過程中，設(shè)計出來的網(wǎng)頁不符合要求，如果進行大量的返工將會導(dǎo)致大量工作，而且會降低網(wǎng)頁的使用性。所以網(wǎng)站開始設(shè)計前，一定要明確用戶的需求。

在時間上，由于現(xiàn)在課程比較繁多，考試將至，在時間上可能不富裕，在不連續(xù)的時間上進行開發(fā)，可能會影響網(wǎng)站開發(fā)的效率。

用戶應(yīng)用測試：

網(wǎng)站的設(shè)計和編程全部做完之后，我們要對網(wǎng)站進行測試和上傳。首先我們應(yīng)該將網(wǎng)站上傳到網(wǎng)站空間，然后對網(wǎng)站進行測試，同時也是對網(wǎng)站空間進行測試。一般來說，網(wǎng)站測試需要進行的就是網(wǎng)站頁面的完整程度，網(wǎng)站編程代碼的繁簡程度和完整性，網(wǎng)站空間的鏈接速度和網(wǎng)站空間的加壓測試承受度。

總結(jié) ：

網(wǎng)站設(shè)計是一個龐大的系統(tǒng)工程，以上只是網(wǎng)站和數(shù)據(jù)庫結(jié)合的開發(fā)過程和設(shè)計思想，它要求軟件開發(fā)者對此要有精深的理解，熟悉軟件開發(fā)的思路。它還需要開發(fā)者對網(wǎng)站設(shè)計有獨特的認(rèn)識，能夠?qū)崿F(xiàn)一些常見的網(wǎng)頁功能。

通常一個人難以完成所有工作，需要一個良好的合作團隊來協(xié)作完成，其中需求分析員和系統(tǒng)分析員要提供軟件項目的具體要求和設(shè)計思想，由軟件開發(fā)組把這些要求創(chuàng)建出便于維護和可持續(xù)開發(fā)的系統(tǒng)資源。

設(shè)計人：況佳亮

2011.10.11

第二篇：大學(xué)生網(wǎng)頁設(shè)計大賽策劃書

一、活動宗旨

組織本屆網(wǎng)頁設(shè)計大賽，旨在激發(fā)e01協(xié)會會員學(xué)習(xí)網(wǎng)頁制作知識的熱情，加速e01協(xié)會后備人才的培養(yǎng)，并為軟件學(xué)院第二屆創(chuàng)新軟件設(shè)計大賽作準(zhǔn)備。

二、活動主題

在興趣中學(xué)習(xí)，在實踐中創(chuàng)新。

三、競賽方式

實行分組參賽，參賽作品由技術(shù)中心及相應(yīng)的指導(dǎo)老師評定

1．分組：大概五人一組，具體分組情況見附表一

2．終評：由評審委員會對所收到的作品進行評審，評審委員會根據(jù)作品的創(chuàng)新性，技術(shù)性等進行綜合評分，由此確定獲獎等級。

四、名額分配

協(xié)會技術(shù)中心三部每個部所參加大賽的網(wǎng)頁作品不得少于8件，其它三部不得少于2件，參賽作品主要由組長負(fù)責(zé)以小組名義署名集體完成（另外也可以以個人獨立完成）。

五、大賽獎項

一等獎： 1項，獎金 50+ 獲獎證書

二等獎： 2項，獎金 30+ 獲獎證書

三等獎： 3項，獎金 20+ 獲獎證書

優(yōu)勝獎：若干項，獎品 + 獲獎證書

六、時間安排

11月10日--12月20日

七、實施步驟

組織策劃宣傳階段

從11月13日到11月19日協(xié)會成員參看報名細(xì)節(jié)申報，作品申報表可以在院網(wǎng)站上下載，作品申報表由組長交到部長處，由部長于19號晚上統(tǒng)一交到協(xié)會辦公室（北8-617）。

（二）作品設(shè)計階段

從11月20日到12月20日完成作品設(shè)計。設(shè)計過程采取分組形式，各組組長負(fù)責(zé)指導(dǎo)所分配成員完成作品設(shè)計?？傊笇?dǎo)為動漫部部長黃強，軟件部部長楊武兵，網(wǎng)絡(luò)部部長戴建明。

（三）評審準(zhǔn)備階段

各組組長于12月20日將所有作品（包括作品的介紹，組員的介紹，作品設(shè)計過程中的心得）上交到各相應(yīng)部門部長手中，由各部部長將作品提交到技術(shù)中心。

（四）評審階段

每組作品都要求負(fù)責(zé)人介紹其作品，并回答評委提出的問題，評委將提出對其作品的建議并結(jié)合其實際情況給出作品得分。

（五）終評階段

由評審委員會最終確定本次網(wǎng)頁設(shè)計大賽的獲獎情況并給予獎勵，提供建議，為第二屆創(chuàng)新軟件設(shè)計大賽做好準(zhǔn)備。

附：評審委員會成員：艾施榮（軟件學(xué)院團總支書記）、朱和平、饒攀軍、王祖君、黃斌、唐玉明、戴建明、楊武兵、黃強、熊宇亮、盧冬保、曠余建

大 賽 聯(lián) 系 人： 唐玉明 戴建明

江西農(nóng)業(yè)大學(xué)中科軟件學(xué)院e01協(xié)會

xx年12月20日

第三篇：大學(xué)生網(wǎng)頁設(shè)計大賽策劃書

大學(xué)生網(wǎng)頁設(shè)計大賽策劃書

為了迎接某某大學(xué)二十周年的校慶，促進海大學(xué)風(fēng)建設(shè)，活躍校園文化氣氛，提高海大同學(xué)學(xué)習(xí)網(wǎng)絡(luò)知識的熱情，同時也為某某大學(xué)網(wǎng)頁設(shè)計愛好者提供展示自己才能的舞臺，將學(xué)校的優(yōu)秀網(wǎng)絡(luò)人才更好的展示給社會各界人士，某某大學(xué)團委、學(xué)生會聯(lián)合信息科學(xué)技術(shù)學(xué)院學(xué)生會、我愛競賽網(wǎng)一起舉辦了此次某某大學(xué)第二屆網(wǎng)頁設(shè)計大賽，并向全校同學(xué)廣泛征集方案，期望掀起新一輪對海大網(wǎng)絡(luò)文化的關(guān)注和探討。一.組織機構(gòu):

1、大賽主辦單位: 某某大學(xué)團委、學(xué)生會

2、承辦單位：信息科學(xué)技術(shù)學(xué)院學(xué)生會

3、協(xié)辦單位：我愛競賽網(wǎng)

4、技術(shù)支持: 信息科學(xué)技術(shù)學(xué)院學(xué)生會網(wǎng)絡(luò)部、晨旭工作室 二.大賽的指導(dǎo)思想:

1、充分展示某某大學(xué)網(wǎng)頁制作人才的實踐能力，為同學(xué)提供更廣闊的舞臺；

2、內(nèi)容健康,公平競爭,杜絕不良行為出現(xiàn)；

3、堅持大賽的公正、公平、公開的原則；

4、吸引最廣泛的同學(xué)參與,形式多樣,百花齊放。三.參賽作品要求：

以某某大學(xué)學(xué)生聯(lián)合會（以下簡稱：校學(xué)生會）網(wǎng)站為設(shè)計初衷，結(jié)合某某大學(xué)的辦學(xué)特色以及校慶的喜慶氣氛，加上創(chuàng)作者個人的創(chuàng)作意圖，將校學(xué)生會的網(wǎng)站制作完成。運用多種網(wǎng)頁設(shè)計技術(shù)對首頁的版式、編排、形象包裝等內(nèi)容進行設(shè)計，并要體現(xiàn)海大精神，要求一個形象頁面、一個內(nèi)容主頁和簡單的數(shù)據(jù)庫后臺，并加上連接。四.技術(shù)要求：

1、所有參賽作品制作軟件不限，使用技術(shù)不限；

2、注重底色的搭配，顯出青春活力，突出海大特色，設(shè)計有吸引力；

3、內(nèi)容要求：機構(gòu)組成（部門簡介，人員組成，通訊錄），學(xué)生會新聞，學(xué)生會文件，活動專題報道，學(xué)生會章程、制度，每月工作積極分子（光榮榜），各院學(xué)生會鏈接，學(xué)生留言板。除上述八項外，參賽者可以添加其他個性特色項目；

4、參賽作品中的各種文件夾和文件名均使用英文名（小寫）；

5、參賽作品首頁文件名為index.html或index.asp；

6、參賽作品中字體設(shè)定應(yīng)為常見的簡體字，不應(yīng)用不常見的字體或繁體字；

7、網(wǎng)頁應(yīng)有較好的瀏覽兼容性，同時應(yīng)考慮顯示分辨率問題（以1024*768分辨率為顯示標(biāo)準(zhǔn),瀏覽器為IE 4.0以上和Netscape）。五.賽事進度安排：

* 第一階段(2015/10/27-2015/11/2): 活動籌備階段,包括活動策劃方案確立,宣傳渠道建立,以及大賽網(wǎng)頁開發(fā)完成,并通過各種傳播方式進行宣傳推廣。

* 第二階段(2015/11/3-2015/11/17): 參賽者報名準(zhǔn)備作品并提交作品,并附個人簡歷。* 第三階段(2015/11/18-2015/11/20): 初賽:大賽評委會評選各參賽作品,并從中選出20件優(yōu)秀作品。* 第四階段(2015/11/21-2015/11/28): 復(fù)賽:初賽產(chǎn)生的10件入圍作品進行網(wǎng)上投票以及大賽組委會邀請有關(guān)專家進行現(xiàn)場評選,定出得獎名單。

* 第五階段(2015/11/28): 網(wǎng)上公布得獎名單。并舉行頒獎儀式。六.評分標(biāo)準(zhǔn)及計分方法： * 初賽評選方法: 由評委會相關(guān)人員評選出10件作品入圍復(fù)賽。* 復(fù)賽評分標(biāo)準(zhǔn)（總分 100分）:

1、內(nèi)容20分

① 是否反映了指定設(shè)計內(nèi)容的特點 ② 創(chuàng)意水平的高低

2、常規(guī)技術(shù)40分

① 整體視覺效果 整個網(wǎng)站在設(shè)計上是否統(tǒng)一和諧；

② 美工設(shè)計

頁面的美工設(shè)計含量；

③ 頁面規(guī)劃

頁面的規(guī)劃是否合理、美觀、易擴充；

④ 頁面易用性

用戶使用時是否方便；

⑤ 內(nèi)容可更新性 內(nèi)容更新、糾錯時是否方便；

⑥ 頁面兼容性

在各種瀏覽器各種分辨率下是否能正常運行。

3、高級技術(shù)20分

① FLASH

FLASH技術(shù)的運用情況；

② 瀏覽速度 瀏覽時額定速度；

③ 可修改性 對整個網(wǎng)站進行修改時是否方便,是否易更新；

④ 技術(shù)含量 網(wǎng)站整體的技術(shù)評價。

4、網(wǎng)上人氣20分

每個網(wǎng)民限投5票,不能重復(fù)投票,每件作品的網(wǎng)上人氣得分計算方法,網(wǎng)上人氣得分=作品得票數(shù)*20分/平均得票數(shù),超過20分按20分計,不足20分的按實際得分計；

5、復(fù)賽總成績計算原則: 內(nèi)容+常規(guī)技術(shù)+高級技術(shù)+網(wǎng)上人氣=個人得分。七.獎品：

有參賽作品由大賽評選委員會統(tǒng)一評選，評選標(biāo)準(zhǔn)參照“評分標(biāo)準(zhǔn)及計分方法”，大賽獎項設(shè)置如下： 一等獎1名： 頒發(fā)榮譽證書及獎品（復(fù)賽10件作品中選出）。二等獎2名：

頒發(fā)榮譽證書，獎品（復(fù)賽10件作品中選出）。三等獎3名：

頒發(fā)榮譽證書，獎品（復(fù)賽10件作品中選出）。最佳創(chuàng)意獎1名：

頒發(fā)榮譽證書，獎品（所有參賽作品中選出）。技術(shù)創(chuàng)新獎1名：

頒發(fā)榮譽證書，獎品（所有參賽作品中選出）。參與獎5名：

頒發(fā)榮譽證書及獎品（所有參賽作品中選出）。八.注意事項：

1、各參賽者以個人或者工作組的形式參加比賽；

2、報名地點：校學(xué)生會本部辦公室（2號樓東側(cè)天橋下）或信息學(xué)院學(xué)生會辦公室（7號樓西側(cè)天橋下）；

3、版面內(nèi)容資料可向信息學(xué)院學(xué)生會辦公室索?。ㄗ詭к洷P），或從大賽網(wǎng)站直接下載；

4、網(wǎng)民參與投票和討論也必須申請用戶帳號和密碼,并需系統(tǒng)確認(rèn)其身份后方可有效；

5、提交作品的期限為2015/10/28-2015/11/17 ,參賽者須同時向大賽評選委員會提供參賽作品詳細(xì)說明書，闡述作品的名稱、主題、內(nèi)容、設(shè)計技巧、網(wǎng)站功能等，并指明所用的工作平臺和設(shè)計軟件。* 責(zé)任條款: 1.參賽者所交作品權(quán)責(zé)自負(fù)，組委會若發(fā)現(xiàn)參賽作品屬非參賽者個人完成，有權(quán)取消其比賽資格。

2.某某大學(xué)團委、學(xué)生會，信息科學(xué)技術(shù)學(xué)院學(xué)生會共同擁有本次大賽中的獲獎作品和參賽作品的使用權(quán)。

3.大賽咨詢電話：（校學(xué)生會辦公室電話）；（信息學(xué)院學(xué)生會辦公室電話）,了解大賽詳細(xì)情況可直接登錄大賽網(wǎng)站查詢或直接到校學(xué)生會本部辦公室、信息學(xué)院學(xué)生會辦公室咨詢。

4.參賽選手比賽期間所涉費用自理。

第四篇：網(wǎng)頁設(shè)計策劃書

網(wǎng)站名稱：獺兔啃書娛樂

本站經(jīng)由Dreamweaver CS4排版、PS進行圖像處理制作而成，對網(wǎng)下載的素材進行了再次處理深加工，并參照了部分網(wǎng)站設(shè)計優(yōu)點，這是我第一次獨立完成一個網(wǎng)站，有許多不足之處，請各位朋友瀏覽本站后，不吝賜教，謝謝！

設(shè) 計 理 念

⑴ 內(nèi)容決定形式我做的是小說推薦網(wǎng)，因此去看過許多小說網(wǎng)站的排版與布局，許多的網(wǎng)站都是長度很長，我個人并不喜歡這樣的風(fēng)格，因此決定采用1002*768的版面，同時我個人的經(jīng)驗，希望能把小說分成不同的類型，因此采用了三個小方面進行（現(xiàn)代都市、古代情愫、作家專欄），同時想將一些優(yōu)秀的小說網(wǎng)站介紹給讀者，于是又開辟了小說站，于是分區(qū)完成。⑵ 先整體，后局部，最后回歸到整體。

全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細(xì)節(jié)。

設(shè) 計 工 具

本網(wǎng)站是結(jié)合 Dreamwaver CS4和 Photoshop 來制作的。

制 作 流 程

一、制作前的準(zhǔn)備

我知道制作網(wǎng)頁效果圖之前，首先需要進行相應(yīng)的準(zhǔn)備，而不是打開軟件上來就進行制作，首先要分清你要什么，你有什么。

（一）、網(wǎng)站的策劃階段

1.所要設(shè)計網(wǎng)站的類型。（我所做的這個網(wǎng)站是小說推薦網(wǎng)，它的類型屬于使用者通過瀏覽器就可以獲得網(wǎng)站所提供的信息與服務(wù)，我是信息的收羅者和部分信息的提供者）。

2.網(wǎng)頁的構(gòu)成。（我知道不同性質(zhì)和類別的網(wǎng)站，頁面的內(nèi)容安排是不同的。我所做的這個網(wǎng)站主頁的基本內(nèi)容包括標(biāo)題、導(dǎo)航、主體內(nèi)容等，其他頁面相對簡單。）

3.頁面的安全尺度。（建議分辨率為1002*768）

4.頁面功能設(shè)計。（一個好網(wǎng)站的要時時與瀏覽者互動，溝通，于是加入了E-MAIL和QQ聯(lián)系方式，同時我希望瀏覽者在一個有美妙音樂的環(huán)境中瀏覽我的網(wǎng)站，因此在首頁中加入即開即停的音樂播放器。

5.素材的收集和整理。（由于前面已經(jīng)把網(wǎng)頁的類型，內(nèi)容和功能確定了，接下來就可以根據(jù)確定好的內(nèi)容和類型來收集素材，素材包括文字和圖像，在我的網(wǎng)站中所涉及的圖片大多是一般網(wǎng)絡(luò)上可以找到的。它們只是被我拿過來進行了一點點加工和處理。

（二）、網(wǎng)頁的版式布局階段

我的網(wǎng)站中的版式布局大致使用的是水平分割，靈活部局的方式。

（三）網(wǎng)頁的配色階段

通過對圖片進行PS，在PS中進行了配色，決定采用與頂端圖像相似的顏色，同時不加入背景，以防止背景圖像對頁面的干擾。

二、效果圖的設(shè)計（略寫）

由于我所做的是小說推薦網(wǎng)站，不需要太多的修飾與華麗的布局，所以采用了對稱性設(shè)計這一理念，顯得結(jié)構(gòu)嚴(yán)謹(jǐn)而整潔。

三、網(wǎng)站頁面的生成（略寫）

創(chuàng)建Web站點——制作形象首頁——使用Photoshop進行切片并保存——使用Dreamwaver CS4進行調(diào)整并編緝——形象首頁完成這次的設(shè)計主要以表單為主進行的設(shè)計，再在單元格中加入所需元素，除首頁以外的其它頁面大致設(shè)計過程一樣，同時為了增強條理性，相同類型的分頁面格式一樣。

網(wǎng)頁設(shè)計技巧

一、首頁設(shè)計技巧

在此次的網(wǎng)頁設(shè)計中，我將首頁制作成純粹的形象展示型，這種類型文字信息較少，圖像信息較多，對圖像等進行了不同的鏈接，從而避免過多文字造成瀏覽者的視覺疲勞，同時又讓必要的信息傳遞給他們。

二、風(fēng)格保持一致——內(nèi)頁設(shè)計技巧

利用導(dǎo)航取得統(tǒng)一：導(dǎo)航是網(wǎng)站的一項重要組成部分，一個出色的導(dǎo)航將會給人留下深刻的印象。

三、色彩搭配

我的頁面頂部有一點樸素沉悶，這與我想突出文字的沉韻氣質(zhì)有關(guān)，但這樣為免讓人壓抑，于是在首頁中用了大篇幅的粉色系圖案來減輕這種沉悶，同時又使用了含金屬光澤的邊框來給人干凈理性的感覺。

設(shè) 計 結(jié) 構(gòu) 圖

↙↘

(xijuanfeiwosc)

第五篇：網(wǎng)頁設(shè)計策劃書格式

網(wǎng)站設(shè)計策劃書

一網(wǎng)站名稱 ************

二、市場分析 ************

三、目的及功能定位

(一)網(wǎng)站建設(shè)的目的 ************

(二)網(wǎng)站建設(shè)的功能定位 ************

(三)市場定位 ************

四、網(wǎng)站建設(shè)及解決方案

(一)計算機網(wǎng)絡(luò)操作系統(tǒng) ************

(二)選擇服務(wù)器 ************

(三)網(wǎng)站技術(shù)實現(xiàn)及保證 ************

(四)網(wǎng)站安全性措施

五、網(wǎng)站內(nèi)容規(guī)劃

（一）網(wǎng)頁設(shè)計風(fēng)格

************

（二）網(wǎng)頁布局

************

（三）網(wǎng)站系統(tǒng)

************

（四）訂購服裝的流程

************

六、網(wǎng)站設(shè)計

************

七、個人分工

************

八、網(wǎng)站維護

（一）日常維護

************

（二）技術(shù)維護

************

(三)數(shù)據(jù)庫維護

************

（四）網(wǎng)頁優(yōu)化應(yīng)注意的幾個問題 ************

九、網(wǎng)站測試

************

十、網(wǎng)站發(fā)布與推廣

（一）在線推廣 ************

（二）離線推廣 ************

十一、網(wǎng)站建設(shè)日程表 ************

十二、費用明細(xì) ************ 參 考 文 獻(xiàn) ************