《《Web網頁設計》課程設計我的網站》由會員分享，可在線閱讀，更多相關《《Web網頁設計》課程設計我的網站（23頁珍藏版）》請在裝配圖網上搜索。
1、四川機電職業(yè)技術學院
四川機電職業(yè)技術學院
《Web網頁設計》課程設計
題 目: 我的網站
班 級: 10網絡6班
姓 名:
指導教師:
2011年12月22日
課程設計任務書
一、 設計任務及要求：
采用Dreamweaver+ASP+Access綜合進行課程設計，開發(fā)一個動態(tài)的網站系統(tǒng)，要求能夠根據設計題目的要求，劃分功能模塊，根據功能模塊的劃分，進行相應的數據庫設計，畫出程序流程圖，列出組成網頁的文件清單
2、；完成程序代碼，對各模塊進行整合，并進行調試，編寫課程設計報告。
1、設計任務要求
（1）進一步鞏固和加深“Web網頁設計”課程的基本知識，了解ASP動態(tài)網頁設計知識在實際中的應用。
(2) 綜合運用“ASP動態(tài)網頁設計”課程和先修課程的理論及生產實際知識去分析和解決問題，進行的相關訓練。
(3) 學習ASP動態(tài)網頁設計的一般方法，了解和掌握通用數據庫的連接、數據的相關操作或網站的設計過程和進行方式，培養(yǎng)正確的設計思想和分析問題、解決問題的能力，特別是網站功能規(guī)劃的能力和實現相關功能的能力。
(4) 通過能系統(tǒng)的分析、系統(tǒng)設計、數據庫設計和功能的實現等，培養(yǎng)ASP動態(tài)網頁設計的基本
3、技能
2、設計內容要求
1）、站點主題自擬、站點風格自行設計、布局簡潔美觀，站點內容健康詳實，站點圖片與網頁內容貼近主題。
2）、所有頁面必須有頭部導航欄和尾部版權信息。
3）、文檔結構清晰，不得出現中文的文件夾名字以及中文的網頁名字。
4）、所有網頁必須給標題命名。
5）、整個站點必須有良好的導航系統(tǒng)。
6）、考慮頁面與屏幕的分辨率問題?！?
3、設計報告要求
1）、設計報告要有封面、有頁碼；
2）、設計報告必須在2011年12月23日提交；
3）、設計報告必須交打印文檔。
4、 指導教師簽名
年 月 日
二、 指導教師評語：
指導教師簽名
年 月 日
三、 成績評定
5、
指導教師簽名
年 月 日
一、課題名稱：
二、設計時間：
2011年12月12日——2011年12月23日
時間安排：
12月12日——12月22日設計、編碼
12月23日：書寫設計報告、提交
三、設計環(huán)境
硬件：多媒體機房
軟件：Dreamweaver8.0 +AspWebServer +Access2003+Flash+PS
四、設計目的：
1、進一步鞏固和加深“Web網頁設計”課程的基本知識，了解ASP動態(tài)網頁設計知識在實際中的應用。
2、綜合運用
6、“Web網頁設計”課程和先修課程的理論及生產實際知識去分析和解決問題，進行的相關訓練。
3、學習ASP動態(tài)網頁設計的一般方法，了解和掌握通用數據庫的連接、數據的相關操作或網站的設計過程和進行方式，培養(yǎng)正確的設計思想和分析問題、解決問題的能力，特別是網站功能規(guī)劃的能力和實現相關功能的能力。
1）、數據庫、表的設計
2） 增加模塊、修改模塊、刪除模塊的代碼編寫
4、通過能系統(tǒng)的分析、系統(tǒng)設計、數據庫設計和功能的實現等，培養(yǎng)ASP動態(tài)網頁設計的基本技能。
五、設計要求
1、獨立完成課程設計。
2、要求熟練掌握Dreamweaver的操作使用，AspWebServer的安裝與
7、配置
3、熟練掌握Access數據庫的設計基本方法。
4、站點主題自擬（體育、軍事、茶葉、個人站點等）站點風格自行設計、布局簡潔美觀，站點內容健康詳實，站點圖片與網頁內容貼近主題。
5、文檔結構清晰，不得出現中文的文件夾名字以及中文的網頁名字
6、所有網頁必須給標題命名，整個站點必須有良好的導航系統(tǒng)
六、設計內容與步驟
1、 網站的規(guī)劃與設計
1） 網站定位（面向人群，涉及范圍）
該網站是一以學校為設計的簡易型網站，主要在于能實現對文件的管理與控制，所以它主要面向學院的同時，該網站是由ASP設計的，程序簡潔明了易于修改，這就更便于操作者進行管理了，對技術要求不高，另外，本網
8、站的功能在于對文件以及內容進行增加、刪除、查找、修改。能滿足學院的基本需求。
2） 網站簡介
該網站主要是實現網頁與數據庫的連接從而達到在網頁上對數據庫里面的內容進行增加、刪除、查找、修改。從而達到對數據庫進行網頁化管理，使得管理效率更高。
3） 網站的欄目規(guī)劃（總體結構設計）
本網站主要分為三大塊；包括欄目、新聞、用戶。其中用戶與欄目基本上相近而新聞在實現添加上要復雜一點，具體如下：
用戶
修改
添加
添加
修改
添加
修改
刪除
增加
增加
編輯
刪除
刪除
編輯
增加
編輯
網站
新聞
欄目
4） 網站的數據設
9、計與規(guī)劃
5） 網站的文檔結構圖
Myedu
Flash
batonn
banner
Data
wangye
tupian
lanmu
new
user
open
close
index
shoenew
denete
6)網站主要頁面及核心代碼
生成主頁 ：
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
10、"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
主頁
39、"middle" bgcolor="#BCFEF4">
四川機電職業(yè)技術學院@版權所有 地址:攀枝花市東區(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">
四川機電職業(yè)技術學院
<%
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網頁設計》課程設計我的網站
