《《Web網(wǎng)頁設(shè)計(jì)》課程設(shè)計(jì)我的網(wǎng)站》由會(huì)員分享，可在線閱讀，更多相關(guān)《《Web網(wǎng)頁設(shè)計(jì)》課程設(shè)計(jì)我的網(wǎng)站（23頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、四川機(jī)電職業(yè)技術(shù)學(xué)院
四川機(jī)電職業(yè)技術(shù)學(xué)院
《Web網(wǎng)頁設(shè)計(jì)》課程設(shè)計(jì)
題 目: 我的網(wǎng)站
班 級(jí): 10網(wǎng)絡(luò)6班
姓 名:
指導(dǎo)教師:
2011年12月22日
課程設(shè)計(jì)任務(wù)書
一、 設(shè)計(jì)任務(wù)及要求：
采用Dreamweaver+ASP+Access綜合進(jìn)行課程設(shè)計(jì)，開發(fā)一個(gè)動(dòng)態(tài)的網(wǎng)站系統(tǒng)，要求能夠根據(jù)設(shè)計(jì)題目的要求，劃分功能模塊，根據(jù)功能模塊的劃分，進(jìn)行相應(yīng)的數(shù)據(jù)庫(kù)設(shè)計(jì)，畫出程序流程圖，列出組成網(wǎng)頁的文件清單
2、；完成程序代碼，對(duì)各模塊進(jìn)行整合，并進(jìn)行調(diào)試，編寫課程設(shè)計(jì)報(bào)告。
1、設(shè)計(jì)任務(wù)要求
（1）進(jìn)一步鞏固和加深“Web網(wǎng)頁設(shè)計(jì)”課程的基本知識(shí)，了解ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)知識(shí)在實(shí)際中的應(yīng)用。
(2) 綜合運(yùn)用“ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)”課程和先修課程的理論及生產(chǎn)實(shí)際知識(shí)去分析和解決問題，進(jìn)行的相關(guān)訓(xùn)練。
(3) 學(xué)習(xí)ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)的一般方法，了解和掌握通用數(shù)據(jù)庫(kù)的連接、數(shù)據(jù)的相關(guān)操作或網(wǎng)站的設(shè)計(jì)過程和進(jìn)行方式，培養(yǎng)正確的設(shè)計(jì)思想和分析問題、解決問題的能力，特別是網(wǎng)站功能規(guī)劃的能力和實(shí)現(xiàn)相關(guān)功能的能力。
(4) 通過能系統(tǒng)的分析、系統(tǒng)設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)和功能的實(shí)現(xiàn)等，培養(yǎng)ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)的基本
3、技能
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)頁內(nèi)容貼近主題。
2）、所有頁面必須有頭部導(dǎo)航欄和尾部版權(quán)信息。
3）、文檔結(jié)構(gòu)清晰，不得出現(xiàn)中文的文件夾名字以及中文的網(wǎng)頁名字。
4）、所有網(wǎng)頁必須給標(biāo)題命名。
5）、整個(gè)站點(diǎn)必須有良好的導(dǎo)航系統(tǒng)。
6）、考慮頁面與屏幕的分辨率問題?！?
3、設(shè)計(jì)報(bào)告要求
1）、設(shè)計(jì)報(bào)告要有封面、有頁碼；
2）、設(shè)計(jì)報(bào)告必須在2011年12月23日提交；
3）、設(shè)計(jì)報(bào)告必須交打印文檔。
4、 指導(dǎo)教師簽名
年 月 日
二、 指導(dǎo)教師評(píng)語：
指導(dǎo)教師簽名
年 月 日
三、 成績(jī)?cè)u(píng)定
5、
指導(dǎo)教師簽名
年 月 日
一、課題名稱：
二、設(shè)計(jì)時(shí)間：
2011年12月12日——2011年12月23日
時(shí)間安排：
12月12日——12月22日設(shè)計(jì)、編碼
12月23日：書寫設(shè)計(jì)報(bào)告、提交
三、設(shè)計(jì)環(huán)境
硬件：多媒體機(jī)房
軟件：Dreamweaver8.0 +AspWebServer +Access2003+Flash+PS
四、設(shè)計(jì)目的：
1、進(jìn)一步鞏固和加深“Web網(wǎng)頁設(shè)計(jì)”課程的基本知識(shí)，了解ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)知識(shí)在實(shí)際中的應(yīng)用。
2、綜合運(yùn)用
6、“Web網(wǎng)頁設(shè)計(jì)”課程和先修課程的理論及生產(chǎn)實(shí)際知識(shí)去分析和解決問題，進(jìn)行的相關(guān)訓(xùn)練。
3、學(xué)習(xí)ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)的一般方法，了解和掌握通用數(shù)據(jù)庫(kù)的連接、數(shù)據(jù)的相關(guān)操作或網(wǎng)站的設(shè)計(jì)過程和進(jìn)行方式，培養(yǎng)正確的設(shè)計(jì)思想和分析問題、解決問題的能力，特別是網(wǎng)站功能規(guī)劃的能力和實(shí)現(xiàn)相關(guān)功能的能力。
1）、數(shù)據(jù)庫(kù)、表的設(shè)計(jì)
2） 增加模塊、修改模塊、刪除模塊的代碼編寫
4、通過能系統(tǒng)的分析、系統(tǒng)設(shè)計(jì)、數(shù)據(jù)庫(kù)設(shè)計(jì)和功能的實(shí)現(xiàn)等，培養(yǎng)ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)的基本技能。
五、設(shè)計(jì)要求
1、獨(dú)立完成課程設(shè)計(jì)。
2、要求熟練掌握Dreamweaver的操作使用，AspWebServer的安裝與
7、配置
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)頁內(nèi)容貼近主題。
5、文檔結(jié)構(gòu)清晰，不得出現(xiàn)中文的文件夾名字以及中文的網(wǎng)頁名字
6、所有網(wǎng)頁必須給標(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è)計(jì)的簡(jiǎn)易型網(wǎng)站，主要在于能實(shí)現(xiàn)對(duì)文件的管理與控制，所以它主要面向?qū)W院的同時(shí)，該網(wǎng)站是由ASP設(shè)計(jì)的，程序簡(jiǎn)潔明了易于修改，這就更便于操作者進(jìn)行管理了，對(duì)技術(shù)要求不高，另外，本網(wǎng)
8、站的功能在于對(duì)文件以及內(nèi)容進(jìn)行增加、刪除、查找、修改。能滿足學(xué)院的基本需求。
2） 網(wǎng)站簡(jiǎn)介
該網(wǎng)站主要是實(shí)現(xiàn)網(wǎng)頁與數(shù)據(jù)庫(kù)的連接從而達(dá)到在網(wǎng)頁上對(duì)數(shù)據(jù)庫(kù)里面的內(nèi)容進(jìn)行增加、刪除、查找、修改。從而達(dá)到對(duì)數(shù)據(jù)庫(kù)進(jìn)行網(wǎng)頁化管理，使得管理效率更高。
3） 網(wǎng)站的欄目規(guī)劃（總體結(jié)構(gòu)設(shè)計(jì)）
本網(wǎng)站主要分為三大塊；包括欄目、新聞、用戶。其中用戶與欄目基本上相近而新聞在實(shí)現(xiàn)添加上要復(fù)雜一點(diǎn)，具體如下：
用戶
修改
添加
添加
修改
添加
修改
刪除
增加
增加
編輯
刪除
刪除
編輯
增加
編輯
網(wǎng)站
新聞
欄目
4） 網(wǎng)站的數(shù)據(jù)設(shè)
9、計(jì)與規(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號(hào) 郵編:617000 電話:0812-6251211 6251819
蜀ICP備05006533號(hào)
如此則首頁生成了效果如下：
生成欄目管理 ：
<%@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、
編號(hào)
欄目
操作
<%
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">編號(hào)
用戶
操作
<%
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è)計(jì)》課程設(shè)計(jì)我的網(wǎng)站
