《電子商務(wù)網(wǎng)站建設(shè)設(shè)計與維護》實驗指導(dǎo)書.doc

此文檔收集于網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系網(wǎng)站刪除電子商務(wù)網(wǎng)站建設(shè)與維護實驗指導(dǎo)書編寫人： 系 別： 鄭州目 錄實訓(xùn)1 HTML標注語言入門及基本操作1實訓(xùn)2 HTML語言超鏈接3實訓(xùn)3 HTML的表格和表單6實訓(xùn)4 多媒體操作12實訓(xùn)5 CSS樣式14實訓(xùn)6 ASP的運行環(huán)境及相關(guān)配置15實訓(xùn)7 JavaScript綜合實訓(xùn)17實訓(xùn)8 Request和Response對象應(yīng)用實訓(xùn)20實訓(xùn)9 Server對象應(yīng)用實訓(xùn)24實訓(xùn)10 Session和Application對象應(yīng)用實訓(xùn)26實訓(xùn)11 Access 2000數(shù)據(jù)庫、表的創(chuàng)建與管理29實訓(xùn)12 ASP開發(fā)基于Access數(shù)據(jù)庫的留言本31實訓(xùn)13 圖書管理系統(tǒng)實訓(xùn)35此文檔僅供學(xué)習(xí)與交流實訓(xùn)1 HTML標注語言入門及基本操作【實訓(xùn)前的準備】1檢查是否連接了Internet。2檢查操作系統(tǒng)是否Windows 98/2000或Windows XP。3在除C：盤上（可以在D：盤、E盤、或其他邏輯盤）創(chuàng)建一個新文件夾，名字為student。4檢查系統(tǒng)是否有：Word 2000、Dreamweaver、FrontPage、記事本等軟件?！緦嵱?xùn)目的要求】1了解HTML標注語言的運行環(huán)境。2熟悉HTML標注語言的編輯工具。3掌握HTML的基本結(jié)構(gòu)。4學(xué)會HTML基本標簽的使用方法?！緦嵱?xùn)內(nèi)容及操作步驟】【操作一】1打開記事本軟件。2輸入以下內(nèi)容：HTML入門實訓(xùn)這是最為基礎(chǔ)的實訓(xùn),此正文是無格式顯示的正文，可以從運行結(jié)果看出來。3將文件保存在D:student111.txt。（編輯修改用）4將文件保存在D:student111.html。（運行用）【操作二】1打開記事本軟件。2輸入以下內(nèi)容：標題格式示例一級標題H1，最大(網(wǎng)站建設(shè))二級標題H2，粗體(網(wǎng)站建設(shè))三級標題H3，左對齊(網(wǎng)站建設(shè))四級標題H4，居中對齊(網(wǎng)站建設(shè))五級標題H5，右對齊(網(wǎng)站建設(shè))六級標題H6，最小(網(wǎng)站建設(shè)) 3將文件保存在D:student112.txt。4將文件保存在D:student112.html?！舅伎碱}】1實訓(xùn)中為什么要使用記事本來作為HTML語言編輯的工具？2使用Word軟件能否創(chuàng)建.html文件類型？如何操作？【實訓(xùn)報告】實訓(xùn)報告的格式如下：1實訓(xùn)過程 目的要求：實訓(xùn)內(nèi)容：實訓(xùn)步驟：輸入：輸出：2實訓(xùn)結(jié)果（1）程序運行結(jié)果數(shù)據(jù)： 結(jié)果數(shù)據(jù)登記表 題目程序運行結(jié)果運行情況 （2）實訓(xùn)出錯結(jié)果分析： 設(shè)計出錯情況登記表 題目編譯出錯處改正 3總結(jié) 通過實訓(xùn)，總結(jié)自己掌握程度，分析出錯原因，提出改進措施。實訓(xùn)2 HTML語言超鏈接【實訓(xùn)目的要求】1掌握超鏈接概念；2掌握定位點的概念；3掌握超鏈接指針的概念；4學(xué)會超鏈接的使用方法；5學(xué)會創(chuàng)建書簽的使用方法。 【實訓(xùn)內(nèi)容及操作步驟】【操作一】1打開記事本軟件。2輸入以下內(nèi)容：超鏈接實訓(xùn)檢查以前的實訓(xùn)結(jié)果 a href=d:student111.htmlHTML入門實訓(xùn) 標題格式實訓(xùn) 無序清單實訓(xùn) 改變無序清單條目標記實訓(xùn)3將文件保存在D:student131.txt。4將文件保存在D:student131.html。【操作二】1打開記事本軟件。2輸入以下內(nèi)容：超鏈接網(wǎng)站實訓(xùn)進入門戶網(wǎng)站主頁 a href=網(wǎng)易網(wǎng)站主頁 搜狐網(wǎng)站主頁 新浪網(wǎng)站主頁 Google搜索引擎網(wǎng)站3將文件保存在D:student132.txt。4將文件保存在D:student132.html?！静僮魅?打開記事本軟件。2輸入以下內(nèi)容：定位點(書簽)實訓(xùn)定位點(書簽)操作 a href=d:student134.html#web1第一章 第二章 第三章 第四章3將文件保存在D:student133.txt。4將文件保存在D:student133.html。5等“操作四”輸入完成后再運行。【操作四】1打開記事本軟件。2輸入以下內(nèi)容：定位點(文件)實訓(xùn)定位點(文件)操作 a name=#web1第一章 HTML基礎(chǔ)知識 HTML語言的特點 HTML語言的功能 HTML語言的結(jié)構(gòu) 第二章 文字控制 標題格式 文字顏色 文字對齊 第三章 超鏈接 什么是超鏈接 什么是定位點 如何實現(xiàn)鏈接 第四章 表格與圖形 表格形式 表格插入 圖形鏈接返回3將文件保存在D:student134.txt。4將文件保存在D:student134.html。6用鼠標器點擊該頁面上的任何書簽項目，就可定位到該項目中去。要注意的是，由于內(nèi)容比較少，在運行該文件時將窗口縮小到圖1.11所示的位置?！舅伎碱}】1什么是超鏈接？2什么是定位點？3什么是超鏈接指針？4什么是資源定位器？【實訓(xùn)報告】實訓(xùn)報告的格式同上 實訓(xùn)3 HTML的表格和表單【實訓(xùn)目的要求】1掌握HTML表格的概念；2掌握HTML表單的概念；3熟練掌握HTML表格的制作方法的技巧；4學(xué)會HTML表單的制作方法。 【實訓(xùn)內(nèi)容及操作步驟】【操作一】1打開記事本軟件。2輸入以下內(nèi)容：簡單表格制作方法學(xué)生基本情況表 姓名性別年齡籍貫總分專業(yè)特長王小林男25寧波567電子商務(wù)軟件開發(fā)朱風(fēng)烽男23上海542現(xiàn)代物流網(wǎng)絡(luò)游戲?qū)O偉萍女22南京587計算機ASP語言張生笑女24蘇州512電子商務(wù)數(shù)據(jù)庫開發(fā)周衛(wèi)文男25上海541現(xiàn)代物流網(wǎng)絡(luò)游戲3將文件保存在D:student141.txt。4將文件保存在D:student141.html。5運行141.html文件后查看結(jié)果?！静僮鞫?打開記事本軟件。2輸入以下內(nèi)容：復(fù)雜表格制作方法教學(xué)業(yè)績定量表 大項系項完成課時自評分自評分考評分 教 學(xué) 業(yè) 績 50 分 教 學(xué) 工 作 量 （40分）滿教學(xué)工作量180課時得40分，每超50課時加1分。（雙肩挑人員工作量減半） 第一學(xué)期課程名稱授課班級完成課時48分45分VB程序設(shè)計 電子商務(wù)概論 VFP數(shù)據(jù)庫管理 計算機200401 電子商務(wù)200506 現(xiàn)代物流200304 80課時 48課時 76課時 第二學(xué)期電子商務(wù)網(wǎng)站建設(shè) 網(wǎng)絡(luò)營銷與策劃 商業(yè)信息技術(shù)電子商務(wù)200302 電子商務(wù)200201 電子商務(wù)20020480課時 76課時 48課時論文指導(dǎo)24人 教學(xué)效果10分 考核優(yōu)秀為10分，良好為8分，一般為5分，較差不計分，（本項按已通過的教學(xué)評估的結(jié)果打分，尚未進行教學(xué)評估的，由系、教研室組織考核，進行打分。學(xué)院評估結(jié)果有效期為二年）3將文件保存在D:student142.txt。4將文件保存在D:student142.html。5運行142.html文件后查看結(jié)果?！静僮魅?打開記事本軟件。2輸入以下內(nèi)容：簡單表單制作方法學(xué)生學(xué)習(xí)情況調(diào)查表 姓名： 學(xué)號： 男： 女 所在城市 上海 南京 寧波 北京 西安 您喜歡的課程： 電子商務(wù) VB程序設(shè)計 C程序設(shè)計 西方經(jīng)濟學(xué) 網(wǎng)絡(luò)營銷 網(wǎng)站建設(shè) ASP程序設(shè)計 電子商務(wù)與物流 3將文件保存在D:student143.txt。4將文件保存在D:student143.html。5運行143.html文件后查看運行結(jié)果?！静僮魉摹?打開記事本軟件。2輸入以下內(nèi)容：復(fù)雜表單制作方法商品信息反饋表 客戶名稱： 賬號： 密碼： 單位性質(zhì)： 國營集體 個體 合資 獨資 所在城市 上海 南京 寧波 北京 西安 您喜歡的商品： 筆記本電腦 數(shù)碼照相機 數(shù)字電視機彩信手機 滾筒洗衣機 數(shù)字電冰箱 歐式燃氣灶中央空調(diào) 建議和意見：您有什么好的建議和意思請寫在這里： 3將文件保存在D:student144.txt。4將文件保存在D:student144.html。5運行144.html文件后查看運行結(jié)果。【小結(jié)】通過以上的實訓(xùn)可以使學(xué)生掌握表格和表單的概念，學(xué)會表格的制作方法和技巧，掌握表單的一般制作方法。表格各單元格中的顏色可以根據(jù)以下的幾個命令得到：表格的背景色彩 行的背景色彩表元的背景色彩或 #=rrggbb 16進制 RGB數(shù)碼, 或者是下列預(yù)定義色彩名稱：Black（黑色） Olive(橄欖色)Teal(深青色) Red（紅色）Blue（藍色） Maroon(茶色)Navy(深藍色) Gray(灰色)Lime（淺綠色） Fuchsia(紫紅色)White(白色) Green(綠色)Purple(紫色) Silver(銀色)Yellow（黃色） Aqua (水綠色) 【思考題】1表格標題的位置由什么屬性決定，請說出其格式。2表格的邊框尺寸由什么屬性決定，請說出其格式。3說出表格單元格內(nèi)的文字對齊方式，請說出其格式。4如何實現(xiàn)跨多行、多列的表元，請說出其格式。【實訓(xùn)報告】實訓(xùn)報告的格式同上實訓(xùn)4 多媒體操作【實訓(xùn)目的要求】1熟悉多媒體運行環(huán)境。2熟悉音樂文件類型和視頻文件類型。3掌握音樂播放的方法和技巧。4學(xué)會視頻播放的方法和技巧?！緦嵱?xùn)前的準備】1下載若干個音樂文件。2下載若干個視頻文件?！緦嵱?xùn)內(nèi)容及操作步驟】【操作一】1打開記事本軟件。2輸入以下內(nèi)容：播放音樂Mid音樂播放作為背景音樂來播放。3將文件保存在D:student161.txt。4將文件保存在D:student161.html。5運行161.html文件后，即可聽到mid音樂，并可作為背景音樂來播放了?！静僮鞫?打開記事本軟件。2輸入以下內(nèi)容：播放音樂Mid音樂播放出現(xiàn)控制面板了，你可以控制它的開與關(guān)，還可以調(diào)節(jié)音量的大小。3將文件保存在D:student162.txt。4將文件保存在D:student162.html。5運行162.html文件后，即可聽到mid音樂，并可調(diào)節(jié)音量。【操作三】1打開記事本軟件。2輸入以下內(nèi)容：播放視頻播放電影3將文件保存在D:student163.txt。4將文件保存在D:student163.html。5運行163.html文件后即可得到結(jié)果。【小結(jié)】通過以上的實訓(xùn)可以使學(xué)生掌握音樂和視頻的概念，學(xué)會視頻播放的方法,掌握音樂播放和用音樂作為背景的方法和技巧。在作音樂或視頻播放時，必須在本目錄或其他指定的目錄上存在音樂文件或視頻文件，音樂文件可以是：MAV、MIDI、MP3等。視頻文件可以是：AVI、MOV、RMVB等。 【思考題】1請說出常用的音樂文件類型有哪幾種？2請說出常用的視頻文件類型有哪幾種？3請說出你使用什么軟件來聽音樂文件的？4請說出你使用什么軟件來看視頻文件的？【實訓(xùn)報告】實訓(xùn)報告的格式同上：實訓(xùn)5 CSS樣式【實訓(xùn)前的準備】1檢查是否連接了Internet。2檢查操作系統(tǒng)是否Windows 98/2000或Windows XP。3在除C：盤上（可以在D：盤、E盤、或其他邏輯盤）創(chuàng)建一個新文件夾，名字為student。4檢查系統(tǒng)是否有：Word 2000、Dreamweaver、FrontPage、記事本等軟件?！緦嵱?xùn)目的要求】1掌握CSS的概念，其作用。2掌握CSS用于定位、修飾頁面等常用樣式屬性的設(shè)置方法。3掌握CSS用于頁面進行排版的各樣式屬性的設(shè)置方法?！緦嵱?xùn)內(nèi)容及操作步驟】【操作】1 打開Dreamweaver軟件，創(chuàng)建站點；2 利用Dreamweaver的“CSS樣式”面板創(chuàng)建樣式；3 制作網(wǎng)站首頁后，并利用樣式進行美化：重點練習(xí)使用文字的排版、邊框、區(qū)塊、背景等相關(guān)的設(shè)置；4 打開樣式表文件對其中的樣式代碼進行修改，練習(xí)使用滾動條的CSS樣式、鼠標的CSS樣式等；5 利用樣式表的“鏈接”，設(shè)置其他子頁面的CSS樣式；6 詳細操作內(nèi)容及結(jié)果參加課堂教學(xué)實例?！拘〗Y(jié)】通過以上的實訓(xùn)可以使學(xué)生了解CSS的格式化屬性，如何通過對這些屬性的設(shè)置來對網(wǎng)頁進行修飾?！舅伎碱}】1通過練習(xí)掌握CSS的定位屬性：position、top、left、width、和height。2通過練習(xí)掌握CSS的分級屬性：display。3通過練習(xí)掌握CSS的字體設(shè)置屬性：font-family、font-style、font-variant、font-weight、font-size等。4通過練習(xí)掌握CSS的文本控制屬性：text-align、text-indent、letter-spacing、line-height、text-decoration等。5通過練習(xí)掌握CSS的顏色和背景控制屬性：color、background-color、background-image、background-reapeat、 background-attachment、 background-position等。6通過練習(xí)掌握CSS的容器屬性：margin、border、padding。7通過練習(xí)掌握CSS的常用濾鏡的用法：（語法XML元素名filter: 濾鏡名稱（濾鏡的參數(shù)和參數(shù)值）；Alpha濾鏡、Blur濾鏡、Chroma濾鏡、DropShadow濾鏡、Glow濾鏡、Shadow濾鏡等?！緦嵱?xùn)報告】實訓(xùn)報告的格式同上實訓(xùn)6 ASP的運行環(huán)境及相關(guān)配置【實訓(xùn)前的準備】1檢查是否連接了Internet。2檢查操作系統(tǒng)是否為Windows 98/2000或Windows XP。3檢查是否裝有IIS或PWS【實訓(xùn)目的要求】1了解ASP的運行環(huán)境。2熟悉IIS中的相關(guān)配置。3掌握如何運行ASP文件?！緦嵱?xùn)內(nèi)容及操作步驟】【操作一】IIS5.0的安裝1如果系統(tǒng)中IIS5.0沒有安裝，可以在控制面板的添加/刪除程序中選擇添加刪除 Windows 組件中選擇添加 IIS組件，（本操作介紹采用的是win2000的環(huán)境）。2將“Windows 2000”安裝盤放入光驅(qū)中，然后點擊“下一步”。這個步驟可能會花幾分鐘。點擊“完成”按鈕，完成IIS的安裝。3安裝完成后，在瀏覽器的地址欄中輸入：http:/localhost或即可進行測試。4如果出現(xiàn)“歡迎使用windows 2000 internet 服務(wù)”的網(wǎng)頁畫面，即IIS配置成功?！静僮鞫縄IS的WEB站點基本配置1選擇“開始”“程序”“管理工具”“Internet服務(wù)管理器”，打開Internet信息服務(wù)管理單元。2.設(shè)置主目錄所在的位置，主目錄用來存放站點文件的位置，默認是 %system%Inetpubwwwroot。點擊“瀏覽”可以選擇其他目錄作為存放站點文件的位置，同時，根據(jù)用戶的使用，還可以賦予訪問者一些權(quán)限，例如目錄瀏覽、寫入等。3配置 IP 和 主機頭。這里可以指定 WEB 站點的 IP，如沒有特別需要，則選擇全部未分配。IP 地址這一下拉菜單中可以選擇你的 WEB 服務(wù)器 IP，缺省情況下應(yīng)該選擇 (全部未分配)。TCP 默認端口是 80，如修改了端口，則需要用 http:/ip:端口 這種格式進行瀏覽設(shè)置。4設(shè)定默認文檔。每個網(wǎng)站都會有默認文檔，默認文檔就是訪問者訪問站點時首先要訪問的那個文件。（1）主文檔：定該站點的首頁文件名,訪問者會按照默認文檔的順序訪問該站點。要在瀏覽器請求指定文檔名的任何時候提供一默認文檔，請選擇該復(fù)選框。默認文檔可以是目錄的主頁或包含站點文檔目錄列表的索引頁。（2）當(dāng)需要添加一個新的默認文檔，單擊“添加”?？梢允褂迷撎匦灾付ǘ鄠€默認文檔。按出現(xiàn)在列表中的名稱順序提供默認文檔。服務(wù)器將返回所找到的第一個文檔。（3）當(dāng)需要更改搜索順序，選擇一個文檔并單擊箭頭按鈕。（4）當(dāng)需要從列表中刪除默認文檔，單擊“刪除”。5設(shè)定訪問權(quán)限。一般賦予訪問者有匿名訪問的權(quán)限，也可以自己設(shè)置訪問權(quán)限。配置 Web 服務(wù)器的驗證和匿名訪問功能，請單擊“編輯”。使用該功能配置 Web 服務(wù)器在授權(quán)訪問受限制內(nèi)容之前確認用戶的身份。但是，首先必須創(chuàng)建有效的 Windows 用戶帳戶，然后配置這些帳戶的 Windows 文件系統(tǒng) (NTFS) 目錄和文件訪問權(quán)限，服務(wù)器才能驗證用戶的身份?！静僮魅縄IS站點的目錄管理1在Internet信息服務(wù)管理單元中，選中要添加虛擬目錄的Web站點。點擊鼠標右鍵，從快捷菜單中選擇“新建”“虛擬目錄”命令，啟動新建虛擬目錄向?qū)А?單擊“下一步”按鈕，在出現(xiàn)的“虛擬目錄別名”對話框中輸入要創(chuàng)建的虛擬目錄的別名。（如輸入“student”）3單擊“下一步”按鈕，在出現(xiàn)的“Web站點內(nèi)容目錄”對話框中輸入要創(chuàng)建的虛擬目錄對應(yīng)的物理目錄路徑。4單擊“下一步”按鈕，在出現(xiàn)的“訪問權(quán)限”對話框中，設(shè)置所創(chuàng)建的虛擬目錄的訪問權(quán)限。5單擊“下一步”按鈕，完成虛擬目錄的創(chuàng)建?！静僮魉摹緼SP簡單程序運行實訓(xùn)1打開記事本或者Dreamweaver軟件（或者如：Visual interDev）2輸入以下內(nèi)容：ASP運行程序現(xiàn)在是：3將文件保存在D:studenttest.txt。（編輯修改用）4將文件保存在D:studenttest.asp。（運行用）5.將該文件拷到C:Inetpubwwwroot文件夾下，然后在地址欄中輸入：/test.asp運行test.asp文件后即可得到結(jié)果。6如果建立了虛擬路徑后，也可以把文件放在虛擬路徑的文件夾下，然后在地址欄中輸入：http:/localhost/student/test.asp運行后得到結(jié)果。【小結(jié)】 IIS提供了一套完整的、易于使用的WEB站點架設(shè)方案。它與Windows NT/2000 Server緊密的結(jié)合，除了用于架設(shè)WEB站點的HTTP服務(wù)器，還集成了用于文件傳輸?shù)腇TP服務(wù)器，用于郵件發(fā)送的SMTP服務(wù)器和用于提供新聞組服務(wù)的NNTP服務(wù)器。通過以上的實驗可以使學(xué)生了解IIS的基本運行環(huán)境，熟悉IIS中的web站點的基本設(shè)置以及IIS中虛擬目錄的創(chuàng)建和管理。為以后的實驗運行打好基礎(chǔ)。如果要深入去了解IIS的WEB站點架設(shè)方案，還必須掌握IIS的配置的其他知識，這里不再深入去介紹。 【思考題】1IIS中如何創(chuàng)建新的站點？2IIS中如何配置FTP服務(wù)器？具體如何操作的？3IIS中如何實現(xiàn)網(wǎng)站的安全控制？4IIS中如何配置SMTP服務(wù)器？具體如何操作的？5IIS中如何創(chuàng)建虛擬目錄？具體如何操作的？【實訓(xùn)報告】報告格式同上。實訓(xùn)7 JavaScript綜合實訓(xùn)【實訓(xùn)前的準備】1檢查是否連接了Internet。2檢查操作系統(tǒng)是否Windows 98/2000或Windows XP。3在除C：盤上（可以在D：盤、E盤、或其他邏輯盤）創(chuàng)建一個新文件夾，名字為student。4檢查系統(tǒng)是否有：Word 2000、Dreamweaver、FrontPage、記事本等軟件。【實訓(xùn)目的要求】1了解JavaScript的運行環(huán)境。2熟悉JavaScript的編輯工具。3了解JavaScript的事件處理功能。4熟悉JavaScript在HTML中的應(yīng)用?！緦嵱?xùn)內(nèi)容及操作步驟】【操作一】JavaScript中顯示具體日期和時間實訓(xùn)1打開記事本或者Dreamweaver軟件。2輸入以下內(nèi)容：時間和日期顯示today=new Date();function initArray() this.length=initArray.arguments.length for(var i=0;ithis.length;i+) thisi+1=initArray.argumentsi var d=new initArray( 星期日, 星期一, 星期二, 星期三, 星期四, 星期五, 星期六);document.write( , today.getYear(),年, today.getMonth()+1,月, today.getDate(),日, dtoday.getDay()+1, ); /顯示當(dāng)前的日期和時間3將文件保存在D:studentJavaScript.txt。（編輯修改用）4將文件保存在D:studentJavaScript html。（運行用）5運行JavaScript.html文件后即可得到結(jié)果。【操作二】JavaScript中按時間顯示問候語實訓(xùn)1打開記事本軟件。2輸入以下內(nèi)容：按時間顯示歡迎詞now = new Date(),hour = now.getHours()/獲取當(dāng)前系統(tǒng)的時間if(hour 8)document.write(您早!)else if (hour 12)document.write(早上好!)else if (hour 14)document.write(午安!)else if (hour 17)document.write(下午好!)else if (hour 22)document.write(晚上好!)else if (hour 24)document.write(晚安!)/通過系統(tǒng)的時間判斷，顯示不同的問候語3將文件保存在D:studentJavaScript1.txt。4將文件保存在D:studentJavaScript1.htm