Web網(wǎng)設(shè)計(jì)設(shè)計(jì)報(bào)告樣文

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

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

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

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

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

6、便于操作者進(jìn)行管理了，對(duì)技術(shù)要求不高, 另外，本網(wǎng)站的功能在于對(duì)文件以及內(nèi)容進(jìn)行增加、刪除、查找、修改。 能滿(mǎn)足學(xué)院的基本需求。2） 網(wǎng)站簡(jiǎn)介該網(wǎng)站主要是實(shí)現(xiàn)網(wǎng)貝與數(shù)據(jù)庫(kù)的連接從而達(dá)到在網(wǎng)頁(yè)上對(duì)數(shù)據(jù)庫(kù) 里面的內(nèi)容進(jìn)行增加、刪除、查找、修改。從而達(dá)到對(duì)數(shù)據(jù)庫(kù)進(jìn)行網(wǎng) 頁(yè)化管理，使得管理效率更高。3） 網(wǎng)站的欄目規(guī)劃（總體結(jié)構(gòu)設(shè)計(jì)）本網(wǎng)站主要分為三大塊；包括欄目、新聞.用戶(hù)。其中用戶(hù)與欄目基 本上相近而新聞在實(shí)現(xiàn)添加上要復(fù)雜一點(diǎn)，具體如下：4）網(wǎng)站的數(shù)據(jù)設(shè)計(jì)與規(guī)劃5）網(wǎng)站的文檔結(jié)構(gòu)圖6）網(wǎng)站主要頁(yè)而及核心代碼生成主頁(yè)：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 主頁(yè) ! .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用戶(hù) label密碼td height二61 align二center valignmiddleXlabeD 本站首頁(yè)系部動(dòng)態(tài)10網(wǎng)絡(luò)11 網(wǎng)絡(luò)tableheight二7cel1spacing二0cellpadding二0 width二95%elign二center border二010多媒體ll多媒體 四川機(jī)電職業(yè)技術(shù)學(xué)院版權(quán)所有 地址：攀枝花市東區(qū)馬家田路65號(hào) 郵編:617000 電話(huà)：6251819target=/

10、z_blank/z蜀 ICP 備05006533號(hào)/body如此則首頁(yè)生成了效果如下：生成欄目管理:四川機(jī)電職業(yè)技術(shù)學(xué)院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、管理用戶(hù)管理新聞添加 table width二500 border二0 align二centertd align二center valign二middle編號(hào)td align二center valign二middle欄目v 編輯/a a href=delete. asp?id=刪除  效果如下：艸川眥屯點(diǎn)丈垃不分箋“ osoft lAtcinct Expleicr |rf, X0 口 。E直：丿初心爐 回I尬 “9 QS2YOO”如、“工V J3J i53410冶我3ES JLE&生成為用戶(hù)管理： table width二563 border=0 align二centertd wid

12、th二557 height二39 align二center v&lign二middle用戶(hù) 密碼form action二 method二post name二forml id二forml欄目管理新聞管理用戶(hù)管理新聞添加table width二500 border=，z0/z align二centertd align二center valign二middle編號(hào)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用戶(hù)管理新聞添加table width二500 border二0 align二centertd align二center valign二middle編號(hào),ftdalign二centervalign二middle編輯：ahref=/，denatenew. asp?id=刪除%rs. movenextrs.closeset

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

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

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

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

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