《《Web網(wǎng)頁設(shè)計》課程設(shè)計我的網(wǎng)站》由會員分享，可在線閱讀，更多相關(guān)《《Web網(wǎng)頁設(shè)計》課程設(shè)計我的網(wǎng)站（23頁珍藏版）》請在裝配圖網(wǎng)上搜索。
1、四川機(jī)電職業(yè)技術(shù)學(xué)院
四川機(jī)電職業(yè)技術(shù)學(xué)院
《Web網(wǎng)頁設(shè)計》課程設(shè)計
題 目: 我的網(wǎng)站
班 級: 10網(wǎng)絡(luò)6班
姓 名:
指導(dǎo)教師:
2011年12月22日
課程設(shè)計任務(wù)書
一、 設(shè)計任務(wù)及要求：
采用Dreamweaver+ASP+Access綜合進(jìn)行課程設(shè)計，開發(fā)一個動態(tài)的網(wǎng)站系統(tǒng)，要求能夠根據(jù)設(shè)計題目的要求，劃分功能模塊，根據(jù)功能模塊的劃分，進(jìn)行相應(yīng)的數(shù)據(jù)庫設(shè)計，畫出程序流程圖，列出組成網(wǎng)頁的文件清單
2、；完成程序代碼，對各模塊進(jìn)行整合，并進(jìn)行調(diào)試，編寫課程設(shè)計報告。
1、設(shè)計任務(wù)要求
（1）進(jìn)一步鞏固和加深“Web網(wǎng)頁設(shè)計”課程的基本知識，了解ASP動態(tài)網(wǎng)頁設(shè)計知識在實際中的應(yīng)用。
(2) 綜合運用“ASP動態(tài)網(wǎng)頁設(shè)計”課程和先修課程的理論及生產(chǎn)實際知識去分析和解決問題，進(jìn)行的相關(guān)訓(xùn)練。
(3) 學(xué)習(xí)ASP動態(tài)網(wǎng)頁設(shè)計的一般方法，了解和掌握通用數(shù)據(jù)庫的連接、數(shù)據(jù)的相關(guān)操作或網(wǎng)站的設(shè)計過程和進(jìn)行方式，培養(yǎng)正確的設(shè)計思想和分析問題、解決問題的能力，特別是網(wǎng)站功能規(guī)劃的能力和實現(xiàn)相關(guān)功能的能力。
(4) 通過能系統(tǒng)的分析、系統(tǒng)設(shè)計、數(shù)據(jù)庫設(shè)計和功能的實現(xiàn)等，培養(yǎng)ASP動態(tài)網(wǎng)頁設(shè)計的基本
3、技能
2、設(shè)計內(nèi)容要求
1）、站點主題自擬、站點風(fēng)格自行設(shè)計、布局簡潔美觀，站點內(nèi)容健康詳實，站點圖片與網(wǎng)頁內(nèi)容貼近主題。
2）、所有頁面必須有頭部導(dǎo)航欄和尾部版權(quán)信息。
3）、文檔結(jié)構(gòu)清晰，不得出現(xiàn)中文的文件夾名字以及中文的網(wǎng)頁名字。
4）、所有網(wǎng)頁必須給標(biāo)題命名。
5）、整個站點必須有良好的導(dǎo)航系統(tǒng)。
6）、考慮頁面與屏幕的分辨率問題?！?
3、設(shè)計報告要求
1）、設(shè)計報告要有封面、有頁碼；
2）、設(shè)計報告必須在2011年12月23日提交；
3）、設(shè)計報告必須交打印文檔。
4、 指導(dǎo)教師簽名
年 月 日
二、 指導(dǎo)教師評語：
指導(dǎo)教師簽名
年 月 日
三、 成績評定
5、
指導(dǎo)教師簽名
年 月 日
一、課題名稱：
二、設(shè)計時間：
2011年12月12日——2011年12月23日
時間安排：
12月12日——12月22日設(shè)計、編碼
12月23日：書寫設(shè)計報告、提交
三、設(shè)計環(huán)境
硬件：多媒體機(jī)房
軟件：Dreamweaver8.0 +AspWebServer +Access2003+Flash+PS
四、設(shè)計目的：
1、進(jìn)一步鞏固和加深“Web網(wǎng)頁設(shè)計”課程的基本知識，了解ASP動態(tài)網(wǎng)頁設(shè)計知識在實際中的應(yīng)用。
2、綜合運用
6、“Web網(wǎng)頁設(shè)計”課程和先修課程的理論及生產(chǎn)實際知識去分析和解決問題，進(jìn)行的相關(guān)訓(xùn)練。
3、學(xué)習(xí)ASP動態(tài)網(wǎng)頁設(shè)計的一般方法，了解和掌握通用數(shù)據(jù)庫的連接、數(shù)據(jù)的相關(guān)操作或網(wǎng)站的設(shè)計過程和進(jìn)行方式，培養(yǎng)正確的設(shè)計思想和分析問題、解決問題的能力，特別是網(wǎng)站功能規(guī)劃的能力和實現(xiàn)相關(guān)功能的能力。
1）、數(shù)據(jù)庫、表的設(shè)計
2） 增加模塊、修改模塊、刪除模塊的代碼編寫
4、通過能系統(tǒng)的分析、系統(tǒng)設(shè)計、數(shù)據(jù)庫設(shè)計和功能的實現(xiàn)等，培養(yǎng)ASP動態(tài)網(wǎng)頁設(shè)計的基本技能。
五、設(shè)計要求
1、獨立完成課程設(shè)計。
2、要求熟練掌握Dreamweaver的操作使用，AspWebServer的安裝與
7、配置
3、熟練掌握Access數(shù)據(jù)庫的設(shè)計基本方法。
4、站點主題自擬（體育、軍事、茶葉、個人站點等）站點風(fēng)格自行設(shè)計、布局簡潔美觀，站點內(nèi)容健康詳實，站點圖片與網(wǎng)頁內(nèi)容貼近主題。
5、文檔結(jié)構(gòu)清晰，不得出現(xiàn)中文的文件夾名字以及中文的網(wǎng)頁名字
6、所有網(wǎng)頁必須給標(biāo)題命名，整個站點必須有良好的導(dǎo)航系統(tǒng)
六、設(shè)計內(nèi)容與步驟
1、 網(wǎng)站的規(guī)劃與設(shè)計
1） 網(wǎng)站定位（面向人群，涉及范圍）
該網(wǎng)站是一以學(xué)校為設(shè)計的簡易型網(wǎng)站，主要在于能實現(xiàn)對文件的管理與控制，所以它主要面向?qū)W院的同時，該網(wǎng)站是由ASP設(shè)計的，程序簡潔明了易于修改，這就更便于操作者進(jìn)行管理了，對技術(shù)要求不高，另外，本網(wǎng)
8、站的功能在于對文件以及內(nèi)容進(jìn)行增加、刪除、查找、修改。能滿足學(xué)院的基本需求。
2） 網(wǎng)站簡介
該網(wǎng)站主要是實現(xiàn)網(wǎng)頁與數(shù)據(jù)庫的連接從而達(dá)到在網(wǎng)頁上對數(shù)據(jù)庫里面的內(nèi)容進(jìn)行增加、刪除、查找、修改。從而達(dá)到對數(shù)據(jù)庫進(jìn)行網(wǎng)頁化管理，使得管理效率更高。
3） 網(wǎng)站的欄目規(guī)劃（總體結(jié)構(gòu)設(shè)計）
本網(wǎng)站主要分為三大塊；包括欄目、新聞、用戶。其中用戶與欄目基本上相近而新聞在實現(xiàn)添加上要復(fù)雜一點，具體如下：
用戶
修改
添加
添加
修改
添加
修改
刪除
增加
增加
編輯
刪除
刪除
編輯
增加
編輯
網(wǎng)站
新聞
欄目
4） 網(wǎng)站的數(shù)據(jù)設(shè)
9、計與規(guī)劃
5） 網(wǎng)站的文檔結(jié)構(gòu)圖
Myedu
Flash
batonn
banner
Data
wangye
tupian
lanmu
new
user
open
close
index
shoenew
denete
6)網(wǎng)站主要頁面及核心代碼
生成主頁 ：
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
10、"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
主頁
39、"middle" bgcolor="#BCFEF4">
四川機(jī)電職業(yè)技術(shù)學(xué)院@版權(quán)所有 地址:攀枝花市東區(qū)馬家田路65號 郵編:617000 電話:0812-6251211 6251819
蜀ICP備05006533號
如此則首頁生成了效果如下：
生成欄目管理 ：
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<%
if session("logo")="" then
response.Redirect("logo.asp")
else
%>
41、tml PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
四川機(jī)電職業(yè)技術(shù)學(xué)院
<%
Set conn = Server.CreateObject("ADODB.Connection")
connStr="provider=m
46、icrosoft.jet.oledb.4.0;data source="&server.mappath("data/db1.mdb")
conn.Open connStr
Set rs=Server.CreateObject("ADODB.Recordset")
sql="select * from lanmu"
rs.open sql,conn,1,3
%>
47、
編號
欄目
操作
<%
rscount=0
do while not rs.eof
rscount=rscount+1
if rscount mod 2=0 then
%>
48、 <%else%>
<%end if%>
<%=rs("ID")%>
<%=rs("name")%>
">編輯
49、="delete.asp?id=<%=rs("id")%>">刪除
<%
rs.movenext
loop
%>
<%
rs.close
set rs=nothing
conn.close
set conn=nothing
%>
50、able>
<%end if%>
效果如下：
生成為用戶管理：
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<%
if session("logo")="" then
response.Redirect("logo.asp")
else
%>
51、 xmlns="http://www.w3.org/1999/xhtml">
<%
Set conn = Server.CreateObject("ADODB.Connection")
connStr="provider
55、=microsoft.jet.oledb.4.0;data source="&server.mappath("data/db1.mdb")
conn.Open connStr
Set rs=Server.CreateObject("ADODB.Recordset")
sql="select * from yonghu"
rs.open sql,conn,1,3
%>
56、n="center" valign="middle">編號
用戶
操作
<%
rscount=0
do while not rs.eof
rscount=rscount+1
if rscount mod 2=0 then
%>
<%else%>
<%end if%>
<%=rs("id")%>
<%=rs("yonghuming")%>
">編輯 ">刪除
58、r>
<%
rs.movenext
loop
%>
<%
rs.close
set rs=nothing
conn.close
set conn=nothing
%>
<%end if%>
《Web網(wǎng)頁設(shè)計》課程設(shè)計我的網(wǎng)站
