網(wǎng)站設(shè)計開題報告范文精選6篇
網(wǎng)站設(shè)計開題報告范文精選6篇
開題報告是指開題者對科研課題的一種文字說明材料。這是一種新的應(yīng)用寫作文體，這種文字體裁是隨著現(xiàn)代科學(xué)研究活動計劃性的增強和科研選題程序化管理的需要而產(chǎn)生的。開題報告要怎么寫呢?小編精選了一些網(wǎng)站設(shè)計開題報告，一起來看看吧。
↓↓↓點擊獲取更多"開題報告"相關(guān)內(nèi)容↓↓↓
網(wǎng)站設(shè)計開題報告1
一、本課題的目的和意義：
隨著互聯(lián)網(wǎng)技術(shù)的迅速發(fā)展網(wǎng)絡(luò)已逐漸深入人心，更是成為繼報刊、電視、廣播等傳統(tǒng)媒體之后而迅速興起的一新的傳媒介質(zhì)，網(wǎng)絡(luò)宣傳已成為眾多宣傳手段的重中之重，各種各樣的網(wǎng)站也就應(yīng)運而生。為宣傳企業(yè)而制作的公司網(wǎng)站、可進行網(wǎng)上購物的電子商務(wù)網(wǎng)站、能及時了解到天下事的新聞網(wǎng)站、方便學(xué)習(xí)的教育網(wǎng)站，充斥著我們的視野，滿足著我們的需要。網(wǎng)站的規(guī)劃與建設(shè)，已悄然被許多人擺到了首要的位置上。
當(dāng)今的人們，如果依然依靠傳統(tǒng)的方式展示自己已經(jīng)不能滿足現(xiàn)在人們的需要，所以做一個網(wǎng)站就成為人們一件十分有意義并有興趣去做的事情。利用企業(yè)網(wǎng)站我們可以讓全國，甚至全世界的人們有機會知道自己的公司。
二、本課題研究的難點
規(guī)劃并建設(shè)好一個企業(yè)網(wǎng)站，并不是一件容易的事。首先，規(guī)劃好這個網(wǎng)站就不容易。因為是企業(yè)網(wǎng)站，所以要求要比其它類型的網(wǎng)站更加獨具匠心，有獨特的眼光。這就規(guī)劃者有了更高的要求。首先，要根據(jù)自己的要求網(wǎng)站的風(fēng)格布局、色彩搭配和大體輪廓，并確立網(wǎng)站的欄目、內(nèi)容。其次，網(wǎng)站制作者將要根據(jù)前一點安排整個頁面文字圖片的布局，這就要求設(shè)計者對網(wǎng)頁制作具有相當(dāng)?shù)乃剑拦?、排版能力要強。再者，企業(yè)網(wǎng)站需要實現(xiàn)的動態(tài)及時更新等功能要求網(wǎng)站制作程序員有良好的編程基礎(chǔ)，在網(wǎng)絡(luò)編程語言ASP、PHP、JSP或ASP.NET等中選擇來進行網(wǎng)站管理后臺的編寫并與前臺掛鉤并通過更新數(shù)據(jù)庫來實現(xiàn)網(wǎng)站的更新。當(dāng)然，選擇的編程語言也要與網(wǎng)站服務(wù)器平臺所支持的技術(shù)相符合。這就要求在配置服務(wù)器或是購買虛擬主機時根據(jù)需要來進行配置或選擇。ZUI后，網(wǎng)站安全性也是一個重中之重，在如今黑客當(dāng)行、病毒當(dāng)?shù)赖幕ヂ?lián)時空，網(wǎng)站的安全猶為重要。
三、本課題研究要解決的問題
規(guī)劃并建設(shè)好一個令人耳目一新的企業(yè)網(wǎng)站，并不是一件容易的事。首先，規(guī)劃好這個網(wǎng)站就不容易。這要求網(wǎng)站規(guī)劃者熟悉企業(yè)的情況，并確立網(wǎng)站的欄目、內(nèi)容。其次，網(wǎng)站制作者將要根據(jù)網(wǎng)站的規(guī)劃書來確定網(wǎng)站的風(fēng)格、布局、色彩搭配等，這就要求設(shè)計者對網(wǎng)頁制作具有相當(dāng)?shù)乃?，美工、排版能力要強。再者，企業(yè)網(wǎng)站需要實現(xiàn)的動態(tài)及時更新等功能要求網(wǎng)站制作程序員有良好的編程基礎(chǔ)，在網(wǎng)絡(luò)編程語言ASP、PHP、JSP或ASP.NET等中選擇來進行網(wǎng)站管理后臺的編寫并與前臺掛鉤并通過更新數(shù)據(jù)庫來實現(xiàn)網(wǎng)站的更新。當(dāng)然，選擇的編程語言也要與網(wǎng)站服務(wù)器平臺所支持的技術(shù)相符合。這就要求在配置服務(wù)器或是購買虛擬主機時根據(jù)需要來進行配置或選擇。ZUI后，網(wǎng)站安全性也是一個重中之重，在如今黑客當(dāng)行、病毒當(dāng)?shù)赖幕ヂ?lián)時空，網(wǎng)站的安全猶為重要，否則，功虧一簣! 這就要求配置服務(wù)器或選擇虛擬主機時的謹慎以及編寫網(wǎng)站管理后臺的注意。
四、本課題研究的目標(biāo)及內(nèi)容
1、本課題研究的目標(biāo)是：建立一個具有特色的企業(yè)網(wǎng)站。
課題的內(nèi)容是：
在這個課題中，主要是用于公司相關(guān)信息的介紹，以及相關(guān)的產(chǎn)品內(nèi)容的介紹。方便他人的了解。它的內(nèi)容主要包括對網(wǎng)站前臺的設(shè)計及制作，包括企業(yè)網(wǎng)站的 logo設(shè)計，布局的設(shè)計，網(wǎng)站頁面的制作、片頭動畫及頁面動畫的設(shè)計制作、注冊登陸系統(tǒng)以及各鏈接和相關(guān)技術(shù)的開發(fā)等。在這里，我將以制作某企業(yè)網(wǎng)站為例，具體闡述個人網(wǎng)站的制作過程。
制作網(wǎng)站過程：
1、網(wǎng)頁美工
用photoshop CS 制作頁面效果圖片，搭配好顏色，設(shè)計好版式，這樣做的目的是為了讓網(wǎng)站的頁面更具有整體性和美觀性，色調(diào)搭配及版面的設(shè)計都可以通過photoshop CS這個強大的圖片處理軟件來完成，這樣設(shè)計出來的網(wǎng)頁不論是從美工還是從版式上都是一流的。
2、導(dǎo)航條和文字圖片的布局
用DreamweaverMX和FlashMX設(shè)計制作導(dǎo)航條，同時對文字圖片進行調(diào)整。具體的就是文字的大小、字體以及圖片的格式、大小進行調(diào)整。
3、超鏈接其動態(tài)設(shè)計
用用DreamveaverMX建立超鏈接使整個網(wǎng)站能夠自由地相互關(guān)聯(lián)，使瀏覽者能夠方便地到達所需要的網(wǎng)頁。另外，本網(wǎng)站還可以進行注冊，利用ASP與Access相連使網(wǎng)站變?yōu)閯討B(tài)網(wǎng)站。
五、課題研究進展計劃
第一周到四周 完成畢業(yè)設(shè)計開題報告
第五周 調(diào)研，準(zhǔn)備各種參考資料、充實所需知識
第六周 查閱相關(guān)書籍資料，提出可行性的設(shè)計方案
第七到十六周 具體設(shè)計與制作工作
第十七周 文檔的生成與整理，指導(dǎo)教師修改
第十八周 畢業(yè)設(shè)計論文的相關(guān)資料的搜集
第十九周 完成畢業(yè)論文撰寫
六、參考文獻
書名 編著 出版社 出版日期
《網(wǎng)頁設(shè)計典型技巧》 Time創(chuàng)作室 人民郵電出版社 2003年10月
《ASP動態(tài)網(wǎng)站開發(fā)畢 劉瑞斯 機械工業(yè)出版社 2005年3月
《ASP+Access 組建動態(tài)網(wǎng)站實例精講》 龍馬工作室 人民郵電出版社 2005年6月
網(wǎng)站設(shè)計開題報告2
一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。
1.討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁ZUI關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我ZUI喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2.定位網(wǎng)站的ci形象。 “易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨?，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展?！胺啤蓖ǚ牵巧鷻C、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是yifini易菲的設(shè)計理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3.確定欄目和板塊。
于時間的關(guān)系在本次我準(zhǔn)備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
4.網(wǎng)站的整體風(fēng)格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上，yieini易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中，充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準(zhǔn)備，在本階級主要有兩方面的工作。
1.資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時也搜集了一些對我有用的資料。在搜索資料ZUI困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，ZUI關(guān)鍵就是平時對知識的掌握不夠，連ZUI基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會做得更好，爭取不范類似錯誤。
2.熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點，它是我平時不夠認真的具體表現(xiàn)。
三、網(wǎng)頁制作，這便進入我該次的主題了具體制作流程如下。
1.構(gòu)建站點框架。
在我打開dremweaver后第一步便是新建站點，我把我的站點建立在f\儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便的使用。
2.設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的;連貫，頁面之間關(guān)系連貫，統(tǒng)成一體;每版內(nèi)容都自成一體，顏色各異，便于瀏覽;整個網(wǎng)頁有動有靜，色彩呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣;顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則：
簡潔實用: 這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以效率的方式將用戶所要想得到的信息傳送給他就是的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美;頁面用色協(xié)調(diào)，布局符合形式美的要求: 布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。
交互式強: 發(fā)揮網(wǎng)絡(luò)的優(yōu)勢，是每個使用者都參與到其中來，這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導(dǎo)航欄，便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。
3.實現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕ZUI后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4.向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。ZUI后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
四、網(wǎng)頁的調(diào)試
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學(xué)校上的問題，當(dāng)真正開始運用的時候在向老師提問。
這只是在制作過程中出現(xiàn)一些問題，其它問題也是類似相同?，F(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁來看可以反映出學(xué)習(xí)的還不夠，缺點疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習(xí)，讓我們在實踐之中來學(xué)習(xí)知識。因為我覺得實踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動手能力增強我們的技術(shù)性。
網(wǎng)站設(shè)計開題報告3
1.我國目前網(wǎng)頁設(shè)計還處于初級的認知階段，國內(nèi)的網(wǎng)站絕大多數(shù)采用的還是非常傳統(tǒng)的橫向區(qū)塊布局，信息密度高，版式缺乏節(jié)奏和韻律，尤其是北京、上海、廣州三地，基本上代表了目前我國網(wǎng)頁設(shè)計的制作水平，但是網(wǎng)頁設(shè)計的發(fā)展正在呈不斷上升的發(fā)展趨勢，找到具有本民族特色的網(wǎng)頁設(shè)計語言,對我國的網(wǎng)頁藝術(shù)走向世界具有重大意義。
國外的網(wǎng)站更加人性化,設(shè)計更加緊密,服務(wù)也更加周到,個性也比國內(nèi)的網(wǎng)站突出,讓人更容易記住，國外的大容量信息網(wǎng)站的趨勢是降低首頁的信息密度，把內(nèi)容分攤到二級頻道;版式上更具引導(dǎo)性、更適于閱讀，瀏覽方式像讀報一樣更流暢隨意。
隨著世界各國對于文化多樣性的著力維護與普遍關(guān)注,網(wǎng)頁本土化受到越來越多的網(wǎng)站建設(shè)者們所注重隨著互連網(wǎng)技術(shù)的發(fā)展，各種企業(yè)和機構(gòu)在網(wǎng)絡(luò)上的競爭也日趨激烈，為了吸引眼球，企業(yè)和機構(gòu)都在想方設(shè)法在網(wǎng)站的形象上來包裝自己，以使自己在同行業(yè)的競爭中脫穎而出，而且這種趨勢愈演愈烈，網(wǎng)站設(shè)計的需求量呈爆發(fā)性增長。網(wǎng)絡(luò)是我國新興文化，作為現(xiàn)代人的大多數(shù)人，都是通過網(wǎng)絡(luò)了解信息，尤其現(xiàn)在青年一代更是熱衷于網(wǎng)絡(luò)。網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息 (包括產(chǎn)品和服務(wù))的一種方式，是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺，離開網(wǎng)站(或者只是利用第三方網(wǎng)站)去談電子商務(wù)是不可能的。企業(yè)的網(wǎng)址被稱為 “網(wǎng)絡(luò)商標(biāo)”，也是企業(yè)無形資產(chǎn)的組成部分，而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。
2. 本人對課題任務(wù)書提出的任務(wù)要求及實現(xiàn)預(yù)期目標(biāo)的可行性分析
任務(wù)要求：
為了弘揚京劇文化，提高京劇的知名度;使京劇信息傳播更為迅速有效;京劇做為我國的國粹，有著悠久而漫長的歷史。作為現(xiàn)代人的大多數(shù)人，已經(jīng)不懂的如何去欣賞京劇，更不懂得京劇文化。通過系列網(wǎng)頁設(shè)計讓更多的人了解它、喜歡它、欣賞它。給社會大眾留下強烈的印象與影響力。
1)通過網(wǎng)頁設(shè)計來體現(xiàn)京劇形象;
2)通過結(jié)合京劇的特點，將各“生.旦.凈.末.丑”五個角色有機、自然地結(jié)合起來，以求得完美統(tǒng)一的設(shè)計形象。
3)通過運用巧妙的網(wǎng)頁設(shè)計，為京劇的傳播提供更大的發(fā)展前景。
可行性分析：通過學(xué)習(xí)《網(wǎng)頁三劍客》、《精通css+div網(wǎng)頁樣式和布局》、《版式設(shè)計》、《色彩設(shè)計》等專業(yè)課;熟練運用photoshop、 flash、Dreamweaver等設(shè)計軟件;在老師的指導(dǎo)下，通過自己的努力相信一定能夠達到畢業(yè)設(shè)計的預(yù)期目標(biāo)、任務(wù)。
3.本課題需要重點研究的、關(guān)鍵的問題及解決的思路
本課題需要重點研究的是：
京劇耐人尋味，韻味醇厚。京劇在形成之初，便進入了宮廷，使它的發(fā)育成長不同于地方劇種，對它的技藝的全面性、完整性也要求得更嚴，對它形象的美學(xué)要求也更高，其表演藝術(shù)更趨于虛實結(jié)合的表現(xiàn)手法，達到“以形傳神，形神兼?zhèn)洹钡乃囆g(shù)境界。在網(wǎng)頁設(shè)計中要做到對京劇這個傳統(tǒng)藝術(shù)內(nèi)涵的發(fā)掘、創(chuàng)新、和表現(xiàn)。京劇中的五大角色的特征，對于相互獨立又相互聯(lián)系的角色如何在網(wǎng)頁設(shè)計中把握它們的共性和個性。在網(wǎng)頁設(shè)計、色彩設(shè)計、表現(xiàn)手法上盡多的融入現(xiàn)代設(shè)計元素，既符合年輕人的審美又要能深刻反映京劇文化的內(nèi)涵。
關(guān)鍵問題在于如何把抽象的精神內(nèi)涵變?yōu)榭梢暤囊曈X形象。吸引更多的大眾去人了解它、喜歡它、欣賞它。然后解決瀏覽器的兼容問題
4.完成本課題所必須的工作條件(如工具書、實驗設(shè)備或?qū)嶒灜h(huán)境條件、某類市場調(diào)研、計算機輔助設(shè)計條件等等)及解決的辦法 2)完成本課題的基本工具：有關(guān)網(wǎng)頁設(shè)計方面的書籍
1.《網(wǎng)頁配色實用手冊 》 溫鑫茶工作室 科學(xué)出版社 2011年9月
2.《Dreamweaver CS4網(wǎng)頁設(shè)計與制作指南 》 楊紀(jì)梅 清華大學(xué)出版社 2010 年1月
3.《Flash CS3 網(wǎng)站商業(yè)設(shè)計從入門到精通 》 張大川 科學(xué)出版社 2008年03月
4.《精通css+div網(wǎng)頁樣式和布局》 前沿科技 人民郵電出版社 2007年
3)相關(guān)的尺寸：原始數(shù)據(jù)和資料(以實際考察提供的為依據(jù))
4)相關(guān)的市場調(diào)研，了解網(wǎng)頁設(shè)計的實際情形等。
5.完成本課題的工作方案及進度計劃
1)、15-18周 通過現(xiàn)場調(diào)研、網(wǎng)絡(luò)、圖書館搜集相關(guān)資料、了解當(dāng)前設(shè)計公司設(shè)計的一些前沿，初步確定欄目推廣設(shè)計的大體方向。
2)、19-20周 初步方案設(shè)計(在此期間確定方案，根據(jù)實際情況，進行具體情形前期設(shè)計，2011-2012第二學(xué)期
3)、1-5周 方案細化設(shè)計。
4)、6-7周 協(xié)調(diào)整理，為畢業(yè)設(shè)計展覽與答辯作相關(guān)準(zhǔn)備
5) 8-10周 檢查并校訂本的設(shè)計稿和實物撰寫畢業(yè)論文，打印、裝訂，提交整套設(shè)計資料。制做答辯匯報提綱。次畢業(yè)設(shè)計的所有實物和文擋
6)、11-12周 布置畢業(yè)設(shè)計展覽
網(wǎng)站設(shè)計開題報告4
1 引言
在 Internet 快速發(fā)展的今天，互聯(lián)網(wǎng)已成為了人們快速獲取、發(fā)布和傳遞信息的重要渠道，它 在人們工作和生活中發(fā)揮著重要的作用。因此網(wǎng)站建設(shè)在 Internet 應(yīng)用上的地位是顯而易見的，它 已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，倍受人們重視。 該設(shè)計正是互聯(lián)網(wǎng)與社會生活之間緊密關(guān)系的體現(xiàn)。萬峻軟件開發(fā)有限公司成立十多年以來， 網(wǎng)站不夠完善，至今未開發(fā)招聘信息發(fā)布、客戶留言管理這兩大塊功能。該設(shè)計完善了公司原有的 網(wǎng)站功能，可展示公司簡介、公司業(yè)務(wù)、新聞動態(tài)、解決方案、成功案例、招聘信息、客戶留言、 管理員工作等系列內(nèi)容的介紹。其它公司可以通過公司簡介、公司業(yè)務(wù)、新聞動態(tài)、解決方案、成 功案例等了解公司的實力，尋求合信意向和合作機會;應(yīng)聘者可以通過招聘信息及時了解公司對人 才的需求，結(jié)合自身情況進行工作的選擇;用戶可以利用客戶留言經(jīng)濟而又快捷地與其它用戶及公 司負責(zé)人交流、溝通，了解各自的意向和需求以及為公司積極地提供合理化建議。
2 系統(tǒng)分析
2.1 用戶需求分析
要建設(shè)一個公司網(wǎng)站，不僅僅是實現(xiàn)它的功能，更重要的是滿足公司意向和各類用戶的需求， 通過悉心的聽取公司領(lǐng)導(dǎo)的建議以及對公司全體員工、各企業(yè)和找工作的群體等的調(diào)查，將這些意 見和建議歸結(jié)為以下分析：首先，考慮到這個網(wǎng)站的建立是為了方便大多數(shù)用戶，要求網(wǎng)站的內(nèi)容
盡量全面，所以設(shè)計本網(wǎng)站首頁時盡量就將公司的亮點體現(xiàn)出來;其次，考慮到面對的用戶是大多 數(shù)企業(yè)和應(yīng)聘者，就要求網(wǎng)站要做的新穎，能吸他們的目光;ZUI后，本網(wǎng)站要接受用戶的提問、交 留及意見，所以設(shè)計過程中特意設(shè)計了“客戶留言”這一欄，達到公司和用戶的互動，體現(xiàn)網(wǎng)站的 整體效果。
2.2 2.2 本系統(tǒng)的功能需求分析
本系統(tǒng)應(yīng)有以下幾個重要的功能需求 公司簡介：介紹公司的成立時間、規(guī)模、機構(gòu)設(shè)置等。 公司業(yè)務(wù)：介紹公司目前所做的業(yè)務(wù)以及發(fā)展中的業(yè)務(wù)。 新聞動態(tài)：發(fā)布ZUI近新聞，主要是公司的業(yè)務(wù)拓展方面、公司ZUI近取得的成就，公司整體的發(fā) 展方向等。 解決方案：對各行業(yè)，各類問題做出先進的解決方案。 成功案例：對外展示公司做過的成功項目，從而展示公司的先進技術(shù)和實力。 招聘信息：介紹公司目前缺乏的人才，空缺的崗位。 客戶留言：客戶可以在上面發(fā)表自己的想法和需求，客戶與客戶之間，客戶和公司管理員之間 進行互相交流。 管理員工作：招聘信息的發(fā)布;公司業(yè)務(wù)、新聞動態(tài)、解決方案、成功案例，這幾部分的發(fā)布、 修改、刪除;留言及回復(fù)里部分內(nèi)容的刪除，對這些內(nèi)容進行管理。
2.3 2.3 可行性分析
(1) 技術(shù)性可行性 就目前的數(shù)據(jù)庫開發(fā)與管理來看，對于中、小型數(shù)據(jù)庫系統(tǒng)，ASP.NET 與 SQL SERVER 2000 的結(jié)合使用更有利于數(shù)據(jù)庫將來的擴展 。它們?yōu)橛脩籼峁┝瞬僮鞣奖?、簡單的友好用戶界面和?大的數(shù)據(jù)庫操作功能和簡潔明了的數(shù)據(jù)庫接口，適合于目前普遍的微機上使用。 SQL Server 2000 是一個用來進行數(shù)據(jù)管理與數(shù)據(jù)設(shè)計實現(xiàn)的工具。在 SQL Server 2000 中，用 戶可以根據(jù)自己實際的需要，創(chuàng)建一個包含有各種數(shù)據(jù)信息的數(shù)據(jù)庫，并且在該數(shù)據(jù)庫中保存各種 所需的數(shù)據(jù) 。 ASP.NET 是統(tǒng)一的 Web 應(yīng)用程序平臺，它提供了為建立和部署企業(yè)級 Web 應(yīng)用程序所必需 的服務(wù)，完全基于模塊與組件，具有更好的可擴展性與可定制性，提供給 web 開發(fā)人員更好的靈活 性， 有效縮短了 web 應(yīng)用程序的開發(fā)周期，為能夠面向任何瀏覽器或設(shè)備的更安全的、更強的可 升級性和更穩(wěn)定的應(yīng)用程序提供了新的編程模型和基礎(chǔ)結(jié)構(gòu)。
Visual Studio 2008 作為前臺開發(fā)工具，引入了 250 多個新特性，整合了對象、關(guān)系型數(shù)據(jù)、XML 的訪問方式語言更加簡潔， 其中設(shè)計器中可以實時反映變更,XAML 中智能感知功能可以提高開發(fā) 效率。同時 Visual Studio 2008 支持項目模板、調(diào)試器和部署程序。它可以高效開發(fā) Web 應(yīng)用， 集 成了 ASP.NET AJAX 1.0，包含 ASP.NET AJAX 項目模板，它還可以高效開發(fā) Office 應(yīng)用和 Mobile 應(yīng)用。
(2) 操作可行性 本系統(tǒng)采用了人機交互界面， 操作簡便， 易于使用。 快速開發(fā)、 調(diào)試和數(shù)據(jù)轉(zhuǎn)換。 SQL Server 2000 帶有交互式調(diào)節(jié)和調(diào)試查詢、從任何數(shù)據(jù)源快速移動和轉(zhuǎn)化數(shù)據(jù) 、以及按 Transact-SQL 方式定義 和使用函數(shù)等功能?？梢詮娜我?Visual Studio 工具以可視化方式設(shè)計和編寫數(shù)據(jù)庫應(yīng)用程序 。
使用 SQL Server 2000，可以很容易地在企業(yè)資源旁邊集中管理數(shù)據(jù)庫?？梢栽诒３致?lián)機的同時 輕松地在計算機間或?qū)嵗g移動和復(fù)制數(shù)據(jù)庫
3 系統(tǒng)設(shè)計
3.1 網(wǎng)站總體設(shè)計
根據(jù)需求分析，該網(wǎng)站設(shè)計了以下幾個主要的功能模塊： ◇權(quán)限的設(shè)置 該網(wǎng)站的后臺數(shù)據(jù)庫的維護只有管理員有訪問權(quán)限。管理員可以登錄到后臺實現(xiàn)對數(shù)據(jù)庫中數(shù) 據(jù)的修改。 ◇客戶留言管理 該部分作為一個信息交流及反饋的平臺，用戶可以將自己的想法、需求寫在這部分里面，其它 用戶及管理員可以通過回復(fù)留言達到用戶與用戶、用戶與管理員之間的交流。同時，管理員可以根 據(jù)需要查看和刪除某些留言及回復(fù)。 ◇信息的更新 由于這個網(wǎng)站主要是方便用戶瀏覽ZUI新的信息動態(tài)，所以在每個頁面的設(shè)置中，將ZUI新信息設(shè) 置到首條，主要體現(xiàn)在新聞動態(tài)、公司業(yè)務(wù)、解決方案、成功案例里。 ◇信息的編輯 這部分主要體現(xiàn)在招聘信息里，是通過后臺實現(xiàn)的，主要是對數(shù)據(jù)庫里面記錄的添加、刪除、 修改， 從后臺直接將ZUI新的數(shù)據(jù)添加到招聘信息欄的數(shù)據(jù)庫里， 在前臺的招聘信息里就會得到更新， 顯示ZUI新內(nèi)容。
3.2 網(wǎng)站總體功能模塊圖 3.2 網(wǎng)站 總體功能模塊圖
根據(jù)網(wǎng)站總體設(shè)計，本網(wǎng)站的設(shè)計主要由前臺和后臺兩大部分構(gòu)成。前臺設(shè)計主要功能是提供 給用戶一個直觀、明了的信息瀏覽頁面，后臺主要實現(xiàn)信息的管理?？傮w功能模塊圖如圖 1 所示： 山西萬峻計算機軟件開發(fā)有限公司網(wǎng)站
前臺
后臺
公 首 頁 司 簡 介
公 司 業(yè) 務(wù)
新 聞 動 態(tài)
解 決 方 案
成 功 案 例
招 聘 信 息
客 戶 留 言
用 戶 登 錄
信 息 查 詢
信 息 添 加
信 息 修 改
信 息 刪 除
網(wǎng)站整體功能模塊圖
3.3 數(shù)據(jù)庫分析 3.3 數(shù)據(jù)庫 分析 本網(wǎng)站主要涉及到的 3.3.1 本網(wǎng)站主要涉及到 的 若干個實體在這里建了 5 張表，具體如下：
管理員信息列表(WJ_User 表) ：{用戶編號，用戶名，密碼，昵稱，聯(lián)系電話} 用于記錄管理員用戶信息，其中用戶編號為主鍵，作為標(biāo)識。 新聞列表(WJ_Article 表) ：{文章編號，標(biāo)題，創(chuàng)建日期索引列查詢塊，作者，來源，內(nèi)容， 欄目分類 ID} 用于記錄公司業(yè)務(wù)、新聞動態(tài)、解決方案、成功案例里的內(nèi)容，因為這四頁都是動態(tài)的，模式 相同，所以可以放在一張表中。其中文章編號為主鍵，作為標(biāo)識。用 AType(欄目分類 ID)區(qū) 別放入的是哪一類內(nèi)容。AType1 對應(yīng)公司業(yè)務(wù)，AType2 對應(yīng)動態(tài)新聞，AType3 對應(yīng)解決方案， AType4 對應(yīng)成功案例。 留言信息表(WJ_Mess 表) ：{留言人編號，留言人姓名，標(biāo)題，時間，內(nèi)容} 用于記錄留言人及留言內(nèi)容等信息，其中留言人編號為主鍵，作為標(biāo)識。 單篇固定文章表(WJ_News 表) ：{單篇文章編號，標(biāo)題，內(nèi)容} 用于記錄公司簡介、招聘信息、頁面底部里的內(nèi)容，因為這三項是靜態(tài)的，直接在編輯框里對 內(nèi)容進行修改、刪除，模式相同，所以可以放在一張表里。其中單篇文章編號為主鍵，作為標(biāo) 識。 留言回復(fù)表(WJ_Mess2 表) ：{回復(fù)人編號，回復(fù)人姓名，日期，內(nèi)容，留言外鍵(確定回復(fù) 是屬于哪條留言的) } 其中回復(fù)人編號為主鍵，作為標(biāo)識。之所以不可以和留言表合在一塊，是因為一條留言可 以有多條回復(fù)，不能放在一張表中。在留言回復(fù)表中用留言外鍵(Mid)對應(yīng)著留言信息表留言人 編號(Mid) ，這樣，可以記錄一條回復(fù)是為哪一條留言所回復(fù)的。
3.3.2 各實體的物理結(jié)構(gòu)
(1) 管理員信息表如表 1 所示： 表 1 管理員信息表(WJ_User 表) 列名 UId UserName Passwd NickName Tele 數(shù)據(jù)類型(精度范 圍) int(4) varchar(20) varchar(20) Nvarchar(10) varchar(20) 空/非 空 非空 非空 非空 允許空 允許空 主鍵 用戶編號 用戶名 密碼 昵稱 聯(lián)系電話 約束條件 備注
(2) 新聞列表如表 2 所示： (3) 留言信息表如表 3 所示： (4) 單篇固定文章表如表 4 所示： (5) 留言回復(fù)表如表 5 所示：
表 2 新聞列表(WJ_Article 表) 列名 AId ATitle AData AAuth ASource ABody AType 數(shù)據(jù)類型(精度范 圍) int(4) nvarchar(50) nvarchar(30) nvarchar(20) nvarchar(50) Ntext(16) int(4) 空/非 空 非空 非空 非空 允許空 允許空 非空 非空 主鍵 文章編號 標(biāo)題 創(chuàng)建日期索 引列查詢塊 作者 來源 內(nèi)容 欄目分類 ID 約束條件 備注
表 3 留言信息表(WJ_Mess 表) 列名 MId UserName MTitle MData MBody 數(shù)據(jù)類型(精度范 圍) int(4) varchar(20) nvarchar (50) varchar (30) Ntext(16) 空/非 空 非空 非空 允許空 非空 非空 主鍵 留言人編號 留言人姓名 標(biāo)題 時間 內(nèi)容 約束條件 備注
表 4 單篇固定文章表(WJ_News 表) 列名 NId NTitle NBody 數(shù)據(jù)類型(精度范 圍) int(4) Nvarchar(50) Ntext(16) 空/非 空 非空 允許空 允許空 主鍵 單篇文章編號 標(biāo)題 內(nèi)容 約束條件 備注
表 5 留言回復(fù)表(WJ_Mess2 表) 列名 MId2 UserName MData2 MBody2 MId 數(shù)據(jù)類型(精度范 圍) int(4) varchar(20) varchar(30) Ntext(16) Int(4) 空/非 空 非空 非空 非空 非空 非空 主鍵 回復(fù)人編號 回復(fù)人姓名 日期 內(nèi)容 留言外鍵 約束條件 備注
4 系統(tǒng)實施
4.1 4.1 運行要求的硬件配置
◆ 內(nèi)存：512MB 以上。 ◆ 硬盤：20G 以上硬盤空間。 ◆ 系統(tǒng)的運行分辨率為 1024×768。
4.2 4.2 運行要求的軟件配置
◆ 操作系統(tǒng)：Windows 2000 以上 ◆ 服務(wù)器：IIS 5.0 以上 ◆ 數(shù)據(jù)庫系統(tǒng)： Microsoft ◆ 瀏覽器：IE 6.0 以上 SQL Server 2000 以上
4.3 4.3 主要功能實現(xiàn) 前臺主要功能模塊介紹 4.3.1 前臺 主要功能模塊介紹
(1)主界面，如圖 2 所示： 用戶直接點開網(wǎng)站就可以進入到主界面，即網(wǎng)站首頁。在頁面上方有公司簡介、公司業(yè)務(wù)、新 聞動態(tài)、解決方案、成功案例、招聘信息、客戶留言這幾大塊，分別點擊各個按鈕可進入相應(yīng)的分 頁。在左下方為解決方案和成功案例。解決方案是為同行業(yè)的疑難問題提出合理的方案，成功案例 是公司有突破性成就的案例，這兩部分做為公司的核心，所以放在首頁。右下方為新聞動態(tài)和公司 業(yè)務(wù)，方便用戶及時了解公司動態(tài)和ZUI近新增的業(yè)務(wù)。
圖 2 網(wǎng)站首頁 (2)公司簡介頁面，如圖 3 所示： 點擊公司簡介按鈕即進入公司簡介頁面，該頁面主要介紹公司的成立時間、規(guī)模、注冊資金、 機構(gòu)設(shè)置等內(nèi)容，幫助用戶了解公司。
圖 3 公司簡介頁面圖 (3)公司業(yè)務(wù)頁面，如圖 4 所示： 點擊公司業(yè)務(wù)按鈕即進入公司業(yè)務(wù)頁面， 該頁面主要介紹公司目前所做的業(yè)務(wù)以及發(fā)展中的業(yè) 務(wù)。其中所列出的所有業(yè)務(wù)按時間降序排列，前面的為ZUI近新增的業(yè)務(wù)，方便用戶瀏覽。 在該頁面點擊解決方案按鈕即進入解決方案頁面，是對各行業(yè)，各類疑難問題作出合理性的解 答。 在該頁面點擊成功案例按鈕即進入成功案例頁面， 對外展示公司做過的成功項目， 從而展示公司 的先進技術(shù)和實力。
圖 4 公司業(yè)務(wù)頁面圖
(4)新聞動態(tài)頁面，如圖 5 所示： 點擊新聞動態(tài)按鈕即進入新聞動態(tài)頁面，在本頁面發(fā)布ZUI近新聞，主要是公司的業(yè)務(wù)拓展方 面、公司ZUI近取得的成就，公司整體的發(fā)展方向等。其中所列出的所有新聞按時間降序排列，前 面的為ZUI近的新聞。
圖 5 新聞動態(tài)頁面圖
(5)招聘信息頁面，如圖6所示： 點擊招聘信息按鈕即進入招聘信息頁面，該頁面主要介紹公司目前缺乏的人才、空缺的崗位、每 個崗位需要的人數(shù)、對應(yīng)聘者的要求、公司人事部的聯(lián)系方式、聯(lián)系人、應(yīng)聘的具體流程等。
圖 6 招聘信息頁面圖 (6)客戶留言頁面，如圖7所示： 點擊客戶留言按鈕即進入客戶留言頁面， 客戶可以在上面發(fā)表自己的想法和需求， 客戶與客戶之
間，客戶和公司管理員之間進行互相交流。 如果用戶想要留言可以分別在圖7中留言人、標(biāo)題、內(nèi)容后面的框中寫入內(nèi)容，然后點擊留言按 鈕進行留言。 而管理員對留言板的管理可以通過后臺管理系統(tǒng)里的客戶留言管理， 從而實現(xiàn)對留言的 管理。
圖7 客戶留言頁面圖
后臺管理功能介紹 4.3.2 后臺 管理功能介紹
后臺界面的設(shè)計主要利用了一個框架頁，在設(shè)計好框架頁后，其它頁面只要修改每個里面的內(nèi) 容即可。 框架頁是一個主頁面承載若干個子頁面，頁面間相對獨立，而且互相之間也可以操作，比如父頁 面刷新子頁面等等，它可以實現(xiàn)單獨頁面刷新，我們看起來就是整個頁面的部分刷新，這樣就減輕了 服務(wù)器的計算量，降低了服務(wù)器負擔(dān)。 其具體設(shè)計如下： (1)管理員登錄頁面，如圖 8 所示： 這個界面主要是用于管理員登錄到后臺的主要界面，它的權(quán)限僅僅局限于管理員，此模塊主要 運用 ASP.NET 技術(shù)和 C#語言實現(xiàn)，并且利用 Microsoft SQL Server 2000 作為數(shù)據(jù)庫，管理員只需 在主頁輸入用戶名和密碼就可以登錄到后臺系統(tǒng)。管理員的“用戶名”和“密碼”存放在 Microsoft SQL Server 2000 數(shù)據(jù)庫當(dāng)中，當(dāng)管理員在登錄窗口(如圖 8 所示)中正確的輸入“用戶名”和“密 碼”時就會進入后臺管理系統(tǒng)窗口界面
圖8 管理員登錄頁面
(2)后臺管理系統(tǒng)窗口界面，如圖 9 所示：
圖9
后臺管理系統(tǒng)窗口界面
在這里，我有針對性的設(shè)置了一個查詢控件，用于公司業(yè)務(wù)、新聞動態(tài)、解決方案和成功案例 里。在數(shù)據(jù)多的情況下，快速的找到所需要的數(shù)據(jù)，以方便管理員做出增加、修改、刪除等操作。 (3)在后臺管理系統(tǒng)窗口界面中點擊公司簡介按鈕即進入公司簡介管理頁面，如圖 10 所示： 描述后面的框是對公司簡介的編輯，單擊保存，在前臺的公司簡介中就可以看到相應(yīng)的內(nèi)容。 在此面頁中點擊招聘信息按鈕就進入招聘信息管理頁面，在描述后面的框中對招聘信息進行添加、 修改、刪除等操作，在前臺的招聘信息里就得到即時的更新。
圖 10 公司簡介頁面 (4)在后臺管理系統(tǒng)窗口界面中點擊頁面底部按鈕即進入頁面底部管理頁面，如圖 11 所示：
圖 11 頁面底部頁面 在描述后面的框里就可以直接對頁面底部內(nèi)容進行增加、修改、刪除等操作，從而在前臺的每 個頁面的底部都得到相應(yīng)的更新。 (5)在后臺管理系統(tǒng)窗口界面中點擊公司業(yè)務(wù)按鈕即進入公司業(yè)務(wù)管理頁面，如圖 12 所示：
圖 12 公司業(yè)務(wù)頁面 在查找前面的方框中輸入標(biāo)題里的部分內(nèi)容，點擊查找，就可以快快速找出相應(yīng)的那一條;點 擊添加按鈕，就可以添加一條新的記錄;選中要刪除的記錄，點擊刪除，則刪除了相應(yīng)的記錄;在 每一條記錄后面點擊編輯按鈕，可以對已有記錄進行修改。 在此頁面中點擊新聞動態(tài)、解決方案、成功案例分別進入相應(yīng)的管理頁面，同理進行以上的操 作。 (6)在后臺管理系統(tǒng)窗口界面中點擊客戶留言按鈕即進入客戶留言管理頁面，如圖 13 所示：
圖 13 客戶留言管理頁面 在此頁面里，選中某條留言，點擊刪除，可以對這條留言信息進行刪除;點擊某條留言后面的 查看回復(fù)，可以看到這條留言的回復(fù)內(nèi)容，并且可以對回復(fù)信息進行刪除。 (7)在后臺管理系統(tǒng)窗口界面中點擊用戶管理按鈕即進入用戶管理頁面，如圖 14 所示： 在此頁面里， 可以對后臺的管理員用戶進行管理， 添加和新的管理員用戶和刪除已有的管理員 用戶。
圖 14 用戶管理頁面 (8)在后臺管理系統(tǒng)窗口界面中點擊修改密碼按鈕即進入修改密碼頁面，如圖 15 所示：
圖 15 修改密碼頁面 在此頁面里，每個管理員用戶可以輸入原密碼、新密碼，點擊修改來修改自己的密碼。
4.4 系統(tǒng)測試
這個階段的關(guān)鍵任務(wù)是通過各種類型的測試及相應(yīng)的調(diào)試，使軟件達到預(yù)定的要求。
4.4.1 測試環(huán)境
操作系統(tǒng)：Windows 2000 以上; 數(shù)據(jù)庫系統(tǒng)：Microsoft Sql Server 2000 以上。 服務(wù)器：IIS 5.0 以上。
4.4.2 模塊測試
測試本系統(tǒng)中各個模塊的子功能，把每個模塊作為一個獨立的實體來測試。保證每個模塊作為 一個單獨的單元能正確運行。在測試中發(fā)現(xiàn)編碼和詳細設(shè)計的錯誤，并及時改正。如在測試客戶留 言管理時，沒有輸入留言人姓名，就會留言不成功，出現(xiàn)請輸入留言人姓名這樣的信息。
4.4.3 子系統(tǒng)測試
子系統(tǒng)測試是把經(jīng)過模塊測試的模塊放在一起形成以一個子系統(tǒng)來測試。模塊相互間的協(xié)調(diào)和 通性是這個測試過程中的主要問題，以此，這個步驟著重測試模塊的接口。
4.4.4 4.4.4 系統(tǒng)測試實施
系統(tǒng)測試是把經(jīng)過測試的子系統(tǒng)裝配成一個完整的系統(tǒng)來測試。在這個過程中不僅能發(fā)現(xiàn)設(shè)計 和編碼的錯誤，還能驗證系統(tǒng)是否能提供需求分析中指定的功能。在這個步驟中發(fā)現(xiàn)設(shè)計中的錯誤 和需求分析中的錯誤。 對輸入錯誤的，能進行排錯，如在管理員登錄頁面中輸入的用戶名和密碼錯誤，則在下方出現(xiàn) “您輸入的用戶名和密碼錯誤”的提示。數(shù)據(jù)庫中的的已有數(shù)據(jù)可以進行修改、刪除，數(shù)據(jù)具有可 維護性。
5 結(jié)語
通過幾個月的設(shè)計，我才明白怎樣將學(xué)校學(xué)習(xí)的東西運用到實踐中，怎樣在一個真正的客戶面 前展示自己的理論知識，更讓我感受至深的是不論作什么都需要合作和別人的幫忙，一個人的力量 是微不足道的。在整個設(shè)計過程中，我遇到很多問題，查閱了很多書籍，并且有很多疑難問題是在 指導(dǎo)老師的幫助下完成的。另外，通過這次設(shè)計，我才明白，如何真正將學(xué)校學(xué)到的東西運用到實 踐中是一個大學(xué)生邁入社會ZUI重要的一部。盡管這次設(shè)計已經(jīng)初步完成了客戶的需求，但是不論從 界面還是整體功能的實現(xiàn)上都存在很多問題，需要進一步的修改和完善，這也將是我后期的工作的 重點。
感謝
感謝這么多天馬聯(lián)輝、靳燕老師的精心輔導(dǎo)和悉心批改，無論是設(shè)計的功能實現(xiàn)還是論文的內(nèi) 容格式，輔導(dǎo)老師都認真檢查，真心的感謝他們和各位系領(lǐng)導(dǎo)對我的關(guān)心，在以后的工作道路上我 將繼續(xù)努力，將我在學(xué)校學(xué)到的理論知識充分應(yīng)用到實踐中。
參考文獻
[1] 江廣順.ASP.NET2.0+SQL SERVER 網(wǎng)絡(luò)應(yīng)用開發(fā)詳解[M]. 北京：人民郵電出版社,2007 [2] 鄭阿奇.SQL Server 教程[M]. 北京：清華大學(xué)出版社，2005 [3] 陳冠軍.ASP.NET2.0 企業(yè)級項目開發(fā)[M].北京：人民郵電出版社,2007 [4] 陸錫聰.基于 Web 的學(xué)位論文管理系統(tǒng)的設(shè)計與實現(xiàn)[J].電腦知識與技術(shù)，2005，10(2) [5] 葉安勝.基于.NET 架構(gòu)的 WEB 數(shù)據(jù)庫訪問技術(shù)研究與應(yīng)用[D].電子科技大學(xué)，2004 [6] 張立科，ASP.NET 信息管理系統(tǒng)開發(fā)實例導(dǎo)航[M].北京：人民郵電出版社，2005 [7] 殷曉波.基于.NET 技術(shù)的數(shù)據(jù)庫技術(shù)與應(yīng)用[D].安徽理工大學(xué)，2005 [8] 戴婉榮,熊前興.SQL Server 數(shù)據(jù)同步機制的研究與應(yīng)用[J].電腦知識與技術(shù)，2009,5(19) [9] 龍馬工作室.ASP.NET+SQL SERVER 網(wǎng)絡(luò)開發(fā)實例精講[M]. 北京：人民郵電出版社,2007 [10] 劉曉華.SQL Server 2000 數(shù)據(jù)庫應(yīng)用開發(fā)[M].北京:電子工業(yè)出版社,2001
Design Development of the Wan Jun Software Development Company’s Web Site
Abstract The Internet has developed very rapidly has become the rapid access to publish
disseminate infmation. It is an imptant channels f people to wk life plays an imptant role. Therefe, the web site’s construction in the Internet application's position is clearly evident, it has become the government, enterprises institutions infmation construction, are an imptant part of the value. This web site is developed based on sql server 2005 database by using Asp.net 2.0,c# language.The infmation publish platfm is developed using Asp.net.The infmation is sted in database can be refreshed by inputing new infmation in background infmation management module. The web site’s interface design is very simple, users can operate it very easily.The whole web site is devided into the feground background infmation management module.User can browse web contents, other users f infmation exchange,using the background management module can classify, add,modify delete the infmation. Keywds infmation publish visits’book management ASP.NET C#
網(wǎng)站設(shè)計開題報告5
一、 選題的依據(jù)及意義
在互聯(lián)網(wǎng)的“大統(tǒng)一”時代，各類信息爆炸式增長,許多信息造成了人類的比起文字信息的繁雜，冗長，圖片正在成為互聯(lián)網(wǎng)和移動互聯(lián)網(wǎng)上越來越重要的內(nèi)容和應(yīng)用。然而傳統(tǒng)對于上傳圖片功能技術(shù)不夠完善。在2011年，新創(chuàng)立的Pinterest網(wǎng)站依托“視覺+興趣+瀑布流”的獨特社交途徑大受歡迎，網(wǎng)站用戶增長趕上了五年前的Facebook。在此基礎(chǔ)上，更好借鑒Pinterest模式，催生屬于中國基于興趣的圖片收集社交網(wǎng)站也應(yīng)該不斷發(fā)展起來，為更多需要圖片的用戶創(chuàng)造平臺是很有必要的。
1.傳統(tǒng)圖片收藏功能不夠完善，不便于用戶查找。傳統(tǒng)瀏覽模式，往往會使用戶在PC的圖片收藏夾里存儲了大量圖片,找圖時卻要慢慢搜尋,用U盤拷貝圖片,同時嗨喲忍受圖片上傳的漫長時間.而如今，社交網(wǎng)絡(luò)的興起,讓我們的文字和言論的分享更加自由,在圖片收藏分享這個細分領(lǐng)域,我們需要更加細分，在圖片格式上，國內(nèi)如花瓣網(wǎng)等圖片收集網(wǎng)站以帶原始網(wǎng)頁鏈接的方式，需要時，可以通過圖片鏈接回到原來的網(wǎng)頁，這使得圖片的收集和存儲更方便，瀏覽體驗快速、順暢，并且巧妙的避免了版權(quán)問題。
2.傳統(tǒng)瀏覽模式單一，不夠新穎，時尚。如今“視覺+興趣+瀑布流布局”的獨特圖片瀏覽社交途徑大受歡迎，這種模式能夠很好地吸引用戶，視覺沖擊力帶來更為潮流化的刺激。
3.這是一種基于強興趣的弱社交模式，通過注冊網(wǎng)站用戶，既可以上傳發(fā)表自己的作品，通過點贊，私信功能達到一種比較弱的社交關(guān)系，卻更專注于興趣的相互交流。
我希望我也能設(shè)計一個網(wǎng)站為眾多攝影、繪畫愛好者以及藝術(shù)設(shè)計師提供一個靈感激發(fā)、心得交流的平臺，通過精美的界面設(shè)計以及詳實的內(nèi)容不斷吸引更多優(yōu)秀的愛好者加入，共同建設(shè)。
二、 國內(nèi)外研究現(xiàn)狀及發(fā)展趨勢(含文獻綜述)
國外，以Pinterest為例，由Pinterest名稱由Pin(圖釘)+Interest(興趣)組成，網(wǎng)站旨在用戶不斷發(fā)現(xiàn)和分享新圖片。Pinterest最為便利的是在頁面底端實現(xiàn)自動加載而無需翻頁，為用戶提供在線收藏和分享視覺藝術(shù)圖片的服務(wù)。她是基于視覺分享和興趣社交的網(wǎng)站，是個人獵酷實用工具，用戶可以把自己感興趣的圖片在網(wǎng)絡(luò)上用圖釘釘在頂板上(PinBoard)上歸類收藏并與朋友分享，真正全是每個圖釘背后的獨特“故事”。
Pinterest打破以往圖片瀏覽模式，如列表或者田字格，而采取瀑布流展示形式使信息更加隨意，它的模式用戶可以隨意的蜻蜓點水式的信息獲取。更適合在大量信息中漫無目的的隨意獲取;相對來說用戶獲取信息會更輕松，只要覺得好看就可以停留下來(收集)。省去了傳統(tǒng)圖片網(wǎng)站進行來回瀏覽的麻煩。Pinterest以其高質(zhì)量極其視覺沖擊力的圖片的精巧搭配，吸引著大批受眾，女性是視覺動物，傾向于感性認知，所以，Pinterest圖片留尤其能引起女性的情感共鳴。
以興趣為基礎(chǔ)，通過瀑布流展示圖片的形式也讓它在美工迅速穿紅。成為繼Twitter和Facebook之后第三大社交媒體。同時，在中國很多網(wǎng)站也相繼崛起，步其后塵。如以蘑菇街，美麗說為首的采用瀑布流式電商網(wǎng)站占領(lǐng)一份女性市場。由于作為圖片網(wǎng)站，中國有微博，空間，微信等關(guān)系社交網(wǎng)絡(luò)同時也支持上傳，編輯圖片。
所以以興趣圖譜為社交網(wǎng)絡(luò)在中國想要占領(lǐng)鰲頭目前還是有局限性的。但像知美網(wǎng)，花瓣網(wǎng)則相當(dāng)于完全承襲了Pinterest的網(wǎng)頁布局以及圖片收藏板功能。這類網(wǎng)站更多作為興趣愛好者棲居地，并非純商類網(wǎng)站，不僅如此，它的界面設(shè)計簡直大方，唯美舒適，深受設(shè)計人員，攝影愛好者，動漫繪畫等熱愛藝術(shù)人們所喜愛。
三、 本課題研究內(nèi)容
本課題研究前端旨在通過JavaScript編程語言完成前端與后臺開發(fā)，實現(xiàn)用戶注冊、登錄、安全性設(shè)置以及圖片的上傳、在線收藏、分類、點贊等功能。完成網(wǎng)站總體功能模塊設(shè)計，并完成對網(wǎng)站的`測試。
本網(wǎng)站的設(shè)計與開發(fā)是在如今如花瓣網(wǎng)，Pinterest等圖片社交網(wǎng)站的基礎(chǔ)上進行不針對本站功能刪減增進，前端界面設(shè)計優(yōu)化，后臺加強圖片收集，圖片上傳功能。
四、 本課題研究方案
本網(wǎng)站前端與后端均使用JavaScript編程語言，遵循CommonJS模塊化規(guī)范實現(xiàn)，配合MongoDB鍵值對數(shù)據(jù)庫、Gulp.js等構(gòu)件工具，完成用戶系統(tǒng)以及對圖片的更新、上傳、收集、點贊等功能。前端采用破不留風(fēng)格驚醒設(shè)計，后端采用Koa.js框架，運行在基于Google V8引擎的Node.js平臺上，整體采用MVC架構(gòu)，是數(shù)據(jù)與代碼分離，便與開發(fā)和維護。
五、 研究目標(biāo)、主要特色及工作進度
本課題的目標(biāo)完成為使用JavaScript編程語言實現(xiàn)坡卜留布局的用戶界面、用戶注冊、登錄、安全性設(shè)置以及圖片上傳、收集、更新、點贊。
主要包含用戶系統(tǒng)、圖片系統(tǒng)量大組件，具體功能表現(xiàn)為：用戶登錄、注冊、安全性設(shè)置和圖片上傳、收集、更新、點贊。
主要特點是：為眾多攝影、繪畫愛好者以及藝術(shù)設(shè)計師提供一個靈感激發(fā)、心得交流的平臺，通過精美的界面設(shè)計以及詳實的內(nèi)容不斷吸引更多優(yōu)秀的愛好者加入，共同建設(shè)。
六、工作進度
1.畢業(yè)設(shè)計選題。20__.12.01-20__.12.02
2.資料收集與整理。20__.12.02-20__.12.07
3.系統(tǒng)可行性分析，填寫需求分析。20__.12.07-20__.12.15
4.畢業(yè)設(shè)計開題。20__.12.15-20__.12.__
5.具體設(shè)計，前臺頁面設(shè)計，模塊設(shè)計，圖片加工修正，后臺數(shù)據(jù)庫設(shè)計，前段與后臺數(shù)據(jù)庫連接。代碼編寫和單元測試，系統(tǒng)綜合測試。20__.12.__-20__.12.30
6.技術(shù)報告和使用功能手冊編寫，準(zhǔn)備答辯材料。20__.1.02-20__.1.15
7.進行畢業(yè)設(shè)計答辯。20__.5.2-20__.5.7
七、參考文獻
[1]劉穎.由Pinterest引發(fā)的對圖片門戶網(wǎng)站的思考--《電子測試》2013年18期.
[2]基于MySQL數(shù)據(jù)庫的優(yōu)化--《電子科技》2013年09期
[3]基于JavaScript的瀑布流式網(wǎng)頁布局的設(shè)計與實現(xiàn).萍鄉(xiāng)學(xué)院學(xué)報本2015年3月
[4] 溫曉南.基于興趣的分享式社交網(wǎng)絡(luò)開發(fā).《吉林大學(xué)》2013
[5] 羅婷婷，余先榮.MYSQL數(shù)據(jù)庫在科研管理系統(tǒng)中的應(yīng)用--《消費電子》, 2013, 第2期
[6] 鐘強. Node.js平臺下Web前端架構(gòu)的研究. 華中科技大學(xué), 2013
[7] 蔡柳青.基于MongoDB的云監(jiān)控設(shè)計與應(yīng)用[D].北京交通大學(xué).2011
[8] 曹劉陽 WebAp和HTML5給Web前端帶來的變化《程序員》, 2013
[9] 孫朝云，孫向科，沙愛民 基于MVC架構(gòu)網(wǎng)絡(luò)教學(xué)管理系統(tǒng)的設(shè)計與開發(fā)《計算機工程與設(shè)計》, 2009
[10] 應(yīng)金航 基于MVC架構(gòu)的公安部門網(wǎng)站內(nèi)容管理系統(tǒng)的設(shè)計與實現(xiàn)《電子科技大學(xué)》, 2013
[11] 張孝祥 JavaScrip 網(wǎng)頁開發(fā)清華大學(xué)出版社, 2004
網(wǎng)站設(shè)計開題報告6
選題依據(jù)
一、選題來源、目的和意義
軟件教研室提供指導(dǎo)教師供選課題電子商務(wù)網(wǎng)站設(shè)計，在此基礎(chǔ)上本人確定設(shè)計具體的體育用品商城網(wǎng)站。
設(shè)計一個能實際運行的電子商務(wù)網(wǎng)站，為自己增加就業(yè)能力和真正實現(xiàn)體育用品商城的電子商務(wù)應(yīng)用，及提高自己的創(chuàng)新能力。通過該項畢業(yè)設(shè)計提高自己的專業(yè)設(shè)計能力和創(chuàng)業(yè)水平，為畢業(yè)后走向社會奠定基礎(chǔ)，同時對畢業(yè)留下完美的句號。
二、檢索文獻資料目錄
網(wǎng)上搜索相應(yīng)網(wǎng)站的資料做為參考
淘寶商城網(wǎng)站、京東商城、阿里巴巴等網(wǎng)站
設(shè)計內(nèi)容、思路與流程
一、設(shè)計內(nèi)容及要解決的主要問題
在電子商務(wù)網(wǎng)站上實現(xiàn)體育用品的展示、銷售、后臺編輯、客戶交流等
二、設(shè)計思路
1、進行體育用品電子商務(wù)網(wǎng)站需求分析
2、進行總體設(shè)計和詳細設(shè)計，對細節(jié)進行修改
3、進行網(wǎng)站界面設(shè)計和數(shù)據(jù)庫設(shè)計
4、進行網(wǎng)站代碼設(shè)計和網(wǎng)站的測試
三、工作方法或工作流程
在網(wǎng)站設(shè)計中采用原型法設(shè)計思想，先選擇或設(shè)計一個較小的原型，參照一些比較成功的電子商務(wù)網(wǎng)站，然后根據(jù)設(shè)計需求不斷修改完善補充，包括對網(wǎng)頁界面的設(shè)計、后臺數(shù)據(jù)庫的修改、網(wǎng)頁圖片的整理等，最后達到功能比較完整的能夠在服務(wù)器空間運行的電子商務(wù)網(wǎng)站設(shè)計工作
進度安排
時 間 工作內(nèi)容
__年11月-__年12月市場調(diào)研、需求分析、設(shè)計網(wǎng)站的原型
__年12月-__年1月數(shù)據(jù)庫設(shè)計、圖片收集與編排、詳細設(shè)計
__年1月-__年2月網(wǎng)站界面設(shè)計、網(wǎng)站功能優(yōu)化設(shè)計、代碼設(shè)計
__年2月-__年3月進行網(wǎng)站最后的完整設(shè)計、對外觀進行完善、進行網(wǎng)站的運行和測試
網(wǎng)站設(shè)計開題報告范文精選5篇相關(guān)文章：
★ 公司開題報告范文