網站設計開題報告範文（精選5篇）

網站設計開題報告範文 篇1

1.我國目前網頁設計還處於初級的認知階段，國內的網站絕大多數採用的還是非常傳統的橫向區塊佈局，信息密度高，版式缺乏節奏和韻律，尤其是北京、上海、廣州三地，基本上代表了目前我國網頁設計的製作水平，但是網頁設計的發展正在呈不斷上升的發展趨勢，找到具有本民族特色的網頁設計語言,對我國的網頁藝術走向世界具有重大意義。

國外的網站更加人性化,設計更加緊密,服務也更加周到,個性也比國內的網站突出,讓人更容易記住，國外的大容量信息網站的趨勢是降低首頁的信息密度，把內容分攤到二級頻道;版式上更具引導性、更適於閲讀，瀏覽方式像讀報一樣更流暢隨意。

隨着世界各國對於文化多樣性的着力維護與普遍關注,網頁本土化受到越來越多的網站建設者們所注重隨着互連網技術的發展，各種企業和機構在網絡上的競爭也日趨激烈，為了吸引眼球，企業和機構都在想方設法在網站的形象上來包裝自己，以使自己在同行業的競爭中脱穎而出，而且這種趨勢愈演愈烈，網站設計的需求量呈爆發性增長。網絡是我國新興文化，作為現代人的大多數人，都是通過網絡瞭解信息，尤其現在青年一代更是熱衷於網絡。網站是企業向用户和網民提供信息 (包括產品和服務)的一種方式，是企業開展電子商務的基礎設施和信息平台，離開網站(或者只是利用第三方網站)去談電子商務是不可能的。企業的網址被稱為 “網絡商標”，也是企業無形資產的組成部分，而網站是INTERNET上宣傳和反映企業形象和文化的重要窗口。

2. 本人對課題任務書提出的任務要求及實現預期目標的可行性分析

任務要求：

為了弘揚京劇文化，提高京劇的知名度;使京劇信息傳播更為迅速有效;京劇做為我國的國粹，有着悠久而漫長的歷史。作為現代人的大多數人，已經不懂的如何去欣賞京劇，更不懂得京劇文化。通過系列網頁設計讓更多的人瞭解它、喜歡它、欣賞它。給社會大眾留下強烈的印象與影響力。

1)通過網頁設計來體現京劇形象;

2)通過結合京劇的特點，將各“生.旦.淨.末.醜”五個角色有機、自然地結合起來，以求得完美統一的設計形象。

3)通過運用巧妙的網頁設計，為京劇的傳播提供更大的發展前景。

可行性分析：通過學習《網頁三劍客》、《精通css+div網頁樣式和佈局》、《版式設計》、《色彩設計》等專業課;熟練運用photoshop、 flash、Dreamweaver等設計軟件;在老師的指導下，通過自己的努力相信一定能夠達到畢業設計的預期目標、任務。

3.本課題需要重點研究的、關鍵的問題及解決的思路

本課題需要重點研究的是：

京劇耐人尋味，韻味醇厚。京劇在形成之初，便進入了宮廷，使它的發育成長不同於地方劇種，對它的技藝的全面性、完整性也要求得更嚴，對它形象的美學要求也更高，其表演藝術更趨於虛實結合的表現手法，達到“以形傳神，形神兼備”的藝術境界。在網頁設計中要做到對京劇這個傳統藝術內涵的發掘、創新、和表現。京劇中的五大角色的特徵，對於相互獨立又相互聯繫的角色如何在網頁設計中把握它們的共性和個性。在網頁設計、色彩設計、表現手法上盡多的融入現代設計元素，既符合年輕人的審美又要能深刻反映京劇文化的內涵。

關鍵問題在於如何把抽象的精神內涵變為可視的視覺形象。吸引更多的大眾去人瞭解它、喜歡它、欣賞它。然後解決瀏覽器的兼容問題

4.完成本課題所必須的工作條件(如工具書、實驗設備或實驗環境條件、某類市場調研、計算機輔助設計條件等等)及解決的辦法 2)完成本課題的基本工具：有關網頁設計方面的書籍

1.《網頁配色實用手冊 》 温鑫茶工作室 科學出版社 20xx年9月

2.《Dreamweaver CS4網頁設計與製作指南 》 楊紀梅 清華大學出版社 20xx 年1月

3.《Flash CS3 網站商業設計從入門到精通 》 張大川 科學出版社 20xx年03月

4.《精通css+div網頁樣式和佈局》 前沿科技 人民郵電出版社 20xx年

3)相關的尺寸：原始數據和資料(以實際考察提供的為依據)

4)相關的市場調研，瞭解網頁設計的實際情形等。

5.完成本課題的工作方案及進度計劃

1)、15-18周 通過現場調研、網絡、圖書館蒐集相關資料、瞭解當前設計公司設計的一些前沿，初步確定欄目推廣設計的大體方向。

2)、19-20周 初步方案設計(在此期間確定方案，根據實際情況，進行具體情形前期設計，20xx-20xx第二學期

3)、1-5周 方案細化設計。

4)、6-7周 協調整理，為畢業設計展覽與答辯作相關準備

5) 8-10周 檢查並校訂本的設計稿和實物撰寫畢業論文，打印、裝訂，提交整套設計資料。製做答辯彙報提綱。次畢業設計的所有實物和文擋

6)、11-12周 佈置畢業設計展覽

網站設計開題報告範文 篇2

一、網站整體規劃，要做網頁的第一步便是做網站的整體規劃這主要包括四個方面的內容。

1.討論網站的主題。

網站整體規劃是做網頁的第一步也是製作網頁ZUI關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我ZUI喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心，無論是淘寶網上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網頁。

2.定位網站的ci形象。 “易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底藴，又有現代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是yifini易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的ci形象。

3.確定欄目和板塊。

於時間的關係在本次我準備做四張網頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。

4.網站的整體風格和創意。

整個網站的創意就在於顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上，yieini易菲推崇“自然美”，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現設計師和顧客所追求的一種灑脱、舒適的生活氛圍，力求表現悠閒、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

二、網頁製作的前期策劃與準備，在本階級主要有兩方面的工作。

1.資料的蒐集。

在做網頁我上網收集了許多方面的資料主要是有關網站的佈局與服飾品牌方面的資料，我首先進它的企業網站找了一些關於“易菲”服飾的圖片主要是一些代言形象還有代表其企業形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的佈局、顏色搭配、欄目、板塊等方面的內容，同時也蒐集了一些對我有用的資料。在搜索資料ZUI困難的便是動態圖片的蒐集，動態圖片其gif格式的還是好保存，但是要蒐集flash動態圖片就相對較難了。我用了一天的時間來蒐集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經過三次像老實詢問我終於懂得一些關於代碼的搜索。在蒐集資料的過程之中我發現了自己的許多不足之處，ZUI關鍵就是平時對知識的掌握不夠，連ZUI基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。通過這次的教訓在以後我一定會做得更好，爭取不範類似錯誤。

2.熟悉製作軟件。

做網頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

三、網頁製作，這便進入我該次的主題了具體制作流程如下。

1.構建站點框架。

在我打開dremweaver後第一步便是新建站點，我把我的站點建立在f儀下面。並將我搜集的全部資料都保存在其文件夾中，以便網頁製作時可以方便的使用。

2.設計主頁及二級頁面。

在主頁我設首頁製作時，時刻考慮着網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，美容美體，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的;連貫，頁面之間關係連貫，統成一體;每版內容都自成一體，顏色各異，便於瀏覽;整個網頁有動有靜，色彩呼應，搭配協調，不呆板，富有生氣;顏色各異，但又不同之中又相同，渾然一體。而且製作過程中，不忘以下原則：

簡潔實用: 這是非常重要的，網絡特殊環境下，儘量以效率的方式將用户所要想得到的信息傳送給他就是的，所以要去掉所有的宂餘的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美;頁面用色協調，佈局符合形式美的要求: 佈局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

交互式強: 發揮網絡的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄，便於瀏覽和跳轉。3個二級網頁製作時，使用的是表格，每一個頁面都用表格為它佈局好，然後在插入圖片文字及其他，這樣有一定的規劃性，體現了連貫統一性，不同的內容根據各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。

3.實現網頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產品、潮流信息”它分別鏈接到我所做的四個網頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕ZUI後選擇自己要鏈接的網頁單擊確定便可以了。

4.向靜太網頁插入動態效果。

在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。ZUI後我向老師的請教後終於在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態圖片。

四、網頁的調試

在做完網站才發現，怎麼所有的圖片素材並不是在一個文件夾中，而有許多的子文件夾，從網上下載的網頁全都是一個網頁對應一個文件夾。製作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用。而對於動態flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。

這只是在製作過程中出現一些問題，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的靜態的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文並茂，五彩繽紛，使得網民讚歎不已，流連忘返。從我做的網頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。

網站設計開題報告範文 篇3

一、本課題的目的和意義：

隨着互聯網技術的迅速發展網絡已逐漸深入人心，更是成為繼報刊、電視、廣播等傳統媒體之後而迅速興起的一新的傳媒介質，網絡宣傳已成為眾多宣傳手段的重中之重，各種各樣的網站也就應運而生。為宣傳企業而製作的公司網站、可進行網上購物的電子商務網站、能及時瞭解到天下事的新聞網站、方便學習的教育網站，充斥着我們的視野，滿足着我們的需要。網站的規劃與建設，已悄然被許多人擺到了首要的位置上。

當今的人們，如果依然依靠傳統的方式展示自己已經不能滿足現在人們的需要，所以做一個網站就成為人們一件十分有意義並有興趣去做的事情。利用企業網站我們可以讓全國，甚至全世界的人們有機會知道自己的公司。

二、本課題研究的難點

規劃並建設好一個企業網站，並不是一件容易的事。首先，規劃好這個網站就不容易。因為是企業網站，所以要求要比其它類型的網站更加獨具匠心，有獨特的眼光。這就規劃者有了更高的要求。首先，要根據自己的要求網站的風格佈局、色彩搭配和大體輪廓，並確立網站的欄目、內容。其次，網站製作者將要根據前一點安排整個頁面文字圖片的佈局，這就要求設計者對網頁製作具有相當的水平，美工、排版能力要強。再者，企業網站需要實現的動態及時更新等功能要求網站製作程序員有良好的編程基礎，在網絡編程語言ASP、PHP、JSP或等中選擇來進行網站管理後台的編寫並與前台掛鈎並通過更新數據庫來實現網站的更新。當然，選擇的編程語言也要與網站服務器平台所支持的技術相符合。這就要求在配置服務器或是購買虛擬主機時根據需要來進行配置或選擇。ZUI後，網站安全性也是一個重中之重，在如今黑客當行、病毒當道的互聯時空，網站的安全猶為重要。

三、本課題研究要解決的問題

規劃並建設好一個令人耳目一新的企業網站，並不是一件容易的事。首先，規劃好這個網站就不容易。這要求網站規劃者熟悉企業的情況，並確立網站的欄目、內容。其次，網站製作者將要根據網站的規劃書來確定網站的風格、佈局、色彩搭配等，這就要求設計者對網頁製作具有相當的水平，美工、排版能力要強。再者，企業網站需要實現的動態及時更新等功能要求網站製作程序員有良好的編程基礎，在網絡編程語言ASP、PHP、JSP或等中選擇來進行網站管理後台的編寫並與前台掛鈎並通過更新數據庫來實現網站的更新。當然，選擇的編程語言也要與網站服務器平台所支持的技術相符合。這就要求在配置服務器或是購買虛擬主機時根據需要來進行配置或選擇。ZUI後，網站安全性也是一個重中之重，在如今黑客當行、病毒當道的互聯時空，網站的安全猶為重要，否則，功虧一簣! 這就要求配置服務器或選擇虛擬主機時的謹慎以及編寫網站管理後台的注意。

四、本課題研究的目標及內容

1、本課題研究的目標是：建立一個具有特色的企業網站。

課題的內容是：

在這個課題中，主要是用於公司相關信息的介紹，以及相關的產品內容的介紹。方便他人的瞭解。它的內容主要包括對網站前台的設計及製作，包括企業網站的 logo設計，佈局的設計，網站頁面的製作、片頭動畫及頁面動畫的設計製作、註冊登陸系統以及各鏈接和相關技術的開發等。在這裏，我將以製作某企業網站為例，具體闡述個人網站的製作過程。

製作網站過程：

1、網頁美工

用photoshop CS 製作頁面效果圖片，搭配好顏色，設計好版式，這樣做的目的是為了讓網站的頁面更具有整體性和美觀性，色調搭配及版面的設計都可以通過photoshop CS這個強大的圖片處理軟件來完成，這樣設計出來的網頁不論是從美工還是從版式上都是一流的。

2、導航條和文字圖片的佈局

用DreamweaverMX和FlashMX設計製作導航條，同時對文字圖片進行調整。具體的就是文字的大小、字體以及圖片的格式、大小進行調整。

3、超鏈接其動態設計

用用DreamveaverMX建立超鏈接使整個網站能夠自由地相互關聯，使瀏覽者能夠方便地到達所需要的網頁。另外，本網站還可以進行註冊，利用ASP與Access相連使網站變為動態網站。

五、課題研究進展計劃

第一週到四周 完成畢業設計開題報告

第五週 調研，準備各種參考資料、充實所需知識

第六週 查閲相關書籍資料，提出可行性的設計方案

第七到十六週 具體設計與製作工作

第十七週 文檔的生成與整理，指導教師修改

第十八週 畢業設計論文的相關資料的蒐集

第十九周 完成畢業論文撰寫

六、參考文獻

書名 編著 出版社 出版日期

《網頁設計典型技巧》 Time創作室 人民郵電出版社 20xx年10月

《ASP動態網站開發畢 劉瑞斯 機械工業出版社 20xx年3月

《ASP+Access 組建動態網站實例精講》 龍馬工作室 人民郵電出版社 20xx年6月

網站設計開題報告範文 篇4

在經濟迅速發展的今天，internet顯得更為重要它是人們發佈信息與傳遞信息的重要渠道，為了與社會發展同步，為了讓我們成為真正的技術性人才。學校在本週為我們安排了維持一週的網頁製作專用周是實習，讓我們把平時所學知識運用到實習中做到真正的學以致用而不只是紙上談兵。通過本週的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足，下面就談談我在本次專用周的主要感受。

一、網站整體規劃，要做網頁的第一步便是做網站的整體規劃這主要包括四個方面的內容。

1.討論網站的主題。

網站整體規劃是做網頁的第一步也是製作網頁ZUI關鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我ZUI喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心，無論是淘寶網上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網頁。

2.定位網站的ci形象。“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底藴，又有現代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是yifini易菲的設計理念，倡導一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的ci形象。

3.確定欄目和板塊。

於時間的關係在本次我準備做四張網頁：一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。

2.網站的整體風格和創意。

整個網站的創意就在於顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上，yieini易菲推崇“自然美”，將帶表女性氣質的花卉和自然元素融入設計之中，充分體現設計師和顧客所追求的一種灑脱、舒適的生活氛圍，力求表現悠閒、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

二、網頁製作的前期策劃與準備，在本階級主要有兩方面的工作。

1.資料的蒐集。

在做網頁我上網收集了許多方面的資料主要是有關網站的佈局與服飾品牌方面的資料，我首先進它的企業網站找了一些關於“易菲”服飾的圖片主要是一些代言形象還有代表其企業形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的佈局、顏色搭配、欄目、板塊等方面的內容，同時也蒐集了一些對我有用的資料。在搜索資料ZUI困難的便是動態圖片的蒐集，動態圖片其gif格式的還是好保存，但是要蒐集flash動態圖片就相對較難了。我用了一天的時間來蒐集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經過三次像老實詢問我終於懂得一些關於代碼的搜索。在蒐集資料的過程之中我發現了自己的許多不足之處，ZUI關鍵就是平時對知識的掌握不夠，連ZUI基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。通過這次的教訓在以後我一定會做得更好，爭取不範類似錯誤。

2.熟悉製作軟件。

做網頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用，但是出現的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現了我學習方面的缺點，它是我平時不夠認真的具體表現。

三、網頁製作，這便進入我該次的主題了具體制作流程如下。

1.構建站點框架。

在我打開dremweaver後第一步便是新建站點，我把我的站點建立在f儀下面。並將我搜集的全部資料都保存在其文件夾中，以便網頁製作時可以方便的使用。

2.設計主頁及二級頁面。

在主頁我設首頁製作時，時刻考慮着網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，美容美體，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的;連貫，頁面之間關係連貫，統成一體;每版內容都自成一體，顏色各異，便於瀏覽;整個網頁有動有靜，色彩呼應，搭配協調，不呆板，富有生氣;顏色各異，但又不同之中又相同，渾然一體。而且製作過程中，不忘以下原則：

簡潔實用:

這是非常重要的，網絡特殊環境下，儘量以效率的方式將用户所要想得到的信息傳送給他就是的，所以要去掉所有的宂餘的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美;頁面用色協調，佈局符合形式美的要求:

佈局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

交互式強:

發揮網絡的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄，便於瀏覽和跳轉。3個二級網頁製作時，使用的是表格，每一個頁面都用表格為它佈局好，然後在插入圖片文字及其他，這樣有一定的規劃性，體現了連貫統一性，不同的內容根據各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。

3.實現網頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產品、潮流信息”它分別鏈接到我所做的四個網頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕ZUI後選擇自己要鏈接的網頁單擊確定便可以了。

4.向靜太網頁插入動態效果。

在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。ZUI後我向老師的請教後終於在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態圖片。

四、網頁的調試

在做完網站才發現，怎麼所有的圖片素材並不是在一個文件夾中，而有許多的子文件夾，從網上下載的網頁全都是一個網頁對應一個文件夾。製作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用。而對於動態flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學校上的問題，當真正開始運用的時候在向老師提問。

這只是在製作過程中出現一些問題，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的靜態的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文並茂，五彩繽紛，使得網民讚歎不已，流連忘返。從我做的網頁來看可以反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實習操作技能，為以後能做出出色的網頁而努力。同時我也希望能夠有更多的類似動手練習，讓我們在實習之中來學習知識。因為我覺得實習不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。

網站設計開題報告範文 篇5

1 引言

在 Internet 快速發展的今天，互聯網已成為了人們快速獲取、發佈和傳遞信息的重要渠道，它 在人們工作和生活中發揮着重要的作用。因此網站建設在 Internet 應用上的地位是顯而易見的，它 已成為政府、企事業單位信息化建設中的重要組成部分，倍受人們重視。 該設計正是互聯網與社會生活之間緊密關係的體現。萬峻軟件開發有限公司成立十多年以來， 網站不夠完善，至今未開發招聘信息發佈、客户留言管理這兩大塊功能。該設計完善了公司原有的 網站功能，可展示公司簡介、公司業務、新聞動態、解決方案、成功案例、招聘信息、客户留言、 管理員工作等系列內容的介紹。其它公司可以通過公司簡介、公司業務、新聞動態、解決方案、成 功案例等了解公司的實力，尋求合信意向和合作機會;應聘者可以通過招聘信息及時瞭解公司對人 才的需求，結合自身情況進行工作的選擇;用户可以利用客户留言經濟而又快捷地與其它用户及公 司負責人交流、溝通，瞭解各自的意向和需求以及為公司積極地提供合理化建議。

2 系統分析

2.1 用户需求分析

要建設一個公司網站，不僅僅是實現它的功能，更重要的是滿足公司意向和各類用户的需求， 通過悉心的聽取公司領導的建議以及對公司全體員工、各企業和找工作的羣體等的調查，將這些意 見和建議歸結為以下分析：首先，考慮到這個網站的建立是為了方便大多數用户，要求網站的內容

儘量全面，所以設計本網站首頁時儘量就將公司的亮點體現出來;其次，考慮到面對的用户是大多 數企業和應聘者，就要求網站要做的新穎，能吸他們的目光;ZUI後，本網站要接受用户的提問、交 留及意見，所以設計過程中特意設計了“客户留言”這一欄，達到公司和用户的互動，體現網站的 整體效果。

2.2 2.2 本系統的功能需求分析

本系統應有以下幾個重要的功能需求 公司簡介：介紹公司的成立時間、規模、機構設置等。 公司業務：介紹公司目前所做的業務以及發展中的業務。 新聞動態：發佈ZUI近新聞，主要是公司的業務拓展方面、公司ZUI近取得的成就，公司整體的發 展方向等。 解決方案：對各行業，各類問題做出先進的解決方案。 成功案例：對外展示公司做過的成功項目，從而展示公司的先進技術和實力。 招聘信息：介紹公司目前缺乏的人才，空缺的崗位。 客户留言：客户可以在上面發表自己的想法和需求，客户與客户之間，客户和公司管理員之間 進行互相交流。 管理員工作：招聘信息的發佈;公司業務、新聞動態、解決方案、成功案例，這幾部分的發佈、 修改、刪除;留言及回覆裏部分內容的刪除，對這些內容進行管理。

2.3 2.3 可行性分析

(1) 技術性可行性 就目前的數據庫開發與管理來看，對於中、小型數據庫系統， 與 SQL SERVER 20xx 的結合使用更有利於數據庫將來的擴展 。它們為用户提供了操作方便、簡單的友好用户界面和強 大的數據庫操作功能和簡潔明瞭的數據庫接口，適合於目前普遍的微機上使用。 SQL Server 20xx 是一個用來進行數據管理與數據設計實現的工具。在 SQL Server 20xx 中，用 户可以根據自己實際的需要，創建一個包含有各種數據信息的數據庫，並且在該數據庫中保存各種 所需的數據 。 是統一的 Web 應用程序平台，它提供了為建立和部署企業級 Web 應用程序所必需 的服務，完全基於模塊與組件，具有更好的可擴展性與可定製性，提供給 web 開發人員更好的靈活 性， 有效縮短了 web 應用程序的開發週期，為能夠面向任何瀏覽器或設備的更安全的、更強的可 升級性和更穩定的應用程序提供了新的編程模型和基礎結構。

Visual Studio 20xx 作為前台開發工具，引入了 250 多個新特性，整合了對象、關係型數據、XML 的訪問方式語言更加簡潔， 其中設計器中可以實時反映變更,XAML 中智能感知功能可以提高開發 效率。同時 Visual Studio 20xx 支持項目模板、調試器和部署程序。它可以高效開發 Web 應用， 集 成了 AJAX 1.0，包含 AJAX 項目模板，它還可以高效開發 Office 應用和 Mobile 應用。

(2) 操作可行性 本系統採用了人機交互界面， 操作簡便， 易於使用。 快速開發、 調試和數據轉換。 SQL Server 20xx 帶有交互式調節和調試查詢、從任何數據源快速移動和轉化數據 、以及按 Transact-SQL 方式定義 和使用函數等功能。可以從任意 Visual Studio 工具以可視化方式設計和編寫數據庫應用程序 。

使用 SQL Server 20xx，可以很容易地在企業資源旁邊集中管理數據庫。可以在保持聯機的同時 輕鬆地在計算機間或實例間移動和複製數據庫

3 系統設計

3.1 網站總體設計

根據需求分析，該網站設計了以下幾個主要的功能模塊： ◇權限的設置 該網站的後台數據庫的維護只有管理員有訪問權限。管理員可以登錄到後台實現對數據庫中數 據的修改。 ◇客户留言管理 該部分作為一個信息交流及反饋的平台，用户可以將自己的想法、需求寫在這部分裏面，其它 用户及管理員可以通過回覆留言達到用户與用户、用户與管理員之間的交流。同時，管理員可以根 據需要查看和刪除某些留言及回覆。 ◇信息的更新 由於這個網站主要是方便用户瀏覽ZUI新的信息動態，所以在每個頁面的設置中，將ZUI新信息設 置到首條，主要體現在新聞動態、公司業務、解決方案、成功案例裏。 ◇信息的編輯 這部分主要體現在招聘信息裏，是通過後台實現的，主要是對數據庫裏面記錄的添加、刪除、 修改， 從後台直接將ZUI新的數據添加到招聘信息欄的數據庫裏， 在前台的招聘信息裏就會得到更新， 顯示ZUI新內容。

3.2 網站總體功能模塊圖 3.2 網站 總體功能模塊圖

根據網站總體設計，本網站的設計主要由前台和後台兩大部分構成。前台設計主要功能是提供 給用户一個直觀、明瞭的信息瀏覽頁面，後台主要實現信息的管理。總體功能模塊圖如圖 1 所示： 山西萬峻計算機軟件開發有限公司網站

前台

後台

公 首 頁 司 簡 介

公 司 業 務

新 聞 動 態

解 決 方 案

成 功 案 例

招 聘 信 息

客 户 留 言

用 户 登 錄

信 息 查 詢

信 息 添 加

信 息 修 改

信 息 刪 除

網站整體功能模塊圖

3.3 數據庫分析 3.3 數據庫 分析 本網站主要涉及到的 3.3.1 本網站主要涉及到 的 若干個實體在這裏建了 5 張表，具體如下：

管理員信息列表(WJ_User 表) ：{用户編號，用户名，密碼，暱稱，聯繫電話} 用於記錄管理員用户信息，其中用户編號為主鍵，作為標識。 新聞列表(WJ_Article 表) ：{文章編號，標題，創建日期索引列查詢塊，作者，來源，內容， 欄目分類 ID} 用於記錄公司業務、新聞動態、解決方案、成功案例裏的內容，因為這四頁都是動態的，模式 相同，所以可以放在一張表中。其中文章編號為主鍵，作為標識。用 AType(欄目分類 ID)區 別放入的是哪一類內容。AType1 對應公司業務，AType2 對應動態新聞，AType3 對應解決方案， AType4 對應成功案例。 留言信息表(WJ_Mess 表) ：{留言人編號，留言人姓名，標題，時間，內容} 用於記錄留言人及留言內容等信息，其中留言人編號為主鍵，作為標識。 單篇固定文章表(WJ_News 表) ：{單篇文章編號，標題，內容} 用於記錄公司簡介、招聘信息、頁面底部裏的內容，因為這三項是靜態的，直接在編輯框裏對 內容進行修改、刪除，模式相同，所以可以放在一張表裏。其中單篇文章編號為主鍵，作為標 識。 留言回覆表(WJ_Mess2 表) ：{回覆人編號，回覆人姓名，日期，內容，留言外鍵(確定回覆 是屬於哪條留言的) } 其中回覆人編號為主鍵，作為標識。之所以不可以和留言表合在一塊，是因為一條留言可 以有多條回覆，不能放在一張表中。在留言回覆表中用留言外鍵(Mid)對應着留言信息表留言人 編號(Mid) ，這樣，可以記錄一條回覆是為哪一條留言所回覆的。

3.3.2 各實體的物理結構

(1) 管理員信息表如表 1 所示： 表 1 管理員信息表(WJ_User 表) 列名 UId UserName Passwd NickName Tele 數據類型(精度範 圍) int(4) varchar(20) varchar(20) Nvarchar(10) varchar(20) 空/非 空 非空 非空 非空 允許空 允許空 主鍵 用户編號 用户名 密碼 暱稱 聯繫電話 約束條件 備註

(2) 新聞列表如表 2 所示： (3) 留言信息表如表 3 所示： (4) 單篇固定文章表如表 4 所示： (5) 留言回覆表如表 5 所示：

表 2 新聞列表(WJ_Article 表) 列名 AId ATitle AData AAuth ASource ABody AType 數據類型(精度範 圍) int(4) nvarchar(50) nvarchar(30) nvarchar(20) nvarchar(50) Ntext(16) int(4) 空/非 空 非空 非空 非空 允許空 允許空 非空 非空 主鍵 文章編號 標題 創建日期索 引列查詢塊 作者 來源 內容 欄目分類 ID 約束條件 備註

表 3 留言信息表(WJ_Mess 表) 列名 MId UserName MTitle MData MBody 數據類型(精度範 圍) int(4) varchar(20) nvarchar (50) varchar (30) Ntext(16) 空/非 空 非空 非空 允許空 非空 非空 主鍵 留言人編號 留言人姓名 標題 時間 內容 約束條件 備註

表 4 單篇固定文章表(WJ_News 表) 列名 NId NTitle NBody 數據類型(精度範 圍) int(4) Nvarchar(50) Ntext(16) 空/非 空 非空 允許空 允許空 主鍵 單篇文章編號 標題 內容 約束條件 備註

表 5 留言回覆表(WJ_Mess2 表) 列名 MId2 UserName MData2 MBody2 MId 數據類型(精度範 圍) int(4) varchar(20) varchar(30) Ntext(16) Int(4) 空/非 空 非空 非空 非空 非空 非空 主鍵 回覆人編號 回覆人姓名 日期 內容 留言外鍵 約束條件 備註

4 系統實施

4.1 4.1 運行要求的硬件配置

◆ 內存：512MB 以上。 ◆ 硬盤：20G 以上硬盤空間。 ◆ 系統的運行分辨率為 1024×768。

4.2 4.2 運行要求的軟件配置

◆ 操作系統：Windows 20xx 以上 ◆ 服務器：IIS 5.0 以上 ◆ 數據庫系統： Microsoft ◆ 瀏覽器：IE 6.0 以上 SQL Server 20xx 以上

4.3 4.3 主要功能實現 前台主要功能模塊介紹 4.3.1 前台 主要功能模塊介紹

(1)主界面，如圖 2 所示： 用户直接點開網站就可以進入到主界面，即網站首頁。在頁面上方有公司簡介、公司業務、新 聞動態、解決方案、成功案例、招聘信息、客户留言這幾大塊，分別點擊各個按鈕可進入相應的分 頁。在左下方為解決方案和成功案例。解決方案是為同行業的疑難問題提出合理的方案，成功案例 是公司有突破性成就的案例，這兩部分做為公司的核心，所以放在首頁。右下方為新聞動態和公司 業務，方便用户及時瞭解公司動態和ZUI近新增的業務。

圖 2 網站首頁 (2)公司簡介頁面，如圖 3 所示： 點擊公司簡介按鈕即進入公司簡介頁面，該頁面主要介紹公司的成立時間、規模、註冊資金、 機構設置等內容，幫助用户瞭解公司。

圖 3 公司簡介頁面圖 (3)公司業務頁面，如圖 4 所示： 點擊公司業務按鈕即進入公司業務頁面， 該頁面主要介紹公司目前所做的業務以及發展中的業 務。其中所列出的所有業務按時間降序排列，前面的為ZUI近新增的業務，方便用户瀏覽。 在該頁面點擊解決方案按鈕即進入解決方案頁面，是對各行業，各類疑難問題作出合理性的解 答。 在該頁面點擊成功案例按鈕即進入成功案例頁面， 對外展示公司做過的成功項目， 從而展示公司 的先進技術和實力。

圖 4 公司業務頁面圖

(4)新聞動態頁面，如圖 5 所示： 點擊新聞動態按鈕即進入新聞動態頁面，在本頁面發佈ZUI近新聞，主要是公司的業務拓展方 面、公司ZUI近取得的成就，公司整體的發展方向等。其中所列出的所有新聞按時間降序排列，前 面的為ZUI近的新聞。

圖 5 新聞動態頁面圖

(5)招聘信息頁面，如圖6所示： 點擊招聘信息按鈕即進入招聘信息頁面，該頁面主要介紹公司目前缺乏的人才、空缺的崗位、每 個崗位需要的人數、對應聘者的要求、公司人事部的聯繫方式、聯繫人、應聘的具體流程等。

圖 6 招聘信息頁面圖 (6)客户留言頁面，如圖7所示： 點擊客户留言按鈕即進入客户留言頁面， 客户可以在上面發表自己的想法和需求， 客户與客户之

間，客户和公司管理員之間進行互相交流。 如果用户想要留言可以分別在圖7中留言人、標題、內容後面的框中寫入內容，然後點擊留言按 鈕進行留言。 而管理員對留言板的管理可以通過後台管理系統裏的客户留言管理， 從而實現對留言的 管理。

圖7 客户留言頁面圖

後台管理功能介紹 4.3.2 後台 管理功能介紹

後台界面的設計主要利用了一個框架頁，在設計好框架頁後，其它頁面只要修改每個裏面的內 容即可。 框架頁是一個主頁面承載若干個子頁面，頁面間相對獨立，而且互相之間也可以操作，比如父頁 面刷新子頁面等等，它可以實現單獨頁面刷新，我們看起來就是整個頁面的部分刷新，這樣就減輕了 服務器的計算量，降低了服務器負擔。 其具體設計如下： (1)管理員登錄頁面，如圖 8 所示： 這個界面主要是用於管理員登錄到後台的主要界面，它的權限僅僅侷限於管理員，此模塊主要 運用 技術和 C#語言實現，並且利用 Microsoft SQL Server 20xx 作為數據庫，管理員只需 在主頁輸入用户名和密碼就可以登錄到後台系統。管理員的“用户名”和“密碼”存放在 Microsoft SQL Server 20xx 數據庫當中，當管理員在登錄窗口(如圖 8 所示)中正確的輸入“用户名”和“密 碼”時就會進入後台管理系統窗口界面

圖8 管理員登錄頁面

(2)後台管理系統窗口界面，如圖 9 所示：

圖9

後台管理系統窗口界面

在這裏，我有針對性的設置了一個查詢控件，用於公司業務、新聞動態、解決方案和成功案例 裏。在數據多的情況下，快速的找到所需要的數據，以方便管理員做出增加、修改、刪除等操作。 (3)在後台管理系統窗口界面中點擊公司簡介按鈕即進入公司簡介管理頁面，如圖 10 所示： 描述後面的框是對公司簡介的編輯，單擊保存，在前台的公司簡介中就可以看到相應的內容。 在此面頁中點擊招聘信息按鈕就進入招聘信息管理頁面，在描述後面的框中對招聘信息進行添加、 修改、刪除等操作，在前台的招聘信息裏就得到即時的更新。

圖 10 公司簡介頁面 (4)在後台管理系統窗口界面中點擊頁面底部按鈕即進入頁面底部管理頁面，如圖 11 所示：

圖 11 頁面底部頁面 在描述後面的框裏就可以直接對頁面底部內容進行增加、修改、刪除等操作，從而在前台的每 個頁面的底部都得到相應的更新。 (5)在後台管理系統窗口界面中點擊公司業務按鈕即進入公司業務管理頁面，如圖 12 所示：

圖 12 公司業務頁面 在查找前面的方框中輸入標題裏的部分內容，點擊查找，就可以快快速找出相應的那一條;點 擊添加按鈕，就可以添加一條新的記錄;選中要刪除的記錄，點擊刪除，則刪除了相應的記錄;在 每一條記錄後面點擊編輯按鈕，可以對已有記錄進行修改。 在此頁面中點擊新聞動態、解決方案、成功案例分別進入相應的管理頁面，同理進行以上的操 作。 (6)在後台管理系統窗口界面中點擊客户留言按鈕即進入客户留言管理頁面，如圖 13 所示：

圖 13 客户留言管理頁面 在此頁面裏，選中某條留言，點擊刪除，可以對這條留言信息進行刪除;點擊某條留言後面的 查看回復，可以看到這條留言的回覆內容，並且可以對回覆信息進行刪除。 (7)在後台管理系統窗口界面中點擊用户管理按鈕即進入用户管理頁面，如圖 14 所示： 在此頁面裏， 可以對後台的管理員用户進行管理， 添加和新的管理員用户和刪除已有的管理員 用户。

圖 14 用户管理頁面 (8)在後台管理系統窗口界面中點擊修改密碼按鈕即進入修改密碼頁面，如圖 15 所示：

圖 15 修改密碼頁面 在此頁面裏，每個管理員用户可以輸入原密碼、新密碼，點擊修改來修改自己的密碼。

4.4 系統測試

這個階段的關鍵任務是通過各種類型的測試及相應的調試，使軟件達到預定的要求。

4.4.1 測試環境

操作系統：Windows 20xx 以上; 數據庫系統：Microsoft Sql Server 20xx 以上。 服務器：IIS 5.0 以上。

4.4.2 模塊測試

測試本系統中各個模塊的子功能，把每個模塊作為一個獨立的實體來測試。保證每個模塊作為 一個單獨的單元能正確運行。在測試中發現編碼和詳細設計的錯誤，並及時改正。如在測試客户留 言管理時，沒有輸入留言人姓名，就會留言不成功，出現請輸入留言人姓名這樣的信息。

4.4.3 子系統測試

子系統測試是把經過模塊測試的模塊放在一起形成以一個子系統來測試。模塊相互間的協調和 通性是這個測試過程中的主要問題，以此，這個步驟着重測試模塊的接口。

4.4.4 4.4.4 系統測試實施

系統測試是把經過測試的子系統裝配成一個完整的系統來測試。在這個過程中不僅能發現設計 和編碼的錯誤，還能驗證系統是否能提供需求分析中指定的功能。在這個步驟中發現設計中的錯誤 和需求分析中的錯誤。 對輸入錯誤的，能進行排錯，如在管理員登錄頁面中輸入的用户名和密碼錯誤，則在下方出現 “您輸入的用户名和密碼錯誤”的提示。數據庫中的的已有數據可以進行修改、刪除，數據具有可 維護性。

5 結語

通過幾個月的設計，我才明白怎樣將學校學習的東西運用到實踐中，怎樣在一個真正的客户面 前展示自己的理論知識，更讓我感受至深的是不論作什麼都需要合作和別人的幫忙，一個人的力量 是微不足道的。在整個設計過程中，我遇到很多問題，查閲了很多書籍，並且有很多疑難問題是在 指導老師的幫助下完成的。另外，通過這次設計，我才明白，如何真正將學校學到的東西運用到實 踐中是一個大學生邁入社會ZUI重要的一部。儘管這次設計已經初步完成了客户的需求，但是不論從 界面還是整體功能的實現上都存在很多問題，需要進一步的修改和完善，這也將是我後期的工作的 重點。

感謝

感謝這麼多天馬聯輝、靳燕老師的精心輔導和悉心批改，無論是設計的功能實現還是論文的內 容格式，輔導老師都認真檢查，真心的感謝他們和各位系領導對我的關心，在以後的工作道路上我 將繼續努力，將我在學校學到的理論知識充分應用到實踐中。

參考文獻

[1] 江廣順2.0+SQL SERVER 網絡應用開發詳解[M]. 北京：人民郵電出版社,20xx [2] 鄭阿奇 Server 教程[M]. 北京：清華大學出版社，20xx [3] 陳冠軍2.0 企業級項目開發[M].北京：人民郵電出版社,20xx [4] 陸錫聰.基於 Web 的學位論文管理系統的設計與實現[J].電腦知識與技術，20xx，10(2) [5] 葉安勝.基於 架構的 WEB 數據庫訪問技術研究與應用[D].電子科技大學，20xx [6] 張立科， 信息管理系統開發實例導航[M].北京：人民郵電出版社，20xx [7] 殷曉波.基於 技術的數據庫技術與應用[D].安徽理工大學，20xx [8] 戴婉榮,熊前興 Server 數據同步機制的研究與應用[J].電腦知識與技術，20xx,5(19) [9] 龍馬工作室+SQL SERVER 網絡開發實例精講[M]. 北京：人民郵電出版社,20xx [10] 劉曉華 Server 20xx 數據庫應用開發[M].北京:電子工業出版社,20xx

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 20xx database by using 2.0,c# infmation publish platfm is developed using 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 whole web site is devided into the feground background infmation management 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 C#