《網(wǎng)站開發(fā)與維護實訓(xùn)》指導(dǎo)書

1、網(wǎng)站開發(fā)與維護 實訓(xùn)指導(dǎo)書姓名:學(xué)號:班級:計算機多媒體技術(shù)教研室編寫2010-12目錄網(wǎng)站開發(fā)與維護實訓(xùn)教學(xué)大綱 1網(wǎng)站開發(fā)與維護實訓(xùn)項目 3項目一：前臺信息顯示 3項目二：后臺登陸驗證 6項目三：新聞添加以及修改刪除 9項目四：圖片上傳及顯示 13項目五：新聞搜索 16項目實訓(xùn)報告： 20網(wǎng)站開發(fā)與維護實訓(xùn)個人總結(jié) 25網(wǎng)站開發(fā)與維護實訓(xùn)成績評定表 26網(wǎng)站開發(fā)與維護實訓(xùn)教學(xué)大綱學(xué) 分：1學(xué)分學(xué) 時：28適用專業(yè)：計算機多媒體技術(shù)專業(yè)一、實訓(xùn)的目的與任務(wù)實訓(xùn)的目的：專業(yè)技能綜合實訓(xùn)是我院為計算機多媒體技術(shù)專業(yè)開設(shè)的專業(yè)必修整周實訓(xùn)課程之一，網(wǎng)站開發(fā)與維護實訓(xùn)是整個實訓(xùn)過程的一部分，其主要目

2、的是為了讓學(xué)生鞏固網(wǎng)站設(shè)計與制作的基本知識與創(chuàng)作技巧，通過項目案例實訓(xùn)的方式培養(yǎng)學(xué)生的崗位職業(yè)技能。實訓(xùn)的任務(wù)：本課程要求在一個星期內(nèi)完成實訓(xùn)指導(dǎo)書中的多個實訓(xùn)項目，共28個課時。二、實訓(xùn)基本要求1知識與能力要求：掌握網(wǎng)站創(chuàng)建的基本流程，掌握網(wǎng)頁制作的基本方法，熟練掌握dreamweaver軟件的操作，會使用軟件配合其他工具制作常見類型的網(wǎng)站。2實訓(xùn)過程要求：（1）實訓(xùn)過程中學(xué)生不得隨意遲到、曠課，必須按時在實訓(xùn)室參加實訓(xùn)。（2）學(xué)生要正確使用實訓(xùn)器材，愛惜實訓(xùn)設(shè)施，不得隨意浪費、損壞實訓(xùn)設(shè)備。（3）每個實訓(xùn)項目學(xué)生都要認真填寫實訓(xùn)報告或?qū)嵱?xùn)項目單以及其他實訓(xùn)材料。（4）實訓(xùn)過程中教師要加強對

3、學(xué)生的項目指導(dǎo)。三、實訓(xùn)主要內(nèi)容序號項目名稱主要內(nèi)容課時分值所占比例1前臺信息顯示從數(shù)據(jù)庫中提取相應(yīng)信息顯示615 =SUM(ABOVE)*100 # 0% 25%2后臺登陸驗證驗證用戶名是否合法4203新聞添加以及修改刪除數(shù)據(jù)庫的插入，更新，刪除操作6304圖片上傳及顯示文件的移動6205新聞搜索模糊查詢615合計100 =SUM(ABOVE)*100 # 0% 25%四、教學(xué)方法實訓(xùn)課主要是培養(yǎng)學(xué)生使用所學(xué)技術(shù)處理實際問題的能力，即專業(yè)職業(yè)技能，所以在教法上應(yīng)該選擇基于生產(chǎn)過程的項目式教學(xué)方法，并且所選項目要典型，要能體現(xiàn)綜合技能。同時要編寫出“實訓(xùn)指導(dǎo)書”，描述出每個項目具體的實施過程，

4、學(xué)生在完成項目的時候老師要加強指導(dǎo)，并督促其完成實訓(xùn)材料的填寫。具體教學(xué)方法可使用：1任務(wù)驅(qū)動法2項目案例法3演示法4個別輔導(dǎo)法5網(wǎng)絡(luò)教學(xué)法五、考核方式采取形成性非筆試考核。形成性考核選擇考勤和項目完成質(zhì)量考核，其中考勤占30%，項目質(zhì)量占70%。（每一個項目都有具體的分值）六、說明1.實訓(xùn)過程中，每位學(xué)生必須在指定的機房進行設(shè)計操作。2.本課程重點：綜合使用dreamweaver結(jié)合其它輔助軟件進行各種網(wǎng)絡(luò)常見類型網(wǎng)站的制作。3.本課程難點：培養(yǎng)學(xué)生的網(wǎng)站創(chuàng)意和整體視覺效果的把握。七、教材與參考書教材：專業(yè)技能綜合實訓(xùn)指導(dǎo)書，自編講義。參考書：用ASP輕松開發(fā)Web網(wǎng)站， 李香敏 等 編著，

5、北京希望電子出版社，2006年1月第二網(wǎng)站開發(fā)與維護實訓(xùn)項目項目一：前臺信息顯示項目分析:主要是數(shù)據(jù)庫鏈接以及讀取，在網(wǎng)頁中建立數(shù)據(jù)庫的鏈接后，用sql語句讀取相應(yīng)的內(nèi)容，并顯示在網(wǎng)頁上。實訓(xùn)目的:（1）掌握數(shù)據(jù)庫的鏈接命令（2）掌握sql語句讀取數(shù)據(jù)庫（3）掌握篩選功能，顯示不同專題的信息實訓(xùn)要點：（1）要鏈接數(shù)據(jù)庫，要在網(wǎng)站內(nèi)固定一個conn文件或在每個網(wǎng)頁前輸入連接語句。（2）顯示信息用到記錄集對象語句。項目最終效果如圖1-1圖1-1實訓(xùn)指導(dǎo)：一、數(shù)據(jù)庫鏈接1打開發(fā)下去的index.asp文件在文章前加入代碼。二、顯示新聞標題以及時間1建立對象rs，并將它的前后兩部分放入到要顯示新聞的行

6、的前后，比如說，顯示“熱門文章”，以下是循環(huán)顯示6條新聞的語句。%生成Select語句sql= select * from guide where type=熱門文章 order by auto_id desc 建立顯示對象set rs=conn.execute(sql)序號變量設(shè)置i=1開始循環(huán)，判斷條件為指針是否移到表的尾部do while not rs.eof and i 要顯示新聞標題的行（顯示新聞的標題以及時間用 以及）2其他新聞顯示的操作一樣，只需要將sql= select * from guide where type=熱門文章 order by auto_id desc 中的t

7、ype=“熱門文章”中改成要顯示的類別名稱即可，即數(shù)據(jù)庫中對應(yīng)的名稱。、項目二：后臺登陸驗證項目分析:這個是一個后臺登陸的驗證頁面，主要包含的知識點有表單的設(shè)計，以及數(shù)據(jù)庫中數(shù)據(jù)的驗證，主要用到session對象。實訓(xùn)目的:（1）掌握表單的設(shè)計（2）掌握session的設(shè)置與使用實訓(xùn)要點：（1）密碼驗證、Session對象的使用（2）密碼判斷最終效果如圖：登陸成功后到頁面失敗后到頁面：實訓(xùn)指導(dǎo)：一、設(shè)置登陸頁面及判斷頁面建立存放密碼的數(shù)據(jù)庫表，表名為：password，字段為三個字段：ID，user，password;設(shè)計后臺登錄頁面，頁面名稱為：login.asp如圖所示：設(shè)置與密碼表相對應(yīng)

8、的表單對象名稱，設(shè)置表單頁面跳轉(zhuǎn)到登錄判斷頁面（loginpass.asp）登錄判斷頁面（loginpass.asp）代碼設(shè)計：連接數(shù)據(jù)庫；保存網(wǎng)頁中輸入用戶名與密碼；生成Select語句，搜索密碼表中的滿足用戶名與密碼和輸入的數(shù)據(jù)符合的信息；建立對象，為判斷做準備；判斷如果有符合的用戶名與密碼則跳轉(zhuǎn)到后臺首頁（index.asp），否則跳轉(zhuǎn)到錯誤提示頁面（error.asp）。 代碼如下： 制作錯誤提示頁面，名稱為：error.asp，如圖所示：二Session 對象的使用在后臺登錄判斷頁面找到相應(yīng)的位置設(shè)置Session變量的值為“yes”（注：只有當用戶名與密碼都輸入正確時才進行設(shè)置）建

9、立是否登錄判斷頁面（iflogin.asp），頁面如圖所示：在后臺中的每一個頁面的第二行加入如下代碼段，判斷是否進行過登錄驗證。新建退出后臺頁面，名稱為：exit.asp，頁面為純代碼頁面，實現(xiàn)兩個功能：清除session變量；跳轉(zhuǎn)到后臺登錄頁面。如圖所示：項目三：新聞添加以及修改刪除 項目分析:主要是表單的運用以及sql語句的配合使用，還有就是頁面間參數(shù)的傳遞。實訓(xùn)目的:（1）掌握數(shù)據(jù)庫表記錄的修改命令（2）掌握參數(shù)的傳遞與頁面跳轉(zhuǎn)的方法。實訓(xùn)要點：（1）信息修改（2）各類表單對象Value值的設(shè)置（3）參數(shù)的傳遞實訓(xùn)指導(dǎo)：一、新聞的添加1建立與實訓(xùn)內(nèi)容相對符合的網(wǎng)頁界面，頁面名稱為：add

10、.asp插入表單插入表格，合理布局插入相應(yīng)的表單對象給每個表單對象命名（注：與數(shù)據(jù)庫表中的字段名一致，以便代碼的書寫）設(shè)置表單頁面的跳轉(zhuǎn)頁面（注：應(yīng)跳轉(zhuǎn)到ASP代碼頁面）2、建立提示信息頁面，頁面名稱為：addend.asp3、建立數(shù)據(jù)庫和數(shù)據(jù)庫表新建數(shù)據(jù)庫新建數(shù)據(jù)庫表，設(shè)計相應(yīng)的字段名（注：根據(jù)頁面表單對象設(shè)置）設(shè)置表中字段的類型、是否為空等4、建立ASP代碼頁面，實現(xiàn)添加功能，頁面名稱為：addpass.asp指定Access數(shù)據(jù)庫的路徑建立與以上數(shù)據(jù)庫連接的connection對象，為執(zhí)行SQL語句作準備打開數(shù)據(jù)庫，等待SQL語句的操作保存網(wǎng)頁中輸入的數(shù)據(jù)生成插入的SQL命令語句執(zhí)行插入

11、命令，將數(shù)據(jù)添加到數(shù)據(jù)庫表中關(guān)閉數(shù)據(jù)庫返回到提示頁面，查看是否已經(jīng)添加二、信息的修改1建立修改信息頁面，頁面名稱為：update.asp，頁面設(shè)計部分，如圖所示（注意先加表單再加表格）：頁面代碼設(shè)計部分： 連接數(shù)據(jù)庫；生成Select語句，搜索出要修改的記錄值；建立顯示對象，為頁面上顯示值做準備；設(shè)置每個表單對象的value值，注意不同對象的顯示方法；設(shè)置本頁面表單的跳轉(zhuǎn)頁面（updateend.asp）頁面部分：建立如圖所示頁面代碼部分設(shè)計：連接數(shù)據(jù)庫；保存網(wǎng)頁中修改的數(shù)據(jù)（無論有沒有修改都保存）；建立顯示對象，為頁面上顯示值做準備；生成Update語句；執(zhí)得Update語句；關(guān)閉數(shù)據(jù)庫 三

12、、信息的瀏覽與刪除1.瀏覽頁面設(shè)計部分：建立與實訓(xùn)內(nèi)容相對符合的網(wǎng)頁界面，頁面名稱為：display.asp，插入一個兩行三列的表格，合理布局,輸入與數(shù)據(jù)庫表中信息對應(yīng)的列名，如圖所示：2.瀏覽代碼設(shè)計部分： 找出須循環(huán)的行的HTML代碼，在前后插入相應(yīng)的ASP腳本代碼，包含如下分步驟：連接數(shù)據(jù)庫；生成Select語句建立顯示對象序號變量設(shè)置開始循環(huán)，判斷條件為指針是否移到表的尾部（循環(huán)的HTML代碼段）移動數(shù)據(jù)庫表指針序號變量增加回到開始循環(huán)在表格單元格中插入與列名相對應(yīng)的字段顯示對象，瀏覽結(jié)果如下圖所示：3、建立編輯頁面，頁面名稱為：edit.asp，頁面是建立在display.asp頁面

13、基礎(chǔ)上的，只須在加入時間列后加入一列，如圖所示：4、建立刪除功能頁面，頁面名稱為：del.asp連接數(shù)據(jù)庫；生成刪除語句，刪除指定的記錄；執(zhí)行刪除操作；跳轉(zhuǎn)到編輯頁面；代碼如下：項目四：圖片上傳及顯示 項目分析:主要是asp頁面中關(guān)于文件組件的使用實訓(xùn)目的:（1）掌握數(shù)據(jù)庫表記錄的修改命令（2）掌握圖片傳遞時參數(shù)的傳遞。實訓(xùn)要點：（1）信息修改（2）各類表單對象Value值的設(shè)置（3）參數(shù)的傳遞實訓(xùn)指導(dǎo)：圖片上傳在站點中頁面edit.asp中加入一列，如圖所示：設(shè)定上傳圖片的超級鏈接為a-pic.asp?id=在超鏈接前放入語句%if rs(photo) then% a href=imags/

14、 超鏈接后放入建立頁面a-pic.asp，建立如下表單，并在表單內(nèi)設(shè)置語句如圖所示： 設(shè)定文件域名稱為fruit設(shè)定表單的提交動作為a-pic-upp.asp，方法：post，建立a-pic-upp.asp頁面，設(shè)定如下代碼： %dim filenamepath = Server.MapPath(imags/)filename = SaveFile(fruit,path,6000,0)sql=update guide set photo=&filename& where auto_id=&session(id)conn.execute sqlIf filename Then If filena

15、me *TooBig* Then Response.redirect edit.asp?message=& filename & session.Abandon()ElseResponse.redirect a-pic.asp?message=文件超出限制太大(圖片顯示在新聞顯示頁面readnews.asp中，在內(nèi)容的現(xiàn)實下加入代碼： %if xs(photo) then% img src=admin/imags/ width=450 height=300 / 項目五：新聞搜索項目分析:主要用到了模糊查詢實訓(xùn)目的:（1）掌握表單的設(shè)置（2）掌握模糊查詢語法。實訓(xùn)要點：（1）模糊查詢語句（2）各

16、類表單對象Value值的設(shè)置（3）參數(shù)的傳遞實訓(xùn)指導(dǎo)：建立select頁面，插入表單，如下圖所示：設(shè)置文本框的名稱分別為content與word，提交的動作為select_list.asp建立select_list.asp頁面，在最上方放入數(shù)據(jù)庫鏈接語句，在搜索結(jié)果那行下加入代碼：%連接數(shù)據(jù)庫connstr=DBQ=+server.mappath(admin/data.mdb)+;DefaultDir=;DRIVER=Microsoft Access Driver (*.mdb);set conn=server.createobject(ADODB.CONNECTION)conn.open c

17、onnstrcontent=request(content) if request(word)=請輸入關(guān)鍵字 or request(word)= thenword=elseword=request(word)end ifset rs=server.CreateObject(adodb.recordset)if content0 and word then sql=select * from guide where &content& like %&word&% order by auto_id desc elseresponse.redirect select_error.aspend if

18、rs.open sql,conn,1,1page=request(page)rs.pagesize=6pgnm=rs.pagecountif page=or cint(page)=1 then page=1 end ifif pgnm0 then rs.absolutepage=page end ift=0do while not rs.eof and t在下行中加入代碼：6、在下行的td單元格內(nèi)輸入代碼： %if cint(page)=1 thenresponse.write首頁elseresponse.write首頁end if% =pgnm thenresponse.write下一頁elseresponse.write下一頁end if% %if cint(page)=1 thenresponse.writ