電子商務(wù)網(wǎng)站建設(shè)與維護(hù)_第1頁
電子商務(wù)網(wǎng)站建設(shè)與維護(hù)_第2頁
電子商務(wù)網(wǎng)站建設(shè)與維護(hù)_第3頁
電子商務(wù)網(wǎng)站建設(shè)與維護(hù)_第4頁
電子商務(wù)網(wǎng)站建設(shè)與維護(hù)_第5頁
已閱讀5頁,還剩122頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

電子商務(wù)網(wǎng)站建設(shè)與維護(hù)1.1電子商務(wù)概述建立電子商務(wù)網(wǎng)站是走向電子商務(wù)的第一步。1.1.1電子商務(wù)的概念電子商務(wù)(EC,electroniccommerce):通過電子手段來建立一種新的經(jīng)濟(jì)秩序;是具有商業(yè)活動能力的實體進(jìn)行的網(wǎng)絡(luò)化、數(shù)字化的商業(yè)貿(mào)易活動。1.1.2電子商務(wù)網(wǎng)站的特點、分類電子商務(wù)網(wǎng)站是電子商務(wù)系統(tǒng)工作的主要承擔(dān)者與表現(xiàn)者(窗口,交互平臺)由一系列網(wǎng)頁、編程技術(shù)、后臺數(shù)據(jù)庫構(gòu)成有廣告宣傳、經(jīng)銷代理、運輸中介等作用1.1.2電子商務(wù)網(wǎng)站的特點、分類電子商務(wù)網(wǎng)站的特點P2商務(wù)性服務(wù)性集成性可擴(kuò)展性安全性協(xié)調(diào)性1.1.2電子商務(wù)網(wǎng)站的特點、分類按照商務(wù)目的和業(yè)務(wù)功能分類P3按照構(gòu)建網(wǎng)站的主體分類P4按照網(wǎng)站擁有的者職能分類P4按照產(chǎn)品線的寬度和深度分類P5按照電子商務(wù)模式分類P51.2網(wǎng)站開發(fā)綜述1.結(jié)構(gòu)化系統(tǒng)開發(fā)方法P62.原型法P83.面向?qū)ο蟮南到y(tǒng)開發(fā)方法P91.2網(wǎng)站開發(fā)綜述1.2.2電子商務(wù)網(wǎng)站開發(fā)核心技術(shù)Web技術(shù)(IIS等)標(biāo)記語言技術(shù)(靜態(tài)頁面HTML、XML)數(shù)據(jù)庫技術(shù)(數(shù)據(jù)存儲和檢索Oracle、SQLServer)動態(tài)網(wǎng)頁技術(shù)(可交互ASP、PHP、JSP)1.3電子商務(wù)網(wǎng)站的運行環(huán)境HTML基礎(chǔ)P60例簡單的HTML文檔

<html>→標(biāo)簽<head><title>威海歡迎您!</title>→標(biāo)題部分</head><body>這里是威海職業(yè)學(xué)院!→網(wǎng)頁主體</body></html>標(biāo)簽成對出現(xiàn):<>……</>每對標(biāo)簽有特定含義HTML基礎(chǔ)常用標(biāo)記<br>:換行單標(biāo)記<標(biāo)記屬性1屬性2屬性3……>……</標(biāo)記><fontface=?size=?color=?>…</font>

Size:設(shè)置字體的顯示字號,范圍是從“1~7”,其中“3”是默認(rèn)值。

Color:設(shè)置文本的顏色,值可以是顏色名(英文如red代表紅色)或顏色的十六進(jìn)制代碼(#000000代表黑色,#FFFFFF代表白色)。

Face:設(shè)置文本顯示的字體,值為字體的名稱HTML基基礎(chǔ)常常用標(biāo)標(biāo)記<bgcolor>背景色色<body>的的屬性性<b></b>(黑體體),,<i></i>((斜體體),,<u></u>((加加下劃劃線))HTML基基礎(chǔ)P62例3.2<hr>加加水水平線線,單單標(biāo)簽簽<hrwidth=100>定定義絕絕對長長度像素<hrwidth=50%%>定定義相相對長長度百分比比例3.3顏顏色色法1::Color=red法2::Color=#RRGGBB十六進(jìn)進(jìn)制法3::Color=rgb(RRR,GGG,BBB)十進(jìn)制0~255HTML基基礎(chǔ)P65Body部部分的使用用方法bgcolorlinkalinkvlinkleftmargintopmarginHTML基基礎(chǔ)P66例3.5定義標(biāo)題<h1>………</h1>最最大<h6>………</h6>最最小小對齊方式如:<h1align=left>……</h1>centerrightHTML基基礎(chǔ)P68例3.63.7<pre>……</pre>文文本按原有格式輸出例3.8表表格<table>………</table>定定義表格格<tr>………</tr>定定義表表格行<th>………</th>定定義表格頭的列<thead>………</thead>定義義表格頭<tbody>………</tbody>定義義表格身體<td>………</td>定定義表格身體的列HTML基基礎(chǔ)查看網(wǎng)頁源源代碼:““查看”菜菜單→源文文件動態(tài)網(wǎng)頁::主頁→心心理健康*.asp主主頁→08招生錄錄取查詢靜態(tài)網(wǎng)頁::*.htmHTML練練習(xí)1.文件名名為shi.htm,網(wǎng)頁標(biāo)標(biāo)題為“李李白的詩””,內(nèi)容及及格式為::獨坐敬亭山山[唐]李白白

眾鳥高高飛盡,孤孤云獨去去閑。相相看兩不厭厭,只有敬亭山山。題目藍(lán)色、、加下劃線線,其余詩詩句紅色,,全部居中中,背景不不是白色,,加一條長長度為100像素的的水平線。。HTML練練習(xí)2.文件名名為chengji.htm,網(wǎng)頁標(biāo)標(biāo)題為“成成績”,網(wǎng)網(wǎng)頁內(nèi)容為為如下表格格,邊框?qū)拰挾葹?::姓名英語計算機(jī)李明89952.1網(wǎng)站站的需求分分析來自于客戶的需求求或出于公司自身發(fā)發(fā)展的需求。網(wǎng)站需求分分析的4個階段:用戶調(diào)查市場調(diào)查編制網(wǎng)站功功能描述書書評審2.1網(wǎng)站站的需求分分析2.1.2用戶調(diào)查查P17調(diào)查的形式式:調(diào)查的主要要內(nèi)容:調(diào)查結(jié)束后后,要編寫寫《用戶調(diào)調(diào)查報告》》2.1網(wǎng)站站的需求分分析2.1.3市場調(diào)查查P18目標(biāo)客戶的的調(diào)查與分分析(個體用戶、、公司用戶戶)付款方式、、送貨方式式、年齡、、興趣、文文化程度等等競爭對手的的調(diào)查與分分析研究競爭對對手網(wǎng)站運運行和電子子商務(wù)運作作效果市場定位分分析P202.1網(wǎng)站站的需求分分析2.1.4網(wǎng)站功能能描述書P22主要內(nèi)容::概要情況調(diào)查內(nèi)容說說明調(diào)查資料匯匯編2.2網(wǎng)站站規(guī)劃2.2.1網(wǎng)站規(guī)劃劃是指在網(wǎng)站站建設(shè)前對對市場進(jìn)行分分析、確定網(wǎng)站站的目的和功能能,并根據(jù)需需要對網(wǎng)站站建設(shè)中的的技術(shù)、內(nèi)容容、費用、、測試、維維護(hù)等做出規(guī)劃劃。2.2網(wǎng)站站規(guī)劃2.2.3網(wǎng)站規(guī)劃劃的類型宣傳網(wǎng)站模模式P27宣傳企業(yè)形形象、產(chǎn)品品等,電子子宣傳手冊冊或廣告牌牌企業(yè)門戶網(wǎng)網(wǎng)站模式P27登錄到這上上網(wǎng)站,即即可得到企企業(yè)或商家家提供的所所有服務(wù)內(nèi)部管理網(wǎng)網(wǎng)站模式P28是企業(yè)的網(wǎng)網(wǎng)上辦公平平臺2.2網(wǎng)站站規(guī)劃2.2.3網(wǎng)站規(guī)劃劃的類型BtoC網(wǎng)站模模式P29圖2.5當(dāng)當(dāng)當(dāng)網(wǎng)網(wǎng)上商城BtoB網(wǎng)站模模式P30圖2.7阿阿里里巴巴主要實體:賣方企業(yè)業(yè)、買方企企業(yè)、銀行行、海關(guān)等等電子政務(wù)網(wǎng)網(wǎng)站模式P32政務(wù)公開、、網(wǎng)上辦公公3.3.2ASP簡介P753.3.2ASP簡介ASP的語語法簡介P76ASP的默默認(rèn)腳本語語言:VBScriptASP文件件中主要包包括如下內(nèi)內(nèi)容:HTML標(biāo)標(biāo)記;VBScript或或JScript語語言的程序序代碼;ASP代碼碼(<%…%>標(biāo)記包含的的部分)3.3.2ASP簡介數(shù)據(jù)庫ASP工作作原理3.3.2ASP簡介賦值:變量名=值值,把右側(cè)的的值賦給左左側(cè)的變量量如:sum=15sum=29例:3.6now:VBScript函函數(shù)例:3.7循環(huán)結(jié)構(gòu)<%fori=1to5%><fontsize=<%=i%>color=#0000ff>ASP技技術(shù)</font><br><%next%>5.4IIS應(yīng)用用P177IIS:InternetInformationServer((Service))主要功能:Web服務(wù)務(wù)器FTP服務(wù)務(wù)器SMTPNNTP安裝控制面板→→添加/刪刪除程序→→Windows組組件5.4IIS應(yīng)用用5.4IIS應(yīng)用用創(chuàng)建虛擬目錄P184虛擬目錄名名→確定具具體文件夾夾如:虛擬目目錄名:myweb具體文件夾夾:E:\shanwu\wyy那么訪問該該文件夾下下的wh.asp的的地址為:http://localhost/myweb/wh.aspVBScript基基礎(chǔ)賦值i=sum=0i=i+1sum=sum+iFor循循環(huán)for變變量=初值值to終終值step步步長……nextVBScript基基礎(chǔ)例1:j=0ForI=3to20step3j=j+1Next例2:j=1ForI=100to30step-10j=j×1nextVBScript基基礎(chǔ)<html>→→標(biāo)簽<head><title>網(wǎng)頁標(biāo)題題</title>→→標(biāo)題題部分</head><body><scriptlanguage=vbscript>→代碼</script></body></html>VBScript基基礎(chǔ)礎(chǔ)例3<html><head><title>學(xué)學(xué)習(xí)習(xí)VBScript</title></head><body><scriptlanguage=vbscript>j=0ForI=3to20step3j=j+1NextMsgboxj→彈彈出出消消息息框框,,輸輸出出變變量量j的的值值,,輸輸出出文文字字加加““””</script></body></html>VBScript基基礎(chǔ)礎(chǔ)練習(xí)習(xí)求1~~100的的和和。。((5050))VBScript基基礎(chǔ)礎(chǔ)Dowhile…………loop循循環(huán)環(huán)Dowhile(條條件件)例例::i=2dowhileI<=5I=I*2looploop條件件為為真執(zhí)行行循循環(huán)環(huán)msgbox"i的的值值是是"&iVBScript基基礎(chǔ)礎(chǔ)Do…………loopwhile循循環(huán)環(huán)Do例例::i=6doI=I*2loopwhile(條條件件)loopwhileI<=5條件件為為真執(zhí)行行循循環(huán)環(huán)msgbox"i的的值值是是"&iVBScript基基礎(chǔ)礎(chǔ)選擇擇結(jié)結(jié)構(gòu)構(gòu)If…………then…………elseIf(條件)ThenElseEndif條件為真執(zhí)行then部分,為假執(zhí)行else部分例:i=16if(i<10)thenmsgbox"i小于于10"elsemsgbox"i大于于10"endifVBScript基礎(chǔ)練習(xí):判斷一個數(shù)是是奇數(shù)還是偶偶數(shù)。提示:函數(shù)mod求求余,如8mod3的值是2ASP的內(nèi)置置對象P78ASP提供5個內(nèi)置對象象RequestResponseServerApplicationSessionASP的內(nèi)置置對象P78ASP的內(nèi)置置對象P78RequestP79用來獲取客戶端傳送給服務(wù)器的數(shù)據(jù)1.method=“post”對對應(yīng)request.form2.method=“get”對對應(yīng)request.querystring例3.18例3.19ASP的內(nèi)置置對象P78ApplicationP83在給定的應(yīng)用程程序的所有用戶之間共享信息Application.lock:確保同一一時刻僅有一一個用戶可修修改Application變量Application.unlock:允許許其他用戶修修改Application變量例3.20Application_onstartP85Application_onendASP的內(nèi)置置對象P78P85<scriptlanguage=vbscriptrunat=server>……<script>等價于<%………%>都用于包含ASP代碼,表示在在服務(wù)器端運行行ASP的內(nèi)置置對象P78SessionP85用于存儲特定定用戶會話所所需的信息。。Session_onstartSession_onendApplication_onstart事件件在Session_onstart事件之前前發(fā)生,當(dāng)應(yīng)應(yīng)用程序退出出時Application_onend事件件在Session_onend事事件之后發(fā)生生。ASP的內(nèi)置置對象P78ServerP86提供對服務(wù)器器上的方法和和屬性的訪問問。server.scripttimeoutGlobal.asa文文件相當(dāng)于ASP應(yīng)用程序的的初始化過程程,Session_onstart、Session_onend、Application_onstart、Application_onend都是在這個個文件中定義義的。練習(xí)制作包含如下下內(nèi)容的表單單(參考例3.18)申請人個人信信息:昵稱:密碼:性別:男男女女所學(xué)專業(yè):((電子商商務(wù)、報關(guān)、、市場營銷))已通過的考試試:英英語計計算機(jī)機(jī)普普通話特長:提交取消網(wǎng)網(wǎng)站定位P33網(wǎng)站主題和名稱題材、、內(nèi)容容、名名稱網(wǎng)站CI形形象CI((corporateidentity)::指通通過視視覺來來統(tǒng)一一企業(yè)業(yè)的形形象。。如統(tǒng)統(tǒng)一的的標(biāo)志、色彩及產(chǎn)品包包裝等網(wǎng)站標(biāo)標(biāo)志((LOGO)網(wǎng)站的的標(biāo)準(zhǔn)色色彩網(wǎng)站的的標(biāo)準(zhǔn)字字體網(wǎng)站的的宣傳語語2.3.2網(wǎng)站站欄目目的規(guī)規(guī)劃P38欄目版塊2.3.3網(wǎng)站站的目目錄結(jié)結(jié)構(gòu)和和鏈接接結(jié)構(gòu)構(gòu)目錄結(jié)結(jié)構(gòu)P39指網(wǎng)站站組織和和存放放站內(nèi)所所有文檔的的目錄錄設(shè)置情情況。。具體做做法::不要都存放放在根目錄錄下按欄目目建立立子目目錄每個目目錄下有獨獨立的的images目目錄(放圖圖片))目錄層次不要太太深不要使用中文名名(目錄錄名、、文件件名))2.3.3網(wǎng)站站的目目錄結(jié)結(jié)構(gòu)和和鏈接接結(jié)構(gòu)構(gòu)鏈接結(jié)結(jié)構(gòu)P40指頁面面之間間相互互鏈接接的拓拓?fù)浣Y(jié)結(jié)構(gòu)。。兩種基基本類類型::樹狀鏈鏈接結(jié)結(jié)構(gòu)((一對對一))星狀鏈鏈接結(jié)結(jié)構(gòu)((一對對多))2.3.5開發(fā)發(fā)環(huán)境境的選選擇P43操作系系統(tǒng)WindowsNTWindows2000UnixLinux數(shù)據(jù)庫庫平臺臺P46Oracle、、SQLServer2.3.5開發(fā)發(fā)環(huán)境境的選選擇P43Web服務(wù)務(wù)器Apache、、IIS開發(fā)環(huán)環(huán)境和和工具具靜態(tài)頁頁面::FrontPage、、Dreamweaver動態(tài)頁頁面::ASP、、JSP、、PHP案例2.1P49熟悉Dreamweaver環(huán)境境DreamweaverMX新建網(wǎng)頁((文件件)P94文件→→新建建→類型保存網(wǎng)頁((文件件)文件→→保存存(另另存為為)→→位置置、類型((.htm.asp)打開網(wǎng)頁((文件件)文件→→保存存文字輸輸入P951.回回車::分段段(間間距大大)Shift+回回車::間距距小2.屬性面板(打開開方式式:ctrl+F3或窗口→→屬屬性)可設(shè)置置字體體、字字號、、B、、I、、顏色色(##FFFFFF)↓↓↓↓↓紅綠藍(lán)3.F12→預(yù)覽頁面效效果3種編編輯模模式設(shè)計視視圖代碼視視圖((直接編輯輯HTML代碼碼)設(shè)計與代代碼調(diào)整方式式:查看菜單文檔工具欄插入圖像像P96-98操作:插插入→圖圖像圖像屬性性(替代、、大小、、對齊、、邊框、、重設(shè)大大?。龍D片不能能正常顯顯示時顯顯示的文文字恢復(fù)原始始大小注意:路徑及及文件名名不要出現(xiàn)現(xiàn)漢字頁面屬性性P99操作方法法:法1:修改菜單→頁頁面屬性性法2:空空白處右右鍵→頁頁面屬性性設(shè)置內(nèi)容容:背景色((<bodybgcolor=#ffffff>)、、背景圖圖片、標(biāo)標(biāo)題(<title>……</title>))、左左邊距((<bodyleftmargin=>))等超級鏈接接P100-102鏈接打開一個個文件(如Word文文檔,文文件名不不含漢字字)選中文字字,單擊擊屬性面面板→鏈鏈接后的的文件夾夾電子郵件件鏈接↑法1:選選中文字字,屬性性面板→→鏈接,,輸入::mailto:完整郵郵件地址址法2:P101文件下載載鏈接與文件鏈鏈接相同同,只是是針對.rar、.zip、.exe文件超級鏈接接P100-102壓縮與解解壓壓縮目的的:目標(biāo)變小或多個對對象變?yōu)橐粋€個對象壓縮:同時選選中多個個文件或或把多個個文件放放入一個個文件夾夾中→右右鍵→選選擇壓縮縮選項第2個解壓:右擊壓縮縮文件→→選擇壓壓縮選項項第2或第第3個圖像熱區(qū)區(qū)P100使圖像的的不同區(qū)域域?qū)?yīng)不同同的鏈接接目標(biāo)熱區(qū)可移動位置及改變大小小滾動字幕幕(圖片片)標(biāo)簽<marquee>………</marquee>方向direction=right(up,down)操作:右鍵→→插入HTML→<marquee>滾動動內(nèi)容適用于圖圖片插入表單單對象插入跳轉(zhuǎn)轉(zhuǎn)菜單操作:插插入→表表單對象象→跳轉(zhuǎn)轉(zhuǎn)菜單插入表單單對象(()插入表單單對象插入表單(紅紅色虛線線)<Form>………</Form>插入文本域Type=texttextareaType=password可編輯標(biāo)標(biāo)簽插入按鈕Type=submitType=reset插入表單單對象插入列表/菜菜單<select>………</select>插入文件域(文件上上傳)插入圖像域插入隱藏域隱藏域是是用來收集集或發(fā)送送信息的的不可見見元素,,對于網(wǎng)網(wǎng)頁的訪問者來說,隱藏域是是看不見的。當(dāng)表表單被提提交時,,隱藏域就會將信信息用你你設(shè)置時時定義的的名稱和和值發(fā)送送到服務(wù)務(wù)器上。。例例如::<inputtype="hidden"name="ExPws"value="dd">>插入表單對對象插入復(fù)選框Type=checkbox插入單選按鈕Type=radio設(shè)置表單花花樣(前景景色,背景景色)style="color=ff0000;background-color:#00ff00"練習(xí)制作包含如如下內(nèi)容的的表單(參參考例3.18)乳品用戶調(diào)調(diào)查表:姓名:密碼:月收入:1000以以下1000~30003000~5000學(xué)歷:((大專專、本科、、研究生、、博士)您喜歡的產(chǎn)產(chǎn)品:酸酸奶液液態(tài)奶奶奶奶酪上傳文件::建議:提交取消表格的使用用作用:定位位文本、排排列數(shù)據(jù)操作:插入入→表格單元格內(nèi)可可添加:圖圖像、文本本、表格選擇表格P110法1:單擊擊任一邊框線法2:單擊擊某一單元元格,Ctrl+A兩次法3:單擊擊某一單元元格,單擊擊左下角<table>表格的使用用選擇行(多多行):光光標(biāo)置于行行首選擇列(多多列):光光標(biāo)置于列列頂選擇多個單單元格:按按Ctrl→單擊拆分/合并并單元格練習(xí)1.新建一一個網(wǎng)頁,,命名為““index.htm”,要要求標(biāo)題欄顯示“音樂樂網(wǎng)”,背景顏色為淡綠色。。2.在網(wǎng)頁頁中插入一一個3行5列的表格格,表格居中,第一行內(nèi)內(nèi)容為“學(xué)學(xué)院、新聞聞、音樂、、教育、校校友錄”,,其中“學(xué)學(xué)院”鏈接到“威海職職業(yè)學(xué)院首首頁”。3.在網(wǎng)頁頁中制作一一個滾動的字幕幕,內(nèi)容為““音樂網(wǎng)歡歡迎你!””。4.在網(wǎng)頁頁中插入跳轉(zhuǎn)菜單,菜單項包包括“新浪浪、百度、、威海職業(yè)業(yè)學(xué)院”。。5.在網(wǎng)頁頁中輸入““與我聯(lián)系系”,單擊擊該文字可可以打開能能夠給你發(fā)郵件的程序窗口口。練習(xí)制作包含如如下內(nèi)容的的表單(參參考例3.18)乳品用戶調(diào)調(diào)查表:姓名:密碼:月收入:1000以以下1000~30003000~5000學(xué)歷:((大專專、本科、、研究生、、博士)您喜歡的產(chǎn)產(chǎn)品:酸酸奶液液態(tài)奶奶奶奶酪上傳文件::建議:提交取消框架頁面創(chuàng)建框架頁面法1:框架架工具欄法2:文件件→新建→→框架集增加框架法1:框架架工具欄法2:直接接從外邊框框向內(nèi)拉刪除框架拖動邊框至至外邊框框架頁面保存框架(每個框架是是一個網(wǎng)頁頁文件,另另有一個總總框架頁)單個框架:光標(biāo)定位在框架架內(nèi),文件件→保存框架總框架頁:單單擊邊框,文件→保保存框架頁設(shè)置框架選擇單個框架:按Alt→單擊該框框架內(nèi)部屬性面板中(框架名、可否調(diào)整框架大小、是否有滾動條等)超鏈接的顯顯示位置框架練習(xí)1.新建一一個網(wǎng)頁,,該網(wǎng)頁包包含上下兩兩個框架,,上邊框架架頁命名為為“k1.htm””,下邊框框架頁命名名為“k2.htm”,整個個框架命名名為“zong.htm”。。2.在上邊邊框架中插插入一幅圖圖片(自選選),單擊擊該圖片可可以鏈接到到“新浪””,并顯示示在下邊框框架內(nèi)。3.在上邊邊框架中輸輸入“用戶戶調(diào)查”,,單擊該文文字鏈接到到“百度””,并以新新窗口顯示示。層(網(wǎng)頁布布局工具))可移動、可重疊的網(wǎng)頁部分分插入層:插入→→層層屬性:背背景色、大大小、位置置、Z軸(數(shù)值越大大越靠前))等例1:層內(nèi)內(nèi)滾動字幕幕例2:浮動動圖片插入→層層內(nèi)插入圖圖片修改→時間間軸→增加加對象到時時間軸設(shè)置起止點點(第1幀、最最后1幀)位置((路路徑可以是是曲線,插入關(guān)鍵幀)首選參數(shù)P89編輯菜單→參數(shù)選擇擇層練習(xí)在網(wǎng)頁中插插入一個層層,層背景景設(shè)為粉黃黃色,在層層中制作一一個滾動的的字幕效果果,內(nèi)容為為“××××歡迎你?。 ?,其中中“××××”為你的的中文姓名名。對象行為一個行為是是由一個事件所觸發(fā)的動作組成的。行為動作:如彈出消消息框、彈彈出窗口、、播放音樂樂等行為事件:如onMouseOver(鼠標(biāo)經(jīng)經(jīng)過時)onMouseOut(鼠鼠標(biāo)離開時時)onClick((鼠標(biāo)單擊擊時)onLoad(網(wǎng)網(wǎng)頁載入時時)打開行為面板法1:窗口口→行為法2:Shift+F3對象行為例1:打開開網(wǎng)頁時彈彈出新窗口口本頁面保存存為index.htm彈出的頁面面保存為pop.htm(名字不含漢漢字)在index.htm頁面,,窗口→行行為單擊“+””→打開開瀏覽器窗窗口事件→onload對象行為例2:彈出出提示信息息(如當(dāng)鼠鼠標(biāo)滑過、單擊擊、雙擊文本、圖片片等時)選中圖片((如果是文文本,需要要作空鏈接接#)窗口→行為為單擊“+””→彈出出信息事件→onmousemove(onclick)(例:禁止復(fù)制時彈出信息息,事件::onBeforeCopy)對象行為例3:設(shè)置置狀態(tài)條文文本選中圖片((文本需要要作空鏈接接#)窗口→行為為單擊“+””→設(shè)置置文本→設(shè)設(shè)置狀態(tài)條條文本事件→onmousemove(鼠標(biāo)指向?qū)ο髸r狀態(tài)條的內(nèi)容)事件→onmouseout(鼠標(biāo)離開對象時狀態(tài)條的內(nèi)容)對象行為例4:給圖圖片加文字字提示(設(shè)設(shè)置層文本本)插入圖片((或文字))插入層選中圖片窗口→行為為單擊“+””→設(shè)置置文本→設(shè)設(shè)置層文本本(輸入提示示內(nèi)容)事件→onmouseover(鼠標(biāo)指向圖片時顯示提示內(nèi)容))單擊“+””→設(shè)置置文本→設(shè)設(shè)置層文本本(內(nèi)容為空空)事件→onmouseout(鼠標(biāo)離開圖片時提示示內(nèi)容消失)對象行為例5:拖動動層(圖片片)(如拼拼圖游戲))插入3個層層在層中分別別插入圖片片窗口→行為為單擊“+””→拖動動層選擇層設(shè)為:移動動不限制事件→onmouseover(可以以拖動該層層即圖片))對象行為例6:彈出出式菜單插入一個表表格(如1行3列))選中“第一一項”,做做空鏈接#窗口→行為為單擊“+””→顯示示彈出式菜菜單設(shè)置菜單項項(“縮進(jìn)進(jìn)項”,可可以設(shè)置子子菜單)第一項第二項第三項對象行為例7:打開開窗口時播播放聲音窗口→行為為單擊“+””→播放放聲音選擇聲音文文件(文件件名不含漢字)事件→onStart單擊插件→→屬性面板→→參數(shù)LOOP→true,AUTOSTART→trueHIDDEN(是否在網(wǎng)網(wǎng)頁中顯示示播放器))CSSP113CSS(CascadingStyleSheets)層疊疊樣式表功能使多個網(wǎng)頁快速獲得一致的布局使網(wǎng)頁更精精煉(網(wǎng)頁頁文件更小?。〤SS面板板法1:窗口口→CSS樣式法2:Shift+F11CSSP113新建CSS樣式式窗口→CSS樣式單擊新新建建CSS樣樣式給當(dāng)前CSS樣式命命名(以.開頭,如.css1)保存為文件件,如mycss.css(此類型文文件為文本本文件,可可用記事本打開)設(shè)置具體的的CSS樣樣式(8個個分類)(一個*.css文文件可包含含多個CSS樣式,,如mycss.css包含含.css1、.css2、、.css3)CSSP113將已有CSS樣式應(yīng)用于其他他網(wǎng)頁打開其他網(wǎng)網(wǎng)頁文件窗口→CSS樣式單擊→→附加樣樣式表選擇CSS樣式表文文件(*.css))創(chuàng)建站點P90站點菜單→→新建站點點站點名稱((只作識別別用)是否使用服服務(wù)器技術(shù)術(shù)如何連接到到測試服務(wù)務(wù)器用什么URL瀏覽站站點根目錄錄是否啟用存存回和取出出文件完成簡單的電子子商務(wù)網(wǎng)站站模塊一:用戶管理P117用戶登錄登錄信息驗驗證新用戶注冊冊用戶信息修修改模塊二:商品展示和和查詢顯示商品信信息允許用戶查查詢商品銷售排排行簡單的電子子商務(wù)網(wǎng)站站模塊三:購物車和訂訂單生成訂購商品購物車管理理收銀結(jié)算生成訂單訂單投訴用戶管理模模塊建設(shè)P1191.數(shù)據(jù)庫庫設(shè)計(Access2000)啟動Access2000新建→數(shù)據(jù)據(jù)庫→存為為“db.mdb””雙擊“使用用設(shè)計器創(chuàng)創(chuàng)建表”表結(jié)構(gòu)如如P120圖圖4.7文件→保存存→表名為為“member””用戶管理模模塊建設(shè)P1202.用戶登登錄界面設(shè)設(shè)計新建一個站站點,站點點保存在E:\shangwuN下在IIS中中將E:\shangwuN設(shè)置為主目目錄建立index.asp界面如圖4.8代碼P121用戶管理模模塊建設(shè)P1223.驗證用用戶登錄信信息的頁面面設(shè)計創(chuàng)建login.asp代碼P123用戶管理模模塊建設(shè)P1244.新用戶戶注冊頁面面設(shè)計創(chuàng)建reg.asp表單P124創(chuàng)建客戶端端驗證文件件:regsave.asp代碼P126~P130數(shù)據(jù)庫連接接1.準(zhǔn)備好好一個Access數(shù)據(jù)庫((shangpin.mdb),并添添加記錄2.創(chuàng)建數(shù)據(jù)源控制面板→→管理工具具→數(shù)據(jù)源源(ODBC)→→系統(tǒng)工具具(SYSTEMDSN))→添加→→MicrosoftAccessDriver(*.mdb)→→完成→→數(shù)據(jù)源名名(如:mydsn)→選擇擇(已準(zhǔn)備備好的Access數(shù)據(jù)庫))→確定→→確定數(shù)據(jù)庫連接接3.創(chuàng)建站點4.設(shè)置IIS(主目錄))5.創(chuàng)建動動態(tài)ASP頁(如lx.asp))6.窗口→→“數(shù)據(jù)庫庫”面板7.“數(shù)數(shù)據(jù)庫”面面板→→→數(shù)數(shù)據(jù)源名稱稱8.連接名名稱(如::mylink)→→數(shù)據(jù)源源名稱(選選擇已創(chuàng)建建的數(shù)據(jù)源源,mydsn)→→(測測試)→確確定數(shù)據(jù)庫連接接已完成在頁面中顯顯示數(shù)據(jù)庫庫中的記錄錄1.建立記錄集窗口→“綁綁定”面板板→→→記錄錄集(查詢詢)→名稱稱(如:Recordset1)→→連接(已已創(chuàng)建的連連接,如::mylink)→→選擇字字段→(測測試)→→確定2.在ASP頁面中中,添加表表格(1行行4列)3.將綁定定”面板中中的字段逐一拖動到單元格中中4.F12預(yù)覽覽目前只顯示示一條記錄錄在頁面中顯顯示數(shù)據(jù)庫庫中的記錄錄5.重復(fù)區(qū)區(qū)域選中表格→→窗口→““服務(wù)器行行為”面板板→→→重復(fù)復(fù)區(qū)域→記記錄集(如如:Recordset1))→一頁頁顯示的記記錄條數(shù)→→確定6.F12預(yù)覽覽在頁面中向向數(shù)據(jù)庫中中的增加記記錄在前一個練練習(xí)的基礎(chǔ)礎(chǔ)上繼續(xù)進(jìn)進(jìn)行1.建立用用于輸入數(shù)數(shù)據(jù)的表單添加記錄庫存:日期:價格:產(chǎn)地:品名:條碼:插入在頁面中向向數(shù)據(jù)庫中中的增加記記錄2.設(shè)置6個單行文文本域的屬性文本域名稱稱,如條碼碼文本域,,名稱為::tiaoma品名文本域域,名稱為為:pinming產(chǎn)地文本域域,名稱為為:chandi價格文本域域,名稱為為:jiage日期文本域域,名稱為為:riqi庫存文本域域,名稱為為:kucun在頁面中向向數(shù)據(jù)庫中中的增加記記錄3.插入記記錄窗口→“服服務(wù)器行為為”面板→→→→插入記記錄→選擇擇連接(如如:mylink))→插入入到表格((detail)→→獲取值自自(form1)→→表單元元素(每個個表單項對應(yīng)插入的字段)→確定定4.F12預(yù)覽覽5.在頁面面中輸入數(shù)數(shù)據(jù),單擊擊((插插入數(shù)據(jù)可可顯示)6.設(shè)置檢檢驗主鍵數(shù)據(jù)(條碼字段段)是否重復(fù)窗口→“服服務(wù)器行為為”面板→→→→用戶身身份驗證/檢查新用用戶名→選選擇字段((如:tiaoma)→確定定插入頁面中的分分頁顯示在前一個練練習(xí)的基礎(chǔ)礎(chǔ)上繼續(xù)進(jìn)進(jìn)行1.在頁面面下部輸入入“始頁前前1頁頁后1頁末末頁”2.選中““始頁”→窗口→→“服務(wù)器器行為”面面板→→→記記錄集分頁頁/移至第一條條記錄→選擇記錄錄集(如::Recordset1)→→確定3.選中““前1頁”→窗口→→“服務(wù)器器行為”面面板→→→記記錄集分頁頁/移至前一條條記錄→選擇記錄錄集(如::Recordset1)→→確定4.選中““后1頁”→窗口→→“服務(wù)器器行為”面面板→→→記記錄集分頁頁/移至下一條條記錄→選擇記錄錄集(如::Recordset1)→→確定頁面中的分分頁顯示5.選中““末頁”→窗口→→“服務(wù)器器行為”面面板→→→記記錄集分頁頁/移至最后一一條記錄→選擇記錄錄集(如::Recordset1)→→確定完善頁面(如:顯示示第1頁時時不出現(xiàn)““始頁前前1頁”))6.選中“始頁”“前1頁”→窗口→““服務(wù)器行為為”面板→→→顯示示區(qū)域/如果不是第一一條記錄則顯顯示→選擇記錄集集(如:Recordset1)→→確定7.“末頁”“后1頁”,同理。網(wǎng)站測試P207一、功能測試試1、鏈接測試::鏈接測測試可可分為為三個個方面面。首首先,,測試試所有有鏈接接是否否按指指示的的那樣樣確實實鏈接接到了了該鏈接接的頁面;;其次次,測測試所所鏈接接的頁頁面是否存存在;最后后,保保證Web應(yīng)用用系統(tǒng)統(tǒng)上沒沒有孤孤立的的頁面面,所所謂孤立頁頁面是指沒沒有鏈鏈接指指向該該頁面面,只只有知知道正正確的的URL地地址才才能訪訪問。。網(wǎng)站測測試2、表單測試當(dāng)用戶戶給Web應(yīng)用系系統(tǒng)管管理員員提交交信息息時,,就需需要使使用表表單操操作,,例如如用戶戶注冊冊、登登陸、、信息息提交交等。。在這這種情情況下下,我我們必必須測測試提提交操操作的的完整整性,,以校校驗提提交給給服務(wù)務(wù)器的的信息息的正正確性性。例例如::用戶填填寫的的出生日日期與與職業(yè)業(yè)是否否恰當(dāng)當(dāng),填填寫的的所屬屬省份份與所所在城城市是是否匹匹配等等。如如果使使用了了默認(rèn)認(rèn)值,,還要要檢驗驗?zāi)J(rèn)認(rèn)值的的正確確性。。如果果表單單只能能接受受指定定的某某些值值,則則也要要進(jìn)行行測試試。例例如::只能能接受受某些些字符符,測測試時時可以以跳過過這些些字符符,看看系統(tǒng)統(tǒng)是否否會報報錯。。網(wǎng)站測測試3、設(shè)計語語言測試Web設(shè)計語語言版版本的的差異異可以以引起起客戶戶端或或服務(wù)務(wù)器端端嚴(yán)重重的問問題,,例如如使用用哪種種版本本的HTML等。當(dāng)當(dāng)在分分布式式環(huán)境境中開開發(fā)時時,開開發(fā)人人員都都不在在一起起,這這個問問題就就顯得得尤為為重要要。除除了HTML的版本本問題題外,,不同的的腳本本語言言,例如如Java、JavaScript、ActiveX、VBScript或Perl等也要要進(jìn)行行驗證證。網(wǎng)站測測試4、數(shù)據(jù)庫庫測試在Web應(yīng)用技技術(shù)中中,數(shù)數(shù)據(jù)庫庫起著著重要要的作作用,,數(shù)據(jù)據(jù)庫為為Web應(yīng)用系系統(tǒng)的的管理理、運運行、、查詢詢和實實現(xiàn)用用戶對對數(shù)據(jù)據(jù)存儲儲的請請求等等提供供空間間。在在Web應(yīng)用中中,最最常用用的數(shù)數(shù)據(jù)庫庫類型型是關(guān)關(guān)系型型數(shù)據(jù)據(jù)庫,,可以以使用用SQL對信息息進(jìn)行行處理理。在使用用了數(shù)數(shù)據(jù)庫庫的Web應(yīng)用系系統(tǒng)中中,一一般情情況下下,可可能發(fā)發(fā)生兩種錯錯誤,分別別是數(shù)數(shù)據(jù)一一致性性錯誤誤和輸輸出錯錯誤。。數(shù)據(jù)據(jù)一致致性錯錯誤主主要是是由于于用戶戶提交交的表表單信信息不不正確確而造造成的的,而而輸出出錯誤誤主要要是由由于網(wǎng)網(wǎng)絡(luò)速速度或或程序序設(shè)計計問題題等引引起的的,針針對這這兩種種情況況,可可分別別進(jìn)行行測試試。網(wǎng)站測測試二、性性能測測試1、連接速速度測試用戶連連接到到Web應(yīng)用系系統(tǒng)的的速度度根據(jù)據(jù)上網(wǎng)網(wǎng)方式式的變變化而而變化化,他他們或或許是是電話話撥號號,或或是寬寬帶上上網(wǎng)。。當(dāng)下下載一一個程程序時時,用用戶可可以等等較長長的時時間,,但如如果僅僅僅訪訪問一一個頁頁面就就不會會這樣樣。如如果Web系統(tǒng)響響應(yīng)時時間太太長((例如如超過過5秒鐘)),用用戶就就會因因沒有有耐心心等待待而離離開。。另外,,有些些頁面面有超超時的的限制制,如如果響響應(yīng)速速度太太慢,,用戶戶可能能還沒沒來得得及瀏瀏覽內(nèi)內(nèi)容,,就需需要重重新登登陸了了。而而且,,連接接速度度太慢慢,還還可能能引起起數(shù)據(jù)據(jù)丟失失,使使用戶戶得不不到真真實的的頁面面。網(wǎng)站測測試2、負(fù)載測試負(fù)載測測試是是為了了測量量Web系統(tǒng)在在某一一負(fù)載載級別別上的的性能能,以以保證證Web系統(tǒng)在在需求求范圍圍內(nèi)能能正常常工作作。負(fù)負(fù)載級級別可可以是是某個個時刻刻同時時訪問問Web系統(tǒng)的的用戶戶數(shù)量量,也也可以以是在在線數(shù)數(shù)據(jù)處處理的的數(shù)量量。例例如::Web應(yīng)用系系統(tǒng)能能允許許多少少個用用戶同時在在線?如果果超過過了這這個數(shù)數(shù)量,,會出出現(xiàn)什么現(xiàn)現(xiàn)象?Web應(yīng)用系系統(tǒng)能能否處處理大量用用戶對同一一個頁頁面的的請求求?網(wǎng)站測測試三、可可用性性測試試1、導(dǎo)航測試在一個個頁面面上放放太多多的信信息往往往起起到與與預(yù)期期相反反的效效果。。Web應(yīng)用系系統(tǒng)的的用戶戶趨向向于目目的驅(qū)驅(qū)動,,很快快地掃掃描一一個Web應(yīng)用用系系統(tǒng)統(tǒng),,看看是是否否有有滿滿足足自自己己需需要要的的信信息息,,如如果果沒沒有有,,就就會會很很快快地地離離開開。。很很少少有有用用戶戶愿愿意意花花時時間間去去熟熟悉悉Web應(yīng)用用系系統(tǒng)統(tǒng)的的結(jié)結(jié)構(gòu)構(gòu),,因因此此,,Web應(yīng)用用系系統(tǒng)統(tǒng)導(dǎo)導(dǎo)航航幫幫助助要要盡盡可可能能地地準(zhǔn)準(zhǔn)確確。。導(dǎo)航航的的另另一一個個重重要要方方面面是是Web應(yīng)用用系系統(tǒng)統(tǒng)的的頁頁面面結(jié)結(jié)構(gòu)構(gòu)、、導(dǎo)導(dǎo)航航、、菜菜單單、、連連接接的的風(fēng)風(fēng)格格是是否否一一致致。。確確保保用用戶戶憑憑直直覺覺就就知知道道Web應(yīng)用用系系統(tǒng)統(tǒng)里里面面是是否否還還有有內(nèi)內(nèi)容容,,內(nèi)內(nèi)容容在在什什么么地地方方。。網(wǎng)站站測測試試2、圖形形測試試在Web應(yīng)用用系系統(tǒng)統(tǒng)中中,,適適當(dāng)當(dāng)?shù)牡膱D圖片片和和動動畫畫既既能能起起到到廣廣告告宣宣傳傳的的作作用用,,又又能能起起到到美美化化頁頁面面的的功功能能。。一一個個Web應(yīng)用用系系統(tǒng)統(tǒng)的的圖圖形形可可以以包包括括圖圖片片、、動動畫畫、、邊邊框框、、顏顏色色、、字字體體、、背背景景、、按按鈕鈕等等。。圖圖形形測測試試的的內(nèi)內(nèi)容容有有::(1)要要確確保保圖圖形形有有明明確確的的用用途途,,圖圖片片或或動動畫畫不不要要胡胡亂亂地地堆堆在在一一起起,,以以免免浪浪費費傳傳輸輸時時間間。。Web應(yīng)用用系系統(tǒng)統(tǒng)的的圖圖片片尺尺寸寸要要盡量量地地小小,并并且且要要能能清清楚楚地地說說明明某某件件事事情情,,一一般般都都鏈鏈接接到到某某個個具具體體的的頁頁面面。。(2)驗驗證證所所有有頁頁面面字字體體的的風(fēng)格格是是否否一一致致。(3)背景顏色應(yīng)應(yīng)該與字體顏顏色和前景顏顏色相搭配。(4)圖片的大小小和質(zhì)量也是是一個很重要要的因素,一一般采用JPG或GIF壓縮。網(wǎng)站測試3、內(nèi)容測試內(nèi)容測試用來來檢驗Web應(yīng)用系統(tǒng)提供供信息的正確確性、準(zhǔn)確性性和相關(guān)性。。信息的正確性是指信息是可可靠的還是誤誤傳的。例如如,在商品價

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論