版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
電子商務(wù)網(wǎng)站建設(shè)與維護(hù)電子商務(wù)網(wǎng)站11.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電子商務(wù)概述建立電子商務(wù)網(wǎng)站是走向電子商務(wù)的第一21.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)站是電子商務(wù)31.1.2電子商務(wù)網(wǎng)站的特點、分類電子商務(wù)網(wǎng)站的特點P2商務(wù)性服務(wù)性集成性可擴(kuò)展性安全性協(xié)調(diào)性1.1.2電子商務(wù)網(wǎng)站的特點、分類電子商務(wù)網(wǎng)站的特點P41.1.2電子商務(wù)網(wǎng)站的特點、分類按照商務(wù)目的和業(yè)務(wù)功能分類P3按照構(gòu)建網(wǎng)站的主體分類P4按照網(wǎng)站擁有的者職能分類P4按照產(chǎn)品線的寬度和深度分類P5按照電子商務(wù)模式分類P51.1.2電子商務(wù)網(wǎng)站的特點、分類按照商務(wù)目的和業(yè)務(wù)功能分51.2網(wǎng)站開發(fā)綜述1.結(jié)構(gòu)化系統(tǒng)開發(fā)方法P62.原型法P83.面向?qū)ο蟮南到y(tǒng)開發(fā)方法P91.2網(wǎng)站開發(fā)綜述1.結(jié)構(gòu)化系統(tǒng)開發(fā)方法P661.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.2網(wǎng)站開發(fā)綜述1.2.2電子商務(wù)網(wǎng)站開發(fā)核心技術(shù)71.3電子商務(wù)網(wǎng)站的運行環(huán)境1.3電子商務(wù)網(wǎng)站的運行環(huán)境8HTML基礎(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ǔ)P60例簡單的HTML文檔9HTML基礎(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)記<br>:換行單標(biāo)記10HTML基礎(chǔ)常用標(biāo)記<bgcolor>背景色<body>的屬性<b></b>(黑體),<i></i>(斜體),<u></u>(加下劃線)HTML基礎(chǔ)常用標(biāo)記<bgcolor>11HTML基礎(chǔ)P62例3.2<hr>加水平線,單標(biāo)簽<hrwidth=100>定義絕對長度像素<hrwidth=50%>定義相對長度百分比例3.3顏色法1:Color=red法2:Color=#RRGGBB十六進(jìn)制法3:Color=rgb(RRR,GGG,BBB)十進(jìn)制0~255HTML基礎(chǔ)P62例3.212HTML基礎(chǔ)P65Body部分的使用方法bgcolorlinkalinkvlinkleftmargintopmarginHTML基礎(chǔ)P65Body部分的使用方法13HTML基礎(chǔ)P66例3.5定義標(biāo)題<h1>……</h1>最大<h6>……</h6>最小對齊方式如:<h1align=left>……</h1>centerrightHTML基礎(chǔ)P66例3.514HTML基礎(chǔ)P68例3.63.7<pre>……</pre>文本按原有格式輸出例3.8表格<table>……</table>定義表格<tr>……</tr>定義表格行<th>……</th>定義表格頭的列<thead>……</thead>定義表格頭<tbody>……</tbody>定義表格身體<td>……</td>定義表格身體的列HTML基礎(chǔ)P68例3.63.715HTML基礎(chǔ)查看網(wǎng)頁源代碼:“查看”菜單→源文件動態(tài)網(wǎng)頁:主頁→心理健康*.asp主頁→08招生錄取查詢靜態(tài)網(wǎng)頁:*.htmHTML基礎(chǔ)查看網(wǎng)頁源代碼:“查看”菜單→源文件16HTML練習(xí)1.文件名為shi.htm,網(wǎng)頁標(biāo)題為“李白的詩”,內(nèi)容及格式為:獨坐敬亭山
[唐]李白
眾鳥高飛盡,
孤云獨去閑。
相看兩不厭,只有敬亭山。題目藍(lán)色、加下劃線,其余詩句紅色,全部居中,背景不是白色,加一條長度為100像素的水平線。HTML練習(xí)1.文件名為shi.htm,網(wǎng)頁標(biāo)題為“李白的詩17HTML練習(xí)2.文件名為chengji.htm,網(wǎng)頁標(biāo)題為“成績”,網(wǎng)頁內(nèi)容為如下表格,邊框?qū)挾葹?:姓名英語計算機(jī)李明8995HTML練習(xí)2.文件名為chengji.htm,網(wǎng)頁標(biāo)題為“182.1網(wǎng)站的需求分析來自于客戶的需求或出于公司自身發(fā)展的需求。網(wǎng)站需求分析的4個階段:用戶調(diào)查市場調(diào)查編制網(wǎng)站功能描述書評審2.1網(wǎng)站的需求分析來自于客戶的需求或出于公司自身發(fā)192.1網(wǎng)站的需求分析2.1.2用戶調(diào)查P17調(diào)查的形式:調(diào)查的主要內(nèi)容:調(diào)查結(jié)束后,要編寫《用戶調(diào)查報告》2.1網(wǎng)站的需求分析2.1.2用戶調(diào)查P17202.1網(wǎng)站的需求分析2.1.3市場調(diào)查P18目標(biāo)客戶的調(diào)查與分析(個體用戶、公司用戶)
付款方式、送貨方式、年齡、興趣、文化程度等競爭對手的調(diào)查與分析
研究競爭對手網(wǎng)站運行和電子商務(wù)運作效果市場定位分析P202.1網(wǎng)站的需求分析2.1.3市場調(diào)查P18212.1網(wǎng)站的需求分析2.1.4網(wǎng)站功能描述書P22主要內(nèi)容:概要情況調(diào)查內(nèi)容說明調(diào)查資料匯編2.1網(wǎng)站的需求分析2.1.4網(wǎng)站功能描述書P22222.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.1網(wǎng)站規(guī)劃232.2網(wǎng)站規(guī)劃2.2.3網(wǎng)站規(guī)劃的類型宣傳網(wǎng)站模式P27
宣傳企業(yè)形象、產(chǎn)品等,電子宣傳手冊或廣告牌企業(yè)門戶網(wǎng)站模式P27登錄到這上網(wǎng)站,即可得到企業(yè)或商家提供的所有服務(wù)內(nèi)部管理網(wǎng)站模式P28
是企業(yè)的網(wǎng)上辦公平臺2.2網(wǎng)站規(guī)劃2.2.3網(wǎng)站規(guī)劃的類型242.2網(wǎng)站規(guī)劃2.2.3網(wǎng)站規(guī)劃的類型BtoC網(wǎng)站模式P29
圖2.5當(dāng)當(dāng)網(wǎng)上商城BtoB網(wǎng)站模式P30
圖2.7阿里巴巴
主要實體:賣方企業(yè)、買方企業(yè)、銀行、海關(guān)等電子政務(wù)網(wǎng)站模式P32
政務(wù)公開、網(wǎng)上辦公2.2網(wǎng)站規(guī)劃2.2.3網(wǎng)站規(guī)劃的類型253.3.2ASP簡介P753.3.2ASP簡介P75263.3.2ASP簡介ASP的語法簡介P76ASP的默認(rèn)腳本語言:VBScriptASP文件中主要包括如下內(nèi)容:HTML標(biāo)記;VBScript或JScript語言的程序代碼;ASP代碼(<%…%>標(biāo)記包含的部分)3.3.2ASP簡介ASP的語法簡介P76273.3.2ASP簡介數(shù)據(jù)庫ASP工作原理3.3.2ASP簡介數(shù)據(jù)庫ASP工作原理283.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%>3.3.2ASP簡介賦值:變量名=值,把右側(cè)的值賦給左側(cè)295.4IIS應(yīng)用P177IIS:InternetInformationServer(Service)主要功能:Web服務(wù)器FTP服務(wù)器SMTPNNTP安裝控制面板→添加/刪除程序→Windows組件5.4IIS應(yīng)用P177IIS:InternetInf305.4IIS應(yīng)用5.4IIS應(yīng)用315.4IIS應(yīng)用創(chuàng)建虛擬目錄P184虛擬目錄名→確定具體文件夾如:虛擬目錄名:myweb具體文件夾:E:\shanwu\wyy那么訪問該文件夾下的wh.asp的地址為:http://localhost/myweb/wh.asp5.4IIS應(yīng)用創(chuàng)建虛擬目錄P18432VBScript基礎(chǔ)賦值i=sum=0i=i+1sum=sum+iFor循環(huán)for變量=初值to終值step步長……nextVBScript基礎(chǔ)賦值33VBScript基礎(chǔ)例1:j=0ForI=3to20step3j=j+1Next例2:j=1ForI=100to30step-10j=j×1nextVBScript基礎(chǔ)例1:34VBScript基礎(chǔ)<html>→標(biāo)簽<head><title>網(wǎng)頁標(biāo)題</title>→標(biāo)題部分</head><body>
<scriptlanguage=vbscript>→代碼</script></body></html>VBScript基礎(chǔ)<html>35VBScript基礎(chǔ)例3<html><head><title>學(xué)習(xí)VBScript</title></head><body><scriptlanguage=vbscript>j=0ForI=3to20step3j=j+1NextMsgboxj→彈出消息框,輸出變量j的值,輸出文字加“”</script></body></html>VBScript基礎(chǔ)例336VBScript基礎(chǔ)練習(xí)求1~100的和。(5050)VBScript基礎(chǔ)練習(xí)37VBScript基礎(chǔ)Dowhile……loop循環(huán)Dowhile(條件)例:i=2
dowhileI<=5I=I*2looploop條件為真執(zhí)行循環(huán)msgbox"i的值是"&iVBScript基礎(chǔ)Dowhile……loop循環(huán)38VBScript基礎(chǔ)Do……loopwhile循環(huán)Do例:i=6
doI=I*2loopwhile(條件)loopwhileI<=5條件為真執(zhí)行循環(huán)msgbox"i的值是"&i
VBScript基礎(chǔ)Do……loopwhile循環(huán)39VBScript基礎(chǔ)選擇結(jié)構(gòu)If……then……elseIf(條件)ThenElseEndif條件為真執(zhí)行then部分,為假執(zhí)行else部分例:i=16if(i<10)thenmsgbox"i小于10"elsemsgbox"i大于10"endifVBScript基礎(chǔ)選擇結(jié)構(gòu)例:40VBScript基礎(chǔ)練習(xí):判斷一個數(shù)是奇數(shù)還是偶數(shù)。提示:函數(shù)mod求余,如8mod3的值是2VBScript基礎(chǔ)練習(xí):41ASP的內(nèi)置對象P78ASP提供5個內(nèi)置對象RequestResponseServerApplicationSessionASP的內(nèi)置對象P78ASP提供5個內(nèi)置對象42ASP的內(nèi)置對象P78ASP的內(nèi)置對象P7843ASP的內(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)置對象P78RequestP7944ASP的內(nèi)置對象P78ApplicationP83在給定的應(yīng)用程序的所有用戶之間共享信息Application.lock:確保同一時刻僅有一個用戶可修改Application變量Application.unlock:允許其他用戶修改Application變量例3.20Application_onstartP85Application_onendASP的內(nèi)置對象P78ApplicationP8345ASP的內(nèi)置對象P78P85<scriptlanguage=vbscriptrunat=server>……<script>等價于<%……%>都用于包含ASP代碼,表示在服務(wù)器端運行ASP的內(nèi)置對象P78P8546ASP的內(nèi)置對象P78SessionP85用于存儲特定用戶會話所需的信息。Session_onstartSession_onendApplication_onstart事件在Session_onstart事件之前發(fā)生,當(dāng)應(yīng)用程序退出時Application_onend事件在Session_onend事件之后發(fā)生。ASP的內(nèi)置對象P78SessionP8547ASP的內(nèi)置對象P78ServerP86提供對服務(wù)器上的方法和屬性的訪問。server.scripttimeoutGlobal.asa文件相當(dāng)于ASP應(yīng)用程序的初始化過程,Session_onstart、Session_onend、Application_onstart、Application_onend都是在這個文件中定義的。ASP的內(nèi)置對象P78ServerP8648練習(xí)制作包含如下內(nèi)容的表單(參考例3.18)申請人個人信息:昵稱:密碼:性別:男女所學(xué)專業(yè):(電子商務(wù)、報關(guān)、市場營銷)已通過的考試:英語計算機(jī)普通話特長:
提交取消練習(xí)制作包含如下內(nèi)容的表單(參考例3.18)提交取消492.3.1網(wǎng)站定位P33網(wǎng)站主題和名稱題材、內(nèi)容、名稱網(wǎng)站CI形象CI(corporateidentity):指通過視覺來統(tǒng)一企業(yè)的形象。如統(tǒng)一的標(biāo)志、色彩及產(chǎn)品包裝等網(wǎng)站標(biāo)志(LOGO)網(wǎng)站的標(biāo)準(zhǔn)色彩網(wǎng)站的標(biāo)準(zhǔn)字體網(wǎng)站的宣傳語2.3.1網(wǎng)站定位P33網(wǎng)站主題和名稱502.3.2網(wǎng)站欄目的規(guī)劃P38欄目
版塊
2.3.2網(wǎng)站欄目的規(guī)劃P38欄目512.3.3網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)目錄結(jié)構(gòu)P39指網(wǎng)站組織和存放站內(nèi)所有文檔的目錄設(shè)置情況。具體做法:不要都存放在根目錄下按欄目建立子目錄每個目錄下有獨立的images目錄(放圖片)目錄層次不要太深不要使用中文名(目錄名、文件名)2.3.3網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)目錄結(jié)構(gòu)P39522.3.3網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)鏈接結(jié)構(gòu)P40指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。兩種基本類型:樹狀鏈接結(jié)構(gòu)(一對一)星狀鏈接結(jié)構(gòu)(一對多)2.3.3網(wǎng)站的目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)鏈接結(jié)構(gòu)P40532.3.5開發(fā)環(huán)境的選擇P43操作系統(tǒng)WindowsNTWindows2000UnixLinux數(shù)據(jù)庫平臺P46Oracle、SQLServer2.3.5開發(fā)環(huán)境的選擇P43操作系統(tǒng)542.3.5開發(fā)環(huán)境的選擇P43Web服務(wù)器Apache、IIS開發(fā)環(huán)境和工具靜態(tài)頁面:FrontPage、Dreamweaver動態(tài)頁面:ASP、JSP、PHP案例2.1P49熟悉Dreamweaver環(huán)境2.3.5開發(fā)環(huán)境的選擇P43Web服務(wù)器55DreamweaverMX新建網(wǎng)頁(文件)P94文件→新建→類型保存網(wǎng)頁(文件)文件→保存(另存為)→位置、類型(.htm.asp)打開網(wǎng)頁(文件)文件→保存DreamweaverMX新建網(wǎng)頁(文件)P9456文字輸入P951.回車:分段(間距大)Shift+回車:間距小2.屬性面板(打開方式:ctrl+F3或窗口→屬性)可設(shè)置字體、字號、B、I、顏色(#FFFFFF)↓↓↓
紅
綠
藍(lán)
3.F12→預(yù)覽頁面效果文字輸入P951.回車:分段(間距大)573種編輯模式設(shè)計視圖代碼視圖(直接編輯HTML代碼)設(shè)計與代碼調(diào)整方式:查看菜單文檔工具欄3種編輯模式設(shè)計視圖58插入圖像P96-98操作:插入→圖像圖像屬性(替代、大小、對齊、邊框、重設(shè)大小
)
↓
↓
圖片不能正常顯示時顯示的文字
恢復(fù)原始大小注意:路徑及文件名不要出現(xiàn)漢字插入圖像P96-98操作:插入→圖像59頁面屬性P99操作方法:法1:修改菜單→頁面屬性法2:空白處右鍵→頁面屬性設(shè)置內(nèi)容:背景色(<bodybgcolor=#ffffff>)、背景圖片、標(biāo)題(<title>……</title>)、左邊距(<bodyleftmargin=>)等頁面屬性P99操作方法:60超級鏈接P100-102鏈接打開一個文件(如Word文檔,文件名不含漢字)選中文字,單擊屬性面板→鏈接后的文件夾電子郵件鏈接↑法1:選中文字,屬性面板→鏈接,輸入:
mailto:完整郵件地址法2:P101文件下載鏈接與文件鏈接相同,只是針對.rar、.zip、.exe文件超級鏈接P100-102鏈接打開一個文件(如Word文檔,61超級鏈接P100-102壓縮與解壓
壓縮目的:目標(biāo)變小或多個對象變?yōu)橐粋€對象
壓縮:同時選中多個文件或把多個文件放入一個文件夾中→右鍵→選擇壓縮選項第2個
解壓:右擊壓縮文件→選擇壓縮選項第2或第3個圖像熱區(qū)P100使圖像的不同區(qū)域?qū)?yīng)不同的鏈接目標(biāo)熱區(qū)可移動位置及改變大小超級鏈接P100-102壓縮與解壓62滾動字幕(圖片)標(biāo)簽<marquee>……</marquee>方向direction=right(up,down)資料:/view/1214012.htm操作:右鍵→插入HTML→<marquee>滾動內(nèi)容適用于圖片滾動字幕(圖片)標(biāo)簽<marquee>……</marqu63插入表單對象插入跳轉(zhuǎn)菜單操作:插入→表單對象→跳轉(zhuǎn)菜單插入表單對象()插入表單對象插入跳轉(zhuǎn)菜單64插入表單對象插入表單(紅色虛線)<Form>……</Form>插入文本域Type=texttextareaType=password
可編輯標(biāo)簽插入按鈕Type=submit
Type=reset插入表單對象插入表單(紅色虛線)<Form>……</Fo65插入表單對象插入列表/菜單<select>……</select>插入文件域(文件上傳)插入圖像域
插入隱藏域隱藏域是用來收集或發(fā)送信息的不可見元素,對于網(wǎng)頁的訪問者來說,隱藏域是看不見的。當(dāng)表單被提交時,隱藏域就會將信息用你設(shè)置時定義的名稱和值發(fā)送到服務(wù)器上。
例如:<inputtype="hidden"name="ExPws"value="dd">插入表單對象插入列表/菜單<select>……</sel66插入表單對象插入復(fù)選框Type=checkbox插入單選按鈕Type=radio設(shè)置表單花樣(前景色,背景色)style="color=ff0000;background-color:#00ff00"插入表單對象插入復(fù)選框Type=checkbox67練習(xí)制作包含如下內(nèi)容的表單(參考例3.18)乳品用戶調(diào)查表:姓名:密碼:月收入:1000以下1000~30003000~5000學(xué)歷:(大專、本科、研究生、博士)您喜歡的產(chǎn)品:酸奶液態(tài)奶奶酪上傳文件:建議:
提交取消練習(xí)制作包含如下內(nèi)容的表單(參考例3.18)提交取消68表格的使用作用:定位文本、排列數(shù)據(jù)操作:插入→表格單元格內(nèi)可添加:圖像、文本、表格選擇表格P110法1:單擊任一邊框線法2:單擊某一單元格,Ctrl+A兩次法3:單擊某一單元格,單擊左下角<table>表格的使用作用:定位文本、排列數(shù)據(jù)69表格的使用選擇行(多行):光標(biāo)置于行首選擇列(多列):光標(biāo)置于列頂選擇多個單元格:按Ctrl→單擊拆分/合并單元格表格的使用選擇行(多行):光標(biāo)置于行首70練習(xí)1.新建一個網(wǎng)頁,命名為“index.htm”,要求標(biāo)題欄顯示“音樂網(wǎng)”,背景顏色為淡綠色。
2.在網(wǎng)頁中插入一個3行5列的表格,表格居中,第一行內(nèi)容為“學(xué)院、新聞、音樂、教育、校友錄”,其中“學(xué)院”鏈接到“威海職業(yè)學(xué)院首頁”。
3.在網(wǎng)頁中制作一個滾動的字幕,內(nèi)容為“音樂網(wǎng)歡迎你!”。
4.在網(wǎng)頁中插入跳轉(zhuǎn)菜單,菜單項包括“新浪、百度、威海職業(yè)學(xué)院”。
5.在網(wǎng)頁中輸入“與我聯(lián)系”,單擊該文字可以打開能夠給你發(fā)郵件的程序窗口。練習(xí)1.新建一個網(wǎng)頁,命名為“index.htm”,要求標(biāo)題71練習(xí)制作包含如下內(nèi)容的表單(參考例3.18)乳品用戶調(diào)查表:姓名:密碼:月收入:1000以下1000~30003000~5000學(xué)歷:(大專、本科、研究生、博士)您喜歡的產(chǎn)品:酸奶液態(tài)奶奶酪上傳文件:建議:
提交取消練習(xí)制作包含如下內(nèi)容的表單(參考例3.18)提交取消72框架頁面創(chuàng)建框架頁面法1:框架工具欄法2:文件→新建→框架集增加框架法1:框架工具欄法2:直接從外邊框向內(nèi)拉刪除框架拖動邊框至外邊框框架頁面創(chuàng)建框架頁面73框架頁面保存框架(每個框架是一個網(wǎng)頁文件,另有一個總框架頁)
單個框架:光標(biāo)定位在框架內(nèi),文件→保存框架總框架頁:單擊邊框,文件→保存框架頁設(shè)置框架選擇單個框架:按Alt→單擊該框架內(nèi)部屬性面板中(框架名、可否調(diào)整框架大小、是否有滾動條等)超鏈接的顯示位置框架頁面保存框架(每個框架是一個網(wǎng)頁文件,另有一個總框架頁)74框架練習(xí)1.新建一個網(wǎng)頁,該網(wǎng)頁包含上下兩個框架,上邊框架頁命名為“k1.htm”,下邊框架頁命名為“k2.htm”,整個框架命名為“zong.htm”。2.在上邊框架中插入一幅圖片(自選),單擊該圖片可以鏈接到“新浪”,并顯示在下邊框架內(nèi)。3.在上邊框架中輸入“用戶調(diào)查”,單擊該文字鏈接到“百度”,并以新窗口顯示??蚣芫毩?xí)1.新建一個網(wǎng)頁,該網(wǎng)頁包含上下兩個框架,上邊框架頁75層(網(wǎng)頁布局工具)可移動、可重疊的網(wǎng)頁部分插入層:插入→層層屬性:背景色、大小、位置、Z軸(數(shù)值越大越靠前)等例1:層內(nèi)滾動字幕例2:浮動圖片插入→層層內(nèi)插入圖片修改→時間軸→增加對象到時間軸設(shè)置起止點(第1幀、最后1幀)位置(路徑可以是曲線,插入關(guān)鍵幀)層(網(wǎng)頁布局工具)可移動、可重疊的網(wǎng)頁部分76首選參數(shù)P89編輯菜單→參數(shù)選擇層練習(xí)在網(wǎng)頁中插入一個層,層背景設(shè)為粉黃色,在層中制作一個滾動的字幕效果,內(nèi)容為“×××歡迎你!”,其中“×××”為你的中文姓名。首選參數(shù)P89編輯菜單→參數(shù)選擇77對象行為一個行為是由一個事件所觸發(fā)的動作組成的。行為動作:如彈出消息框、彈出窗口、播放音樂等行為事件:如onMouseOver(鼠標(biāo)經(jīng)過時)onMouseOut(鼠標(biāo)離開時)onClick(鼠標(biāo)單擊時)onLoad(網(wǎng)頁載入時)打開行為面板
法1:窗口→行為法2:Shift+F3對象行為一個行為是由一個事件所觸發(fā)的動作組成的。78對象行為例1:打開網(wǎng)頁時彈出新窗口本頁面保存為index.htm彈出的頁面保存為pop.htm(名字不含漢字)在index.htm頁面,窗口→行為單擊“+”→打開瀏覽器窗口事件→onload對象行為例1:打開網(wǎng)頁時彈出新窗口79對象行為例2:彈出提示信息(如當(dāng)鼠標(biāo)滑過、單擊、雙擊文本、圖片等時)選中圖片(如果是文本,需要作空鏈接#)窗口→行為單擊“+”→彈出信息事件→onmousemove(onclick)(例:禁止復(fù)制時彈出信息,事件:onBeforeCopy)對象行為例2:彈出提示信息(如當(dāng)鼠標(biāo)滑過、單擊、雙擊文本、圖80對象行為例3:設(shè)置狀態(tài)條文本選中圖片(文本需要作空鏈接#)窗口→行為單擊“+”→設(shè)置文本→設(shè)置狀態(tài)條文本事件→onmousemove(鼠標(biāo)指向?qū)ο髸r狀態(tài)條的內(nèi)容)事件→onmouseout(鼠標(biāo)離開對象時狀態(tài)條的內(nèi)容)對象行為例3:設(shè)置狀態(tài)條文本81對象行為例4:給圖片加文字提示(設(shè)置層文本)插入圖片(或文字)插入層選中圖片窗口→行為單擊“+”→設(shè)置文本→設(shè)置層文本(輸入提示內(nèi)容)事件→onmouseover(鼠標(biāo)指向圖片時顯示提示內(nèi)容)單擊“+”→設(shè)置文本→設(shè)置層文本(內(nèi)容為空)事件→onmouseout(鼠標(biāo)離開圖片時提示內(nèi)容消失)對象行為例4:給圖片加文字提示(設(shè)置層文本)82對象行為例5:拖動層(圖片)(如拼圖游戲)插入3個層在層中分別插入圖片窗口→行為單擊“+”→拖動層選擇層設(shè)為:移動不限制事件→onmouseover(可以拖動該層即圖片)對象行為例5:拖動層(圖片)(如拼圖游戲)83對象行為例6:彈出式菜單插入一個表格(如1行3列)選中“第一項”,做空鏈接#窗口→行為單擊“+”→顯示彈出式菜單設(shè)置菜單項(“縮進(jìn)項”,可以設(shè)置子菜單)第一項第二項第三項對象行為例6:彈出式菜單第一項第二項第三項84對象行為例7:打開窗口時播放聲音窗口→行為單擊“+”→播放聲音選擇聲音文件(文件名不含漢字)事件→onStart單擊插件→屬性面板→參數(shù)LOOP→true,AUTOSTART→trueHIDDEN(是否在網(wǎng)頁中顯示播放器)對象行為例7:打開窗口時播放聲音85CSSP113CSS(CascadingStyleSheets)層疊樣式表功能使多個網(wǎng)頁快速獲得一致的布局使網(wǎng)頁更精煉(網(wǎng)頁文件更小)CSS面板法1:窗口→CSS樣式法2:Shift+F11CSSP113CSS(CascadingStyle86CSSP113新建CSS樣式窗口→CSS樣式單擊新建CSS樣式給當(dāng)前CSS樣式命名(以.開頭,如.css1)保存為文件,如mycss.css(此類型文件為文本文件,可用記事本打開)設(shè)置具體的CSS樣式(8個分類)
(一個*.css文件可包含多個CSS樣式,如mycss.css包含.css1、.css2、.css3)CSSP113新建CSS樣式87CSSP113將已有CSS樣式應(yīng)用于其他網(wǎng)頁打開其他網(wǎng)頁文件窗口→CSS樣式單擊→附加樣式表選擇CSS樣式表文件(*.css)CSSP113將已有CSS樣式應(yīng)用于其他網(wǎng)頁88創(chuàng)建站點P90站點菜單→新建站點站點名稱(只作識別用)是否使用服務(wù)器技術(shù)如何連接到測試服務(wù)器用什么URL瀏覽站點根目錄是否啟用存回和取出文件完成創(chuàng)建站點P90站點菜單→新建站點89簡單的電子商務(wù)網(wǎng)站模塊一:用戶管理P117用戶登錄登錄信息驗證新用戶注冊用戶信息修改模塊二:商品展示和查詢顯示商品信息允許用戶查詢商品銷售排行簡單的電子商務(wù)網(wǎng)站模塊一:用戶管理P11790簡單的電子商務(wù)網(wǎng)站模塊三:購物車和訂單生成訂購商品購物車管理收銀結(jié)算生成訂單訂單投訴簡單的電子商務(wù)網(wǎng)站模塊三:購物車和訂單生成91用戶管理模塊建設(shè)P1191.數(shù)據(jù)庫設(shè)計(Access2000)啟動Access2000新建→數(shù)據(jù)庫→存為“db.mdb”雙擊“使用設(shè)計器創(chuàng)建表”表結(jié)構(gòu)如P120圖4.7文件→保存→表名為“member”用戶管理模塊建設(shè)P1191.數(shù)據(jù)庫設(shè)計(Access92用戶管理模塊建設(shè)P1202.用戶登錄界面設(shè)計新建一個站點,站點保存在E:\shangwuN下在IIS中將E:\shangwuN設(shè)置為主目錄建立index.asp界面如圖4.8代碼P121用戶管理模塊建設(shè)P1202.用戶登錄界面設(shè)計93用戶管理模塊建設(shè)P1223.驗證用戶登錄信息的頁面設(shè)計創(chuàng)建login.asp代碼P123用戶管理模塊建設(shè)P1223.驗證用戶登錄信息的頁面設(shè)計94用戶管理模塊建設(shè)P1244.新用戶注冊頁面設(shè)計創(chuàng)建reg.asp表單P124創(chuàng)建客戶端驗證文件:regsave.asp代碼P126~P130用戶管理模塊建設(shè)P1244.新用戶注冊頁面設(shè)計95數(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ù)庫連接1.準(zhǔn)備好一個Access數(shù)據(jù)庫(shangpin96數(shù)據(jù)庫連接3.創(chuàng)建站點4.設(shè)置IIS(主目錄)5.創(chuàng)建動態(tài)ASP頁(如lx.asp)6.窗口→“數(shù)據(jù)庫”面板7.“數(shù)據(jù)庫”面板→→數(shù)據(jù)源名稱8.連接名稱(如:mylink)→數(shù)據(jù)源名稱(選擇已創(chuàng)建的數(shù)據(jù)源,mydsn)→(測試)→確定數(shù)據(jù)庫連接已完成數(shù)據(jù)庫連接3.創(chuàng)建站點97在頁面中顯示數(shù)據(jù)庫中的記錄1.建立記錄集窗口→“綁定”面板→→記錄集(查詢)→名稱(如:Recordset1)→連接(已創(chuàng)建的連接,如:mylink)→選擇字段→(測試)→確定2.在ASP頁面中,添加表格(1行4列)3.將綁定”面板中的字段逐一拖動到單元格中4.F12預(yù)覽
目前只顯示一條記錄在頁面中顯示數(shù)據(jù)庫中的記錄1.建立記錄集98在頁面中顯示數(shù)據(jù)庫中的記錄5.重復(fù)區(qū)域選中表格→窗口→“服務(wù)器行為”面板→→重復(fù)區(qū)域→記錄集(如:Recordset1)→一頁顯示的記錄條數(shù)→確定6.F12預(yù)覽在頁面中顯示數(shù)據(jù)庫中的記錄5.重復(fù)區(qū)域99在頁面中向數(shù)據(jù)庫中的增加記錄在前一個練習(xí)的基礎(chǔ)上繼續(xù)進(jìn)行1.建立用于輸入數(shù)據(jù)的表單添加記錄庫存:日期:價格:產(chǎn)地:品名:條碼:插入在頁面中向數(shù)據(jù)庫中的增加記錄在前一個練習(xí)的基礎(chǔ)上繼續(xù)進(jìn)行庫存100在頁面中向數(shù)據(jù)庫中的增加記錄2.設(shè)置6個單行文本域的屬性文本域名稱,如條碼文本域,名稱為:tiaoma品名文本域,名稱為:pinming產(chǎn)地文本域,名稱為:chandi價格文本域,名稱為:jiage日期文本域,名稱為:riqi庫存文本域,名稱為:kucun在頁面中向數(shù)據(jù)庫中的增加記錄2.設(shè)置6個單行文本域的屬性101在頁面中向數(shù)據(jù)庫中的增加記錄3.插入記錄窗口→“服務(wù)器行為”面板→→插入記錄→選擇連接(如:mylink)→插入到表格(detail)→獲取值自(form1)→表單元素(每個表單項對應(yīng)插入的字段)→確定4.F12預(yù)覽5.在頁面中輸入數(shù)據(jù),單擊(插入數(shù)據(jù)可顯示)6.設(shè)置檢驗主鍵數(shù)據(jù)(條碼字段)是否重復(fù)窗口→“服務(wù)器行為”面板→→用戶身份驗證/檢查新用戶名→選擇字段(如:tiaoma)→確定插入在頁面中向數(shù)據(jù)庫中的增加記錄3.插入記錄插入102頁面中的分頁顯示在前一個練習(xí)的基礎(chǔ)上繼續(xù)進(jìn)行1.在頁面下部輸入“始頁前1頁后1頁末頁”2.選中“始頁”→窗口→“服務(wù)器行為”面板→→記錄集分頁/移至第一條記錄→選擇記錄集(如:Recordset1)→確定3.選中“前1頁”→窗口→“服務(wù)器行為”面板→→記錄集分頁/移至前一條記錄→選擇記錄集(如:Recordset1)→確定4.選中“后1頁”→窗口→“服務(wù)器行為”面板→→記錄集分頁/移至下一條記錄→選擇記錄集(如:Recordset1)→確定頁面中的分頁顯示在前一個練習(xí)的基礎(chǔ)上繼續(xù)進(jìn)行103頁面中的分頁顯示5.選中“末頁”→窗口→“服務(wù)器行為”面板→→記錄集分頁/移至最后一條記錄→選擇記錄集(如:Recordset1)→確定完善頁面(如:顯示第1頁時不出現(xiàn)“始頁前1頁”)6.選中“始頁”“前1頁”→窗口→“服務(wù)器行為”面板→→顯示區(qū)域/如果不是第一條記錄則顯示→選擇記錄集(如:Recordset1)→確定7.“末頁”“后1頁”,同理。頁面中的分頁顯示5.選中“末頁”→窗口→“服務(wù)器行為”面板→104網(wǎng)站測試P207一、功能測試1、鏈接測試:鏈接測試可分為三個方面。首先,測試所有鏈接是否按指示的那樣確實鏈接到了該鏈接的頁面;其次,測試所鏈接的頁面是否存在;最后,保證Web應(yīng)用系統(tǒng)上沒有孤立的頁面,所謂孤立頁面是指沒有鏈接指向該頁面,只有知道正確的URL地址才能訪問。
網(wǎng)站測試P207一、功能測試105網(wǎng)站測試2、表單測試當(dāng)用戶給Web應(yīng)用系統(tǒng)管理員提交信息時,就需要使用表單操作,例如用戶注冊、登陸、信息提交等。在這種情況下,我們必須測試提交操作的完整性,以校驗提交給服務(wù)器的信息的正確性。例如:用戶填寫的出生日期與職業(yè)是否恰當(dāng),填寫的所屬省份與所在城市是否匹配等。如果使用了默認(rèn)值,還要檢驗?zāi)J(rèn)值的正確性。如果表單只能接受指定的某些值,則也要進(jìn)行測試。例如:只能接受某些字符,測試時可以跳過這些字符,看系統(tǒng)是否會報錯。
網(wǎng)站測試2、表單測試106網(wǎng)站測試3、設(shè)計語言測試Web設(shè)計語言版本的差異可以引起客戶端或服務(wù)器端嚴(yán)重的問題,例如使用哪種版本的HTML等。當(dāng)在分布式環(huán)境中開發(fā)時,開發(fā)人員都不在一起,這個問題就顯得尤為重要。除了HTML的版本問題外,不同的腳本語言,例如Java、JavaScript、ActiveX、VBScript或Perl等也要進(jìn)行驗證。
網(wǎng)站測試3、設(shè)計語言測試107網(wǎng)站測試4、數(shù)據(jù)庫測試在Web應(yīng)用技術(shù)中,數(shù)據(jù)庫起著重要的作用,數(shù)據(jù)庫為Web應(yīng)用系統(tǒng)的管理、運行、查詢和實現(xiàn)用戶對數(shù)據(jù)存儲的請求等提供空間。在Web應(yīng)用中,最常用的數(shù)據(jù)庫類型是關(guān)系型數(shù)據(jù)庫,可以使用SQL對信息進(jìn)行處理。在使用了數(shù)據(jù)庫的Web應(yīng)用系統(tǒng)中,一般情況下,可能發(fā)生兩種錯誤,分別是數(shù)據(jù)一致性錯誤和輸出錯誤。數(shù)據(jù)一致性錯誤主要是由于用戶提交的表單信息不正確而造成的,而輸出錯誤主要是由于網(wǎng)絡(luò)速度或程序設(shè)計問題等引起的,針對這兩種情況,可分別進(jìn)行測試。
網(wǎng)站測試4、數(shù)據(jù)庫測試108網(wǎng)站測試二、性能測試1、連接速度測試用戶連接到Web應(yīng)用系統(tǒng)的速度根據(jù)上網(wǎng)方式的變化而變化,他們或許是電話撥號,或是寬帶上網(wǎng)。當(dāng)下載一個程序時,用戶可以等較長的時間,但如果僅僅訪問一個頁面就不會這樣。如果Web系統(tǒng)響應(yīng)時間太長(例如超過5秒鐘),用戶就會因沒有耐心等待而離開。另外,有些頁面有超時的限制,如果響應(yīng)速度太慢,用戶可能還沒來得及瀏覽內(nèi)容,就需要重新登陸了。而且,連接速度太慢,還可能引起數(shù)據(jù)丟失,使用戶得不到真實的頁面。
網(wǎng)站測試二、性能測試109網(wǎng)站測試2、負(fù)載測試負(fù)載測試是為了測量Web系統(tǒng)在某一負(fù)載級別上的性能,以保證Web系統(tǒng)在需求范圍內(nèi)能正常工作。負(fù)載級別可以是某個時刻同時訪問Web系統(tǒng)的用戶數(shù)量,也可以是在線數(shù)據(jù)處理的數(shù)量。例如:Web應(yīng)用系統(tǒng)能允許多少個用戶同時在線?如果超過了這個數(shù)量,會出現(xiàn)什么現(xiàn)象?Web應(yīng)用系統(tǒng)能否處理大量用戶對同一個頁面的請求?
網(wǎng)站測試2、負(fù)載測試110網(wǎng)站測試三、可用性測試1、導(dǎo)航測試
在一個頁面上放太多的信息往往起到與預(yù)期相反的效果。Web應(yīng)用系統(tǒng)的用戶趨向于目的驅(qū)動,很快地掃描一個Web應(yīng)用系統(tǒng),看是否有滿足自己需要的信息,如果沒有,就會很快地離開。很少有用戶愿意花時間去熟悉Web應(yīng)用系統(tǒng)的結(jié)構(gòu),因此,Web應(yīng)用系統(tǒng)導(dǎo)航幫助要盡可能地準(zhǔn)確。導(dǎo)航的另一個重要方面是Web應(yīng)用系統(tǒng)的頁面結(jié)構(gòu)、導(dǎo)航、菜單、連接的風(fēng)格是否一致。確保用戶憑直覺就知道Web應(yīng)用系統(tǒng)里面是否還有內(nèi)容,內(nèi)容在什么地方。
網(wǎng)站測試三、可用性測試111網(wǎng)站測試2、圖形測試在Web應(yīng)用系統(tǒng)中,適當(dāng)?shù)膱D片和動畫既能起到廣告宣傳的作用,又能起到美化頁面的功能。一個Web應(yīng)用系統(tǒng)的圖形可以包括圖片、動畫、邊框、顏色、字體、背景、按鈕等。圖形測試的內(nèi)容有:(1)要確保圖形有明確的用途,圖片或動畫不要胡亂地堆在一起,以免浪費傳輸時間。Web應(yīng)用系統(tǒng)的圖片尺寸要盡量地小,并且要能清楚地說明某件事情,一般都鏈接到某個具體的頁面。(2)驗證所有頁面字體的風(fēng)格是否一致。(3)背景顏色應(yīng)該與字體顏色和前景顏色相搭配。(4)圖片的大小和質(zhì)量也是一個很重要的因素,一般采用JPG或GIF壓縮。
網(wǎng)站測試2、圖形測試112網(wǎng)站測試3、內(nèi)容測試內(nèi)容測試用來檢驗Web應(yīng)用系統(tǒng)提供信息的正確性、準(zhǔn)確性和相關(guān)性。信息的正確性是指信息是可靠的還是誤傳的。例如,在商品價格列表中,錯誤的價格可能引起財政問題甚至導(dǎo)致法律糾紛;信息的準(zhǔn)確性是指是否有語法或拼寫錯誤。這種測試通常使用一些文字處理軟件來進(jìn)行,例如使用MicrosoftWord的"拼音與語法檢查"功能;信息的相關(guān)性是指是否在當(dāng)前頁面可以找到與當(dāng)前瀏覽信息相關(guān)的信息列表或入口,也就是一般Web站點中的所謂"相關(guān)文章列表"。
網(wǎng)站測試3、內(nèi)容測試113網(wǎng)站測試四、客戶端兼容性測試1、平臺測試市場上有很多不同的操作系統(tǒng)類型,最常見的有Windows、Unix、Macintosh、Linux等。Web應(yīng)用系統(tǒng)的最終用戶究竟使用哪一種操作系統(tǒng),取決于用戶系統(tǒng)的配置。這樣,就可能會發(fā)生兼容性問題,同一個應(yīng)用可能在某些操作系統(tǒng)下能正常運行,但在另外的操作系統(tǒng)下可能會運行失敗。因此,在Web系統(tǒng)發(fā)布之前,需要在各種操作系統(tǒng)下對Web系統(tǒng)進(jìn)行兼容性測試。
網(wǎng)站測試四、客戶端兼容性測試114網(wǎng)站測試2、瀏覽器測試瀏覽器是Web客戶端最核心的構(gòu)件,來自不同廠商的瀏覽器對Java、JavaScript、ActiveX、plug-ins或不同的HTML規(guī)格有不同的支持。例如,ActiveX是Microsoft的產(chǎn)品,是為InternetExplorer而設(shè)計的,JavaScript是Netscape的產(chǎn)品,Java是Sun的產(chǎn)品等等。另外,框架和層次結(jié)構(gòu)風(fēng)格在不同的瀏覽器中也有不同的顯示,甚至根本不顯示。不同的瀏覽器對安全性和Java的設(shè)置也不一樣。
網(wǎng)站測試2、瀏覽器測試115網(wǎng)站測試五、安全性測試
(1)現(xiàn)在的Web應(yīng)用系統(tǒng)基本采用先注冊,后登陸的方式。因此,必須測試有效和無效的用戶名和密碼,要注意到是否大小寫敏感,可以試多少次的限制,是否可以不登陸而直接瀏覽某個頁面等。(2)Web應(yīng)用系統(tǒng)是否有超時的限制,也就是說,用戶登陸后在一定時間內(nèi)(例如15分鐘)沒有點擊任何頁面,是否需要重新登陸才能正常使用。(3)為了保證Web應(yīng)用系統(tǒng)的安全性,日志文件是至關(guān)重要的。需要測試相關(guān)信息是否寫進(jìn)了日志文件、是否可追蹤。
網(wǎng)站測試五、安全性測試116網(wǎng)站測試Dreamweaver中測試方式文件→檢查頁→網(wǎng)站測試Dreamweaver中測試方式117數(shù)據(jù)庫應(yīng)用練習(xí)創(chuàng)建一個Access數(shù)據(jù)庫,用來存放注冊用戶的信息(至少包括用戶名(username)、密碼(password)、出生日期(birthday)、月收入(income)、郵箱(email)等字段
),名為yonghu.mdb創(chuàng)建一個站點設(shè)置IIS創(chuàng)建一個ASP頁面以yonghu.mdb為目標(biāo)創(chuàng)建一個數(shù)據(jù)源數(shù)據(jù)庫應(yīng)用練習(xí)創(chuàng)建一個Access數(shù)據(jù)庫,用來存放注冊用戶的118數(shù)據(jù)庫應(yīng)用練習(xí)將該數(shù)據(jù)源連接到當(dāng)前ASP頁面使該頁面具有下列功能:可以顯示已經(jīng)注冊用戶的信息(即yonghu.mdb中的用戶信息),并可以向前和向后翻頁在頁面下方有新用戶注冊表單(即可以向yonghu.mdb中添加新用戶信息)可以實現(xiàn)新用戶注冊時,如果出現(xiàn)用戶名重復(fù),可以轉(zhuǎn)到出錯信息提示頁面(提前制作一個)數(shù)據(jù)庫應(yīng)用練習(xí)將該數(shù)據(jù)源連接到當(dāng)前ASP頁面119網(wǎng)站發(fā)布網(wǎng)站發(fā)布120網(wǎng)站發(fā)布網(wǎng)站發(fā)布121結(jié)構(gòu)化查詢語句SQL基本格式select目標(biāo)列from數(shù)據(jù)表[where查詢條件表達(dá)式][orderby列名[desc]]利用記錄集來學(xué)習(xí)窗口→“綁定”面板→→記錄集(查詢)→名稱(如:Recordset1)→連接(已創(chuàng)建的連接,如:mylink)→選擇字段→篩選→順序→(測試)→復(fù)雜→確定結(jié)構(gòu)化查詢語句SQL基本格式122浮動廣告代碼浮動廣告代碼123在頁面中加入“QQ按鈕”代碼<P><Ahref="/cgi-bin/check?sigkey=646ab455b4c708df910f348803e72f24001fd301a322912010c7f4584f45841c"target=_blank;><IMGalt=QQ聯(lián)絡(luò)我src="/pa?p=1:123456789:1"border=0></A> <WBR><WBR></P>在頁面中加入“QQ按鈕”代碼<P><Ahref="http124在頁面中加入“百度搜索”代碼在頁面中加入“百度搜索”代碼125在頁面中加入“Google搜索”代碼在頁面中加入“Google搜索”代碼126電子商務(wù)網(wǎng)站建設(shè)與維護(hù)電子商務(wù)網(wǎng)站1271.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電子商務(wù)概述建立電子商務(wù)網(wǎng)站是走向電子商務(wù)的第一1281.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)站是電子商務(wù)1291.1.2電子商務(wù)網(wǎng)站的特點、分類電子商務(wù)網(wǎng)站的特點P2商務(wù)性服務(wù)性集成性可擴(kuò)展性安全性協(xié)調(diào)性1.1.2電子商務(wù)網(wǎng)站的特點、分類電子商務(wù)網(wǎng)站的特點P1301.1.2電子商務(wù)網(wǎng)站的特點、分類按照商務(wù)目的和業(yè)務(wù)功能分類P3按照構(gòu)建網(wǎng)站的主體分類P4按照網(wǎng)站擁有的者職能分類P4按照產(chǎn)品線的寬度和深度分類P5按照電子商務(wù)模式分類P51.1.2電子商務(wù)網(wǎng)站的特點、分類按照商務(wù)目的和業(yè)務(wù)功能分1311.2網(wǎng)站開發(fā)綜述1.結(jié)構(gòu)化系統(tǒng)開發(fā)方法P62.原型法P83.面向?qū)ο蟮南到y(tǒng)開發(fā)方法P91.2網(wǎng)站開發(fā)綜述1.結(jié)構(gòu)化系統(tǒng)開發(fā)方法P61321.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.2網(wǎng)站開發(fā)綜述1.2.2電子商務(wù)網(wǎng)站開發(fā)核心技術(shù)1331.3電子商務(wù)網(wǎng)站的運行環(huán)境1.3電子商務(wù)網(wǎng)站的運行環(huán)境134HTML基礎(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ǔ)P60例簡單的HTML文檔135HTML基礎(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)記<br>:換行單標(biāo)記136HTML基礎(chǔ)常用標(biāo)記<bgcolor>背景色<body>的屬性<b></b>(黑體),<i></i>(斜體),<u></u>(加下劃線)HTML基礎(chǔ)常用標(biāo)記<bgcolor>137HTML基礎(chǔ)P62例3.2<hr>加水平線,單標(biāo)簽<hrwidth=100>定義絕對長度像素<hrwidth=50%>定義相對長度百分比例3.3顏色法1:Color=red法2:Color=#RRGGBB十六進(jìn)制法3:Color=rgb(RRR,GGG,BBB)十進(jìn)制0~255HTML基礎(chǔ)P62例3.2138HTML基礎(chǔ)P65Body部分的使用方法bgcolorlinkalinkvlinkleftmargintopmarginHTML基礎(chǔ)P65Body部分的使用方法139HTML基礎(chǔ)P66例3.5定義標(biāo)題<h1>……</h1>最大<h6>……</h6>最小對齊方式如:<h1align=left>……</h1>centerrightHTML基礎(chǔ)P66例3.5140HTML基礎(chǔ)P68例3.63.7<pre>……</pre>文本按原有格式輸出例3.8表格<table>……</table>定義表格<tr>……</tr>定義表格行<th>……</th>定義表格頭的列<thead>……</thead>定義表格頭<tbody>……</tbody>定義表格身體<td>……</td>定義表格身體的列HTML基礎(chǔ)P68例3.63.7141HTML基礎(chǔ)查看網(wǎng)頁源代碼:“查看”菜單→源文件動態(tài)網(wǎng)頁:主頁→心理健康*.asp主頁→08招生錄取查詢靜態(tài)網(wǎng)頁:*.htmHTML基礎(chǔ)查看網(wǎng)頁源代碼:“查看”菜單→源文件142HTML練習(xí)1.文件名為shi.htm,網(wǎng)頁標(biāo)題為“李白的詩”,內(nèi)容及格式為:獨坐敬亭山
[唐]李白
眾鳥高飛盡,
孤云獨去閑。
相看兩不厭,只有敬亭山。題目藍(lán)色、加下劃線,其余詩句紅色,全部居中,背景不是白色,加一條長度為100像素的水平線。HTML練習(xí)1.文件名為shi.htm,網(wǎng)頁標(biāo)題為“李白的詩143HTML練習(xí)2.文件名為chengji.htm,網(wǎng)頁標(biāo)題為“成績”,網(wǎng)頁內(nèi)容為如下表格,邊框?qū)挾葹?:姓名英語計算機(jī)李明8995HTML練習(xí)2.文件名為chengji.htm,網(wǎng)頁標(biāo)題為“1442.1網(wǎng)站的需求分析來自于客戶的需求或出于公司自身發(fā)展的需求。網(wǎng)站需求分析的4個階段:用戶調(diào)查市場調(diào)查編制網(wǎng)站功能描述書評審2.1網(wǎng)站的需求分析來自于客戶的需求或出于公司自身發(fā)1452.1網(wǎng)站的需求分析2.1.2用戶調(diào)查P17調(diào)查的形式:調(diào)查的主要內(nèi)容:調(diào)查結(jié)束后,要編寫《用戶調(diào)查報告》2.1網(wǎng)站的需求分析2.1.2用戶調(diào)查P171462.1網(wǎng)站的需求分析2.1.3市場調(diào)查P18目標(biāo)客戶的調(diào)查與分析(個體用戶、公司用戶)
付款方式、送貨方式、年齡、興趣、文化程度等競爭對手的調(diào)查與分析
研究競爭對手網(wǎng)站運行和電子商務(wù)運作效果市場定位分析P202.1網(wǎng)站的需求分析2.1.3市場調(diào)查P181472.1網(wǎng)站的需求分析2.1.4網(wǎng)站功能描述書P22主要內(nèi)容:概要情況調(diào)查內(nèi)容說明調(diào)查資料匯編2.1網(wǎng)站的需求分析2.1.4網(wǎng)站功能描述書P221482.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.1網(wǎng)站規(guī)劃1492.2網(wǎng)站規(guī)劃2.2.3網(wǎng)站規(guī)劃的類型宣傳網(wǎng)站模式P27
宣傳企業(yè)形象、產(chǎn)品等,電子宣傳手冊或廣告牌企業(yè)門戶網(wǎng)站模式P27登錄到這上網(wǎng)站,即可得到企業(yè)或商家提供的所有服務(wù)內(nèi)部管理網(wǎng)站模式P28
是企業(yè)的網(wǎng)上辦公平臺2.2網(wǎng)站規(guī)劃2.2.3網(wǎng)站規(guī)劃的類型1502.2網(wǎng)站規(guī)劃2.2.3網(wǎng)站規(guī)劃的類型BtoC網(wǎng)站模式P29
圖2.5當(dāng)當(dāng)網(wǎng)上商城BtoB網(wǎng)站模式P30
圖2.7阿里巴巴
主要實體:賣方企業(yè)、買方企業(yè)、銀行、海關(guān)等電子政務(wù)網(wǎng)站模式P32
政務(wù)公開、網(wǎng)上辦公2.2網(wǎng)站規(guī)劃2.2.3網(wǎng)站規(guī)劃的類型1513.3.2ASP簡介P753.3.2ASP簡介P751523.3.2ASP簡介ASP的語法簡介P76ASP的默認(rèn)腳本語言:VBScriptASP文件中主要包括如下內(nèi)容:HTML標(biāo)記;VBScript或JScript語言的程序代碼;ASP代碼(<%…%>標(biāo)記包含的部分)3.3.2ASP簡介ASP的語法簡介P761533.3.2ASP簡介數(shù)據(jù)庫ASP工作原理3.3.2ASP簡介數(shù)據(jù)庫ASP工作原理1543.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%>3.3.2ASP簡介賦值:變量名=值,把右側(cè)的值賦給左側(cè)1555.4IIS應(yīng)用P177IIS:InternetInformationServer(Service)主要功能:Web服務(wù)器FTP服務(wù)器SMTPNNTP安裝控制面板→添加/刪除程序→Windows組件5.4IIS應(yīng)用P177IIS:InternetInf1565.4IIS應(yīng)用5.4IIS應(yīng)用1575.4IIS應(yīng)用創(chuàng)建虛擬目錄P184虛擬目錄名→確定具體文件夾如:虛擬目錄名:myweb具體文件夾:E:\shanwu\wyy那么訪問該文件夾下的wh.asp的地址為:http://localhost/myweb/wh.asp5.4IIS應(yīng)用創(chuàng)建虛擬目錄P184158VBScript基礎(chǔ)賦值i=sum=0i=i+1sum=sum+iFor循環(huán)for變量=初值to終值step步長……nextVBScript基礎(chǔ)賦值159VBScript基礎(chǔ)例1:j=0ForI=3to20step3j=j+1Next例2:j=1ForI=100to30step-10j=j×1nextVBScript基礎(chǔ)例1:160VBScript基礎(chǔ)<html>→標(biāo)簽<head><title>網(wǎng)頁標(biāo)題</title>→標(biāo)題部分</head><body>
<scriptlanguage=vbscript>→代碼</script></body></html>VBScript基礎(chǔ)<html>161VBScript基礎(chǔ)例3<html><head><title>學(xué)習(xí)VBScript</title></head><body><scriptlanguage=vbscript>j=0ForI=3to20step3j=j+1NextMsgboxj→彈出消息框,輸出變量j的值,輸出文字加“”</script></body></html>VBScript基礎(chǔ)例3162VBScript基礎(chǔ)練習(xí)求1~100的和。(5050)VBScript基礎(chǔ)練習(xí)163VBScript基礎(chǔ)Dowhile……loop循環(huán)Dowhile(條件)例:i=2
dowhileI<=5I=I*2looploop條件為真執(zhí)行循環(huán)msgbox"i的值是"&iVBScript基礎(chǔ)Dowhile……loop循環(huán)164VBScript基礎(chǔ)Do……loopwhile循環(huán)Do例:i=6
doI=I*2loopwhile(條件)loopwhileI<=5條件為真執(zhí)行循環(huán)msgbox"i的值是"&i
VBScript基礎(chǔ)Do……loopwhile循環(huán)165VBScript基礎(chǔ)選擇結(jié)構(gòu)If……then……elseIf(條件)ThenElseEndif條件為真執(zhí)行then部分,為假執(zhí)行else部分例:i=16if(i<10)thenmsgbox"i小于10"elsemsgbox"i大于10"endifVBScript基礎(chǔ)選擇結(jié)構(gòu)例:166VBScript基礎(chǔ)練習(xí):判斷一個數(shù)是奇數(shù)還是偶數(shù)。提示:函數(shù)mod求余,如8mod3的值是2VBScript基礎(chǔ)練習(xí):167ASP的內(nèi)置對象P78ASP提供5個內(nèi)置對象RequestResponseServerApplicationSessionASP的內(nèi)置對象P78ASP提供5個內(nèi)置對象168ASP的內(nèi)置對象P78ASP的內(nèi)置對象P78169ASP的內(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)置對象P78RequestP79170ASP的內(nèi)置對象P78ApplicationP83在給定的應(yīng)用程序的所有用戶之間共享信息Application.lock:確保同一時刻僅有一個用戶可修改Application變量Application.unlock:允許其他用戶修改Application變量例3.20Application_onstartP85Application_onendASP的內(nèi)置對象P78ApplicationP83171ASP的內(nèi)置對象P78P85<scriptlanguage=vbscriptrunat=server>……<script>等價于<%……%>都用于包含ASP代碼,表示在服務(wù)器端運行ASP的內(nèi)置對象P78P85172ASP的內(nèi)置對象P78SessionP85用于存儲特定用戶會話所需的信息。Session_onstartSession_onendApplication_onstart事件在Session_onstart事件之前發(fā)生,當(dāng)應(yīng)用程序退出時App
溫馨提示
- 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)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 二零二四年度養(yǎng)老院場地租賃與養(yǎng)老服務(wù)合同
- 二零二五年度生態(tài)濕地植物種植與養(yǎng)護(hù)服務(wù)合同范例4篇
- 2025年度綠色建筑產(chǎn)業(yè)園區(qū)租賃合同3篇
- 二零二五版班組工前會工后會記錄與應(yīng)急管理服務(wù)合同3篇
- 二零二五年度木托盤定制加工合同4篇
- 2025年度企業(yè)并購出資股東協(xié)議書4篇
- 2025年度木工材料采購與供應(yīng)合同范本4篇
- 2025年度市政基礎(chǔ)設(shè)施維護(hù)承包協(xié)議書范本4篇
- 二零二五版新型儲藏室租賃經(jīng)營合作協(xié)議3篇
- 2025年度廠房物業(yè)管理與市場推廣協(xié)議3篇
- 三級人工智能訓(xùn)練師(高級)職業(yè)技能等級認(rèn)定考試題及答案
- 華為全屋智能試題
- 第三單元名著導(dǎo)讀《經(jīng)典常談》知識清單 統(tǒng)編版語文八年級下冊
- 第十七章-阿法芙·I·梅勒斯的轉(zhuǎn)變理論
- 焊接機(jī)器人在汽車制造中應(yīng)用案例分析報告
- 合成生物學(xué)在生物技術(shù)中的應(yīng)用
- 中醫(yī)門診病歷
- 廣西華銀鋁業(yè)財務(wù)分析報告
- 無違法犯罪記錄證明申請表(個人)
- 大學(xué)生勞動教育PPT完整全套教學(xué)課件
- 繼電保護(hù)原理應(yīng)用及配置課件
評論
0/150
提交評論