Web網(wǎng)設計設計報告樣文

1、四川機電職業(yè)技術學院Web網(wǎng)頁設計課程設計題B：班級:名:指導教師:我的網(wǎng)站10網(wǎng)絡6班2011年12月22日課程設計任務書一、設計任務及要求：采用Dreamweaver+ASP+Access綜合進行課程設汁，開發(fā)一個動態(tài)的網(wǎng)站系統(tǒng)，要求能夠 根據(jù)設計題目的要求，劃分功能模塊，根據(jù)功能模塊的劃分，進行相應的數(shù)據(jù)庫設計，畫岀 程序流程圖，列出組成網(wǎng)頁的文件淸單：完成程序代碼，對各模塊進行整合，并進行調(diào)試， 編寫課程設計報告。1、 設計任務要求（1）進一步鞏固和加深“Web網(wǎng)頁設計”課程的基本知識，了解ASP動態(tài)網(wǎng)頁設計知 識在實際中的應用。（2）綜合運用“ASP動態(tài)網(wǎng)頁設汁”課程和先修課程的理論

2、及生產(chǎn)實際知識去分析和解決問題，進行的相關訓練。（3）學習ASP動態(tài)網(wǎng)頁設汁的一般方法，了解和掌握通用數(shù)據(jù)庫的連接、數(shù)據(jù)的相關 操作或網(wǎng)站的設計過程和進行方式，培養(yǎng)正確的設訃思想和分析問題、解決問題 的能力，特別是網(wǎng)站功能規(guī)劃的能力和實現(xiàn)相關功能的能力。（4）通過能系統(tǒng)的分析、系統(tǒng)設計、數(shù)據(jù)庫設計和功能的實現(xiàn)等，培養(yǎng)ASP動態(tài)網(wǎng)頁 設計的基本技能2、 設計內(nèi)容要求1） .站點主題自擬、站點風格自行設計、布局簡潔美觀，站點內(nèi)容健康詳實，站點圖片與網(wǎng)頁內(nèi)容貼近主題。2）、所有頁而必須有頭部導航欄和尾部版權信息.3）、文檔結構淸晰，不得岀現(xiàn)中文的文件夾名字以及中文的網(wǎng)頁名字。4）、所有網(wǎng)頁必須給標題

3、命需。5）、整個站點必須有良好的導航系統(tǒng)。6）、考慮頁而與屏幕的分辨率問題。3、 設計報告要求1）、設計報告要有封而、有頁碼：2）、設計報告必須在2011年12月23日提交：3）、設計報告必須交打印文檔。指導教師簽名 _年 月 日指導教師評語:指導教師簽名 _年 月 日三、成績評定指導教師簽名 _年 月 日一、課題名稱:二、設計時間：2011年12月12日2011年12月23日時間安排：12月12日12月22日設計、編碼12月23日：書寫設計報告、提交三、設計環(huán)境硬件：多媒體機房軟件：Dreamweaver8.0 +AspWebServer +Access2003+Flash+PS四、設計目的

4、：1、進一步鞏固和加深“Web網(wǎng)頁設計”課程的基本知識，了解ASP動 態(tài)網(wǎng)頁設訃知識在實際中的應用。2、綜合運用“Web網(wǎng)頁設計”課程和先修課程的理論及生產(chǎn)實際知識去 分析和解決問題，進行的相關訓練。3、學習ASP動態(tài)網(wǎng)頁設計的一般方法，了解和掌握通用數(shù)據(jù)庫的連接、 數(shù)據(jù)的相關操作或網(wǎng)站的設訃過程和進行方式，培養(yǎng)正確的設汁思想 和分析問題、解決問題的能力，特別是網(wǎng)站功能規(guī)劃的能力和實現(xiàn)相 關功能的能力。1）、數(shù)據(jù)庫、表的設計2）增加模塊、修改模塊、刪除模塊的代碼編寫4、通過能系統(tǒng)的分析、系統(tǒng)設訃、數(shù)據(jù)庫設計和功能的實現(xiàn)等，培養(yǎng) ASP動態(tài)網(wǎng)頁設計的基本技能。五、設計要求1、獨立完成課程設計。2

5、、要求熟練掌握Dreamweaver的操作使用，AspWebServer的安裝與配置3、熟練掌握Access數(shù)據(jù)庫的設計基本方法。4、站點主題自擬（體育、軍事、茶葉、個人站點等）站點風格自行設計、 布局簡潔美觀，站點內(nèi)容健康詳實，站點圖片與網(wǎng)頁內(nèi)容貼近主題。5、文檔結構清晰，不得出現(xiàn)中文的文件夾名字以及中文的網(wǎng)頁名字6、所有網(wǎng)頁必須給標題命名，整個站點必須有良好的導航系統(tǒng)六、設計內(nèi)容與步驟1、網(wǎng)站的規(guī)劃與設計1） 網(wǎng)站定位（面向人群，涉及范圍）該網(wǎng)站是一以學校為設訃的簡易型網(wǎng)站，主要在于能實現(xiàn)對文件的管 理與控制，所以它主要面向學院的同時，該網(wǎng)站是山ASP設訃的，程序 簡潔明了易于修改，這就更

6、便于操作者進行管理了，對技術要求不高, 另外，本網(wǎng)站的功能在于對文件以及內(nèi)容進行增加、刪除、查找、修改。 能滿足學院的基本需求。2） 網(wǎng)站簡介該網(wǎng)站主要是實現(xiàn)網(wǎng)貝與數(shù)據(jù)庫的連接從而達到在網(wǎng)頁上對數(shù)據(jù)庫 里面的內(nèi)容進行增加、刪除、查找、修改。從而達到對數(shù)據(jù)庫進行網(wǎng) 頁化管理，使得管理效率更高。3） 網(wǎng)站的欄目規(guī)劃（總體結構設計）本網(wǎng)站主要分為三大塊；包括欄目、新聞.用戶。其中用戶與欄目基 本上相近而新聞在實現(xiàn)添加上要復雜一點，具體如下：4）網(wǎng)站的數(shù)據(jù)設計與規(guī)劃5）網(wǎng)站的文檔結構圖6）網(wǎng)站主要頁而及核心代碼生成主頁：LANGUAGE二VBSCRIPT C0DEPAGE!D0CTYPE html P

7、UBLIC -/W3C/DTD XHTML 1.0Trans itional/EN/zhttp:/www. w3 org/TR/xhtmll/DTD/xhtmll-trdnsitiona1 dtd 主頁 ! .STYLE1 color： S9900CC;font-weight: bold;font-size： xx-large;.STYLE4 color: #9900FFbody background-color: #0OFFCC;p class=，/STYLEl，/objectclessid二clsid:D27CDB6E-AE6D-llcf-96B8-444553540000codebase

8、=，?http:/download macromedia com/pub/shockwave/cabs/flash./swf lash c ab#version=5, 0, 0, 0 width二99 height二46table width 二943 少 height=517z， border二0td width二223:rowspan二3 align 二center valigntopXtablewidth二223 border二0 align二centerfonn id=，/forml，/ name 二forml method二post action二login. asptable wi

9、dth二217 border二0 align二centertd width二211 height二65 align=/centerz/ valign二middl/Xlabel用戶 label密碼td height二61 align二center valignmiddleXlabeD 本站首頁系部動態(tài)10網(wǎng)絡11 網(wǎng)絡tableheight二7cel1spacing二0cellpadding二0 width二95%elign二center border二010多媒體ll多媒體 四川機電職業(yè)技術學院版權所有 地址：攀枝花市東區(qū)馬家田路65號 郵編:617000 電話：6251819target=/

10、z_blank/z蜀 ICP 備05006533號/body如此則首頁生成了效果如下：生成欄目管理:四川機電職業(yè)技術學院27. D. (I. l/arKdu/ylhaicha Bicrexeif t lat crn*ct fixylor ar. 占fflSQ SV CV) tZftJUi) Z.A00 版bjCOo尉i Q 旦 Q八孵： 仝回 一)font-weight: bold;body background-color: #99FFCC; table width二477 border二0 align二centertd align二center valign二middle欄目 欄目管理新聞

11、管理用戶管理新聞添加 table width二500 border二0 align二centertd align二center valign二middle編號td align二center valign二middle欄目v 編輯/a a href=delete. asp?id=刪除  效果如下：艸川眥屯點丈垃不分箋“ osoft lAtcinct Expleicr |rf, X0 口 。E直：丿初心爐 回I尬 “9 QS2YOO”如、“工V J3J i53410冶我3ES JLE&生成為用戶管理： table width二563 border=0 align二centertd wid

12、th二557 height二39 align二center v&lign二middle用戶 密碼form action二 method二post name二forml id二forml欄目管理新聞管理用戶管理新聞添加table width二500 border=，z0/z align二centertd align二center valign二middle編號fflP,f/tdtdalign二centervalign二middle編輯a xcrnxof t Xnt ftxplnrOmaO 2O 公 、亦，尬貝2).圍二jgss&jhref=/，deleteuser. asp?id二刪除效果如下：

13、I Ht tp：/lT. D. O. l/ay生成新聞管理以及新聞添加： %LANGUAGE=/，TBSCRIPT，Z CODEPAGE二936 /styleform action二 method二post name二forml id二forrnl欄目管理新聞管理用廣I IW1用戶管理新聞添加table width二500 border二0 align二centertd align二center valign二middle編號,ftdalign二centervalign二middle編輯：ahref=/，denatenew. asp?id=刪除%rs. movenextrs.closeset

14、rs二nothing conn. closeset conn二nothing% 效果如下:鳳裕3：60個風大哥大哥9if session(/，logo/z)=/z/z then response Redirect (logo. asp) body background-color: #99CCCC;form action二 m已thod二post name二forml id二fornil欄目管理新聞管理細SB念奴堺赤墜用古3563丁我在蘭若鋒袴一世繁華情女幽魂玩安扯亟殖繼113 ht tptZ/177. D. 0. l/aydti/hovnwv. p - 11 cioszaft Int arn

15、et Expl( (xar0 蟲M ；八如、士收慈e “回，:12? Q 0芒目密理新聞咎連用尸勰靳聞衲元旦吞節(jié)耘涎翔至 舷及免稅茨公詞棉愛益 Ml ye WHI 鳳格用戶管理新聞添加table width二786 height二431 border二1 align二center 添加新聞 標題： 所屬 欄目：%二:rs(namez/)%文章 內(nèi)容： 文章 作者：效果如下：liorosoft Intcrnot Explvroc1小兇七、設計總結：經(jīng)過一周緊張的實訓，讓我感受到很多，因為這周任務很重，所以這周 都很緊張，但我體會到網(wǎng)頁做出來的快樂和興奮，但自己把一個一個問題解 決了，有一種莫名的

16、感覺就一直想做下去。同學和老師的幫助是不可少的一份力量，讓我在制作的過程中更輕松了， 明口一句話，想要走的遠就一群人走，想要走的快就一個人走。團結的力量 是巨大的。在這次實訓中我明白了很多，想要做一下好網(wǎng)站，素材和技能都十分重 要，好的素材需要多方面查找資料的，好的技能需要不斷的實踐。有些東西 不是一來就會的，是要靠每天練習才能得心應手，松懈了就淡忘了，以前建 一個站點那么簡單，經(jīng)過一段時間沒做網(wǎng)頁了，一下子要建一個站點有點忘 卻了。以前上課聽講都聽懂了，也會做簡單的，現(xiàn)在才發(fā)現(xiàn)原來不是那么簡 單，上課之后一定要多練才有效果，聽懂了沒多大效果，實踐才是最真的。在這次實訓中，我也學到了很多。在我

17、獨立完成網(wǎng)站設計的全過程中， 我設汁中散亂的網(wǎng)頁鏈接成框架體系，使平時學到的知識有很高的提高，在 制作過程中，我搜集了大量的素材和網(wǎng)貝設計的技術技巧方面的資料，增加 知識面，給我在以后的設計過程中懂得了很多，為制作網(wǎng)頁打下了基礎。在今后我會更加完善自己，讓自己更懂得更多，加油!在我看來，設計網(wǎng)頁，應該先策劃，策劃很重要，加上創(chuàng)意，配色很重 要，技術與鑒賞能力是最主要的。建立站點的時候，各個文件夾取名的時候, 最好用相應的英語，見名知意?？粗詈笞约鹤龀鰜淼木W(wǎng)頁，使我自己非常有成就感。讓我更加了解到, 生活中有許多色彩，搭配顏色的時候，聯(lián)想到生活中的東西會做的更漂亮， 給人一種親切感，現(xiàn)在看到什

18、么東西，我就會聯(lián)想到做網(wǎng)頁的時候，還有怎 么布局。反正此次實訓收獲很多。最后，我想，如果此次實訓老師是要我們分組來做的話，也許，我們可 以做得更好，因為，一個想的畢竟不全面，而且，一個人的申美有限，我們 可以分工合作，一個人做一個方面的東西，也可以根據(jù)他所善長的方面來分 工，善長動畫制作的人做動畫，善長圖片處理的人做圖片，善長文字與布局 的就來布局。但是，也許那樣，有些同學會懶的動手，推著給別人做。此次的網(wǎng)頁實訓讓我嘗到了親自動手設計網(wǎng)頁，實現(xiàn)網(wǎng)頁設計的一種成 就感。從中我將課堂上的知識在現(xiàn)實中得到了一次實踐，加深了我對網(wǎng)絡相 關知識和網(wǎng)站相關知識的理解，熟悉了網(wǎng)絡的基礎知識，網(wǎng)站的基礎知識， 尤其是網(wǎng)站的