電子商務(wù)網(wǎng)站的設(shè)計(jì)培訓(xùn)教程課件

第3章電子商務(wù)網(wǎng)站的設(shè)計(jì)學(xué)習(xí)要點(diǎn)設(shè)計(jì)的目標(biāo)、原則、特點(diǎn)及過程Web數(shù)據(jù)庫(kù)訪問技術(shù)HTML語(yǔ)言ASP動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)網(wǎng)頁(yè)的制作第3章電子商務(wù)網(wǎng)站的設(shè)計(jì)學(xué)習(xí)要點(diǎn)1本章內(nèi)容3.1網(wǎng)站設(shè)計(jì)概述3.2網(wǎng)站數(shù)據(jù)庫(kù)3.3網(wǎng)站開發(fā)技術(shù)3.4動(dòng)態(tài)網(wǎng)頁(yè)編輯本章內(nèi)容3.1網(wǎng)站設(shè)計(jì)概述23.1網(wǎng)站設(shè)計(jì)概述域名——網(wǎng)絡(luò)商標(biāo)，是企業(yè)無形資產(chǎn)的組成部分網(wǎng)站是企業(yè)在互聯(lián)網(wǎng)上的門戶設(shè)計(jì)是制作的基礎(chǔ)設(shè)計(jì)是網(wǎng)站的核心和靈魂制作是設(shè)計(jì)結(jié)果的表現(xiàn)形式3.1.1網(wǎng)站設(shè)計(jì)的目標(biāo)3.1.2網(wǎng)站設(shè)計(jì)的原則3.1.3網(wǎng)站設(shè)計(jì)的特點(diǎn)3.1.4網(wǎng)站設(shè)計(jì)的過程3.1網(wǎng)站設(shè)計(jì)概述域名——網(wǎng)絡(luò)商標(biāo)，是企業(yè)無形資產(chǎn)的組成部33.1.1網(wǎng)站設(shè)計(jì)的目標(biāo)形象定位準(zhǔn)確系統(tǒng)功能完善操作人性化安全性強(qiáng)運(yùn)行效率高管理更新方式靈活3.1.1網(wǎng)站設(shè)計(jì)的目標(biāo)形象定位準(zhǔn)確4網(wǎng)站的安全性網(wǎng)站安全性的保障手段硬件——選用可靠性高的設(shè)備軟件——程序中設(shè)置各種檢驗(yàn)措施運(yùn)行環(huán)境——有軟硬件的安全保障措施、操作的規(guī)章制度認(rèn)證體系支付方式安全保護(hù)物流配送因特網(wǎng)的基礎(chǔ)設(shè)施：帶寬與運(yùn)行速度網(wǎng)站的安全性網(wǎng)站安全性的保障手段53.1.2網(wǎng)站設(shè)計(jì)的原則明確建站的目的和目標(biāo)群體總體設(shè)計(jì)方案主題鮮明網(wǎng)站的版式設(shè)計(jì)要表達(dá)出和諧與美合理運(yùn)用色彩網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律及留白等手段充分運(yùn)用空間、文字、圖形間的關(guān)系利用多媒體功能注意網(wǎng)站的層次性和一致性內(nèi)容經(jīng)常更新：五個(gè)適當(dāng)（適當(dāng)?shù)臅r(shí)間、位置、方式、人、內(nèi)容）努力提高網(wǎng)站的性能：提高速度（<10s）、穩(wěn)定性、安全性、抗攻擊能力、恢復(fù)能力等合理運(yùn)用新技術(shù)：適度、適當(dāng)頁(yè)面整體風(fēng)格一致界面元素的命名一致功能一致元素風(fēng)格一致3.1.2網(wǎng)站設(shè)計(jì)的原則明確建站的目的和目標(biāo)群體63.1.3網(wǎng)站設(shè)計(jì)的特點(diǎn)結(jié)構(gòu)清晰便于使用導(dǎo)向清晰短暫的下載時(shí)間有價(jià)值的內(nèi)容方便的反饋及訂購(gòu)程序3.1.3網(wǎng)站設(shè)計(jì)的特點(diǎn)結(jié)構(gòu)清晰便于使用73.1.4網(wǎng)站設(shè)計(jì)的過程概括為兩個(gè)方面：純網(wǎng)站本身設(shè)計(jì)（文字排版，圖片制作，平面設(shè)計(jì)，三維立體設(shè)計(jì)，靜態(tài)無聲圖文，動(dòng)態(tài)有聲影像等）、網(wǎng)站的延伸設(shè)計(jì)（主題定位和瀏覽群的定位，智能交互，制作策劃，形象包裝，宣傳營(yíng)銷）確定網(wǎng)站設(shè)計(jì)總體思想，如何實(shí)現(xiàn)網(wǎng)站的目標(biāo)確定網(wǎng)站的風(fēng)格和特點(diǎn)，網(wǎng)頁(yè)的外觀及使用方面的特點(diǎn)確定網(wǎng)站提供的內(nèi)容，對(duì)網(wǎng)站的內(nèi)容進(jìn)行分類編寫網(wǎng)站設(shè)計(jì)的計(jì)劃書，明確人員分配、協(xié)調(diào)及進(jìn)度制作網(wǎng)頁(yè)測(cè)試網(wǎng)頁(yè)：在不同的瀏覽器上測(cè)試試用網(wǎng)站，反饋效果，修改網(wǎng)站：讓部分顧客和員工試用推出網(wǎng)站網(wǎng)站設(shè)計(jì)的總體思想：功能全面、結(jié)構(gòu)清晰、布局合理、操作方便、內(nèi)容豐富、富有特色3.1.4網(wǎng)站設(shè)計(jì)的過程概括為兩個(gè)方面：純網(wǎng)站本身設(shè)計(jì)（文8網(wǎng)站的風(fēng)格平易近人簡(jiǎn)潔清爽溫文儒雅生動(dòng)活潑專業(yè)嚴(yán)肅肅穆莊嚴(yán)歐美風(fēng)格溫馨可人8網(wǎng)站的風(fēng)格平易近人89網(wǎng)頁(yè)的外觀1.結(jié)構(gòu)正常平衡亦稱“勻稱”。多指左右、上下對(duì)照形式，能達(dá)到安定、誠(chéng)實(shí)、信賴的效果。異常平衡即非對(duì)照形式，但也要平衡和韻律，此種布局能達(dá)到強(qiáng)調(diào)性、不安性、高注目性的效果。2.風(fēng)格3.信息排布對(duì)比所謂對(duì)比，不僅利用色彩、色調(diào)等技巧來作表現(xiàn)，在內(nèi)容上也可涉及古與今、新與舊、貧與富等對(duì)比。凝視所謂凝視是利用頁(yè)面中人物視線，使瀏覽者仿照跟隨的心理，以達(dá)到注視頁(yè)面的效果，一般多用明星凝視狀。空白空白有兩種作用，一方面對(duì)其他網(wǎng)站表示突出卓越，另一方面也表示網(wǎng)頁(yè)品位的優(yōu)越感，這種表現(xiàn)方法對(duì)體顯網(wǎng)頁(yè)的格調(diào)十分有效。分隔頁(yè)面中各部分間要用線條、Flash動(dòng)畫、圖片等分開4.視覺順序:通常從左向右，從上向下5.方便的導(dǎo)航：上下呼應(yīng)8網(wǎng)頁(yè)的外觀810網(wǎng)頁(yè)外觀結(jié)構(gòu)首頁(yè)結(jié)構(gòu)1網(wǎng)頁(yè)外觀結(jié)構(gòu)首頁(yè)結(jié)構(gòu)111簡(jiǎn)單的網(wǎng)站主要內(nèi)容公司主頁(yè)公司簡(jiǎn)介公司組織公司產(chǎn)品售后服務(wù)信息服務(wù)軟件開發(fā)企業(yè)反饋30簡(jiǎn)單的網(wǎng)站主要內(nèi)容公司主頁(yè)公司簡(jiǎn)介公司組織公司產(chǎn)品售后服務(wù)信12旅游網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)——前臺(tái)設(shè)計(jì)機(jī)票旅游產(chǎn)品社區(qū)會(huì)員中心客戶服務(wù)國(guó)外機(jī)票國(guó)內(nèi)機(jī)票打折機(jī)票個(gè)人度假旅游商務(wù)旅游評(píng)論社區(qū)說明作品發(fā)表俱樂部會(huì)員登錄會(huì)員注冊(cè)訂單管理積分獎(jiǎng)勵(lì)常見問題新手上路線路查詢線路推薦線路預(yù)訂首頁(yè)酒店酒店預(yù)訂海外酒店國(guó)內(nèi)酒店旅游網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)——前臺(tái)設(shè)計(jì)機(jī)票旅游產(chǎn)品社區(qū)會(huì)員中心客戶服13網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)——后臺(tái)設(shè)計(jì)用戶管理新聞管理酒店、機(jī)票管理訂單管理線路管理修改密碼用戶列表系統(tǒng)管理員添加新聞刪除新聞刪除訂單訂單處理登錄及身份識(shí)別刪除航班添加航班更新航班添加酒店信息刪除酒店信息更新酒店信息線路更新線路添加線路刪除網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)——后臺(tái)設(shè)計(jì)用戶管理新聞管理酒店、機(jī)票管理訂單143.2網(wǎng)站數(shù)據(jù)庫(kù)3.2.1常用的網(wǎng)站數(shù)據(jù)庫(kù)3.2.2網(wǎng)站數(shù)據(jù)庫(kù)訪問技術(shù)3.2網(wǎng)站數(shù)據(jù)庫(kù)3.2.1常用的網(wǎng)站數(shù)據(jù)庫(kù)153.2.1常用的數(shù)據(jù)庫(kù)AccessSQLServer2000OracleDB2MySQL3.2.1常用的數(shù)據(jù)庫(kù)Access163.2.2網(wǎng)站數(shù)據(jù)庫(kù)訪問技術(shù)1.ODBC的定義ODBC(OpenDataBaseConnectivity)即開放數(shù)據(jù)庫(kù)互聯(lián)，是一個(gè)標(biāo)準(zhǔn)的數(shù)據(jù)庫(kù)接口，給應(yīng)用程序數(shù)據(jù)互聯(lián)提供了一個(gè)標(biāo)準(zhǔn)的數(shù)據(jù)庫(kù)存取方式，可以存取數(shù)據(jù)庫(kù)源，實(shí)現(xiàn)不同數(shù)據(jù)庫(kù)間的數(shù)據(jù)轉(zhuǎn)換。2.OLEDBOLEDB——Objectlinkingandembeddingfordatabase，對(duì)象鏈接與嵌入數(shù)據(jù)庫(kù)3.ADOADO——ActiveXDataObjectObject，數(shù)據(jù)對(duì)象數(shù)據(jù)庫(kù)3.2.2網(wǎng)站數(shù)據(jù)庫(kù)訪問技術(shù)1.ODBC的定義17ODBC原理圖.asp應(yīng)用程序ODBC應(yīng)用程序接口DB2驅(qū)動(dòng)程序SQLServer驅(qū)動(dòng)程序Oracle驅(qū)動(dòng)程序Access驅(qū)動(dòng)程序DB2數(shù)據(jù)庫(kù)Oracle數(shù)據(jù)庫(kù)Access數(shù)據(jù)庫(kù) SQLServer數(shù)據(jù)庫(kù)ODBC原理圖.asp應(yīng)用程序ODBC應(yīng)用程序接口DB2SQ18Asp應(yīng)用程序、

OLEDB、ODBC和數(shù)據(jù)庫(kù)間的關(guān)系A(chǔ)SP應(yīng)用程序ADO組件

ODBC提供程序OLEDBOLEDB接口其他數(shù)據(jù)提供程序

ODBC驅(qū)動(dòng)程序各種數(shù)據(jù)庫(kù)OLEDB驅(qū)動(dòng)程序Asp應(yīng)用程序、

OLEDB、ODBC和數(shù)據(jù)庫(kù)間的關(guān)系A(chǔ)19數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)：商品管理、客戶管理等數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)中的數(shù)據(jù)表：商品信息表、新聞信息表、留言表、客戶基本信息表、訂單表等數(shù)據(jù)表的結(jié)構(gòu)：字段（Customer）各字段的類型：數(shù)字、文本、日期/時(shí)間、備注、邏輯各字段的寬度：字段中存放數(shù)據(jù)的個(gè)數(shù)，用字節(jié)表示UserSexPassworddateAddress數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)：商品管理、客戶管理等數(shù)據(jù)庫(kù)UserSexP20Access數(shù)據(jù)庫(kù)主要數(shù)據(jù)類型文本：這種類型允許最大255個(gè)字符或數(shù)字，Access默認(rèn)的大小是50個(gè)字符數(shù)字：這種字段類型可以用來存儲(chǔ)進(jìn)行算術(shù)計(jì)算的數(shù)字?jǐn)?shù)據(jù)貨幣：這種類型是數(shù)字?jǐn)?shù)據(jù)類型的特殊類型，輸入時(shí)不必鍵入人民幣符號(hào)和千位處的逗號(hào)，精確度左15位，右4位自動(dòng)編號(hào)：每向表格添加新記錄時(shí)，Access會(huì)自動(dòng)插入唯一順序或者隨機(jī)編號(hào)是/否：只包含兩個(gè)不同的可選值而設(shè)立的字段OLE對(duì)象：指在其他使用OLE協(xié)議程序創(chuàng)建的對(duì)象，例如WORD文檔、EXCEL電子表格、圖像、聲音日期/時(shí)間：用來存儲(chǔ)日期、時(shí)間或日期時(shí)間，大小是8B備注：用來保存長(zhǎng)度較長(zhǎng)的文本及數(shù)字，它允許字段能夠存儲(chǔ)長(zhǎng)達(dá)64000個(gè)字符的內(nèi)容。Access數(shù)據(jù)庫(kù)主要數(shù)據(jù)類型文本：這種類型允許最大255個(gè)21創(chuàng)建數(shù)據(jù)庫(kù)打開Access數(shù)據(jù)庫(kù)軟件建立Access數(shù)據(jù)庫(kù)(*.mdb)“新建”|“空數(shù)據(jù)庫(kù)”保存數(shù)據(jù)庫(kù)文件選擇“表”項(xiàng)目表的創(chuàng)建使用設(shè)計(jì)器創(chuàng)建使用向?qū)?chuàng)建通過輸入數(shù)據(jù)創(chuàng)建在設(shè)計(jì)器中輸入字段名，選擇數(shù)據(jù)類型注意:1)各字段的數(shù)據(jù)類型及函數(shù)的正確應(yīng)用2)主關(guān)鍵字的設(shè)置：?jiǎn)螕羟斑叺蔫€匙圖標(biāo)3)字段名用英文且與網(wǎng)頁(yè)中表單元素名相同創(chuàng)建數(shù)據(jù)庫(kù)打開Access數(shù)據(jù)庫(kù)軟件22Access的數(shù)據(jù)庫(kù)中表結(jié)構(gòu)的設(shè)計(jì)Access的數(shù)據(jù)庫(kù)中表結(jié)構(gòu)的設(shè)計(jì)233.3網(wǎng)站開發(fā)技術(shù)簡(jiǎn)介HTML語(yǔ)言開發(fā)，用一系列標(biāo)記，標(biāo)記文檔中的對(duì)象，一般開發(fā)制作靜態(tài)網(wǎng)頁(yè)以下是動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)制作技術(shù)ASP是一個(gè)服務(wù)器端的開發(fā)技術(shù)，用VBScript（JavaSCript）開發(fā)PHP是一種跨平臺(tái)的服務(wù)器端的嵌入式腳本語(yǔ)言JSP可以在Serverlet和JavaBean的支持下完成功能強(qiáng)大的站點(diǎn)程序3.3網(wǎng)站開發(fā)技術(shù)簡(jiǎn)介HTML語(yǔ)言開發(fā)，用一系列標(biāo)記，標(biāo)記243.4動(dòng)態(tài)網(wǎng)站編輯一、開發(fā)基礎(chǔ)二、運(yùn)行環(huán)境三、測(cè)試服務(wù)器四、動(dòng)態(tài)網(wǎng)頁(yè)創(chuàng)建3.4動(dòng)態(tài)網(wǎng)站編輯一、開發(fā)基礎(chǔ)25一、開發(fā)基礎(chǔ)1.靜態(tài)網(wǎng)頁(yè)2.動(dòng)態(tài)網(wǎng)頁(yè)3.運(yùn)行方式一、開發(fā)基礎(chǔ)1.靜態(tài)網(wǎng)頁(yè)26靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)1.靜態(tài)網(wǎng)頁(yè)：是指內(nèi)容固定不變的純粹HTML網(wǎng)頁(yè)，通常擴(kuò)展名是.htm或.html2.動(dòng)態(tài)網(wǎng)頁(yè)，就是網(wǎng)頁(yè)內(nèi)含有程序代碼，并會(huì)被服務(wù)器端執(zhí)行的網(wǎng)頁(yè)，通常在服務(wù)器端以擴(kuò)展名.asp或是.aspx儲(chǔ)存，表示里面的內(nèi)容是ActiveServerPages（ASP）動(dòng)態(tài)網(wǎng)頁(yè)，有需要執(zhí)行的程序。是指能向許多用戶提供數(shù)據(jù)的大型計(jì)算機(jī)或軟件服務(wù)器的種類：Web服務(wù)器、FTP服務(wù)器、E-mail服務(wù)器、DNS服務(wù)器、數(shù)據(jù)庫(kù)服務(wù)器等靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)1.靜態(tài)網(wǎng)頁(yè)：是指內(nèi)容固定不變的純粹HTM27靜態(tài)網(wǎng)頁(yè)運(yùn)行模式用戶訪問時(shí)直接從服務(wù)器上存取，網(wǎng)頁(yè)內(nèi)容不變發(fā)出請(qǐng)求發(fā)回網(wǎng)頁(yè)服務(wù)器端客戶端靜態(tài)網(wǎng)頁(yè)運(yùn)行模式用戶訪問時(shí)直接從服務(wù)器上存取，網(wǎng)頁(yè)內(nèi)容不變發(fā)28動(dòng)態(tài)網(wǎng)頁(yè)運(yùn)行模式網(wǎng)頁(yè)中加入一定的代碼，用戶訪問時(shí)動(dòng)態(tài)的從服務(wù)器中存取，請(qǐng)求不同獲得不同內(nèi)容的網(wǎng)頁(yè)動(dòng)態(tài)網(wǎng)頁(yè)運(yùn)行模式網(wǎng)頁(yè)中加入一定的代碼，用戶訪問時(shí)動(dòng)態(tài)的從服務(wù)29二、運(yùn)行環(huán)境1.安裝IIS服務(wù)器2.設(shè)置IIS二、運(yùn)行環(huán)境1.安裝IIS服務(wù)器30IIS服務(wù)器的操作IIS服務(wù)器的操作31虛擬目錄的創(chuàng)建打開Internet信息服務(wù)窗口打開展開“網(wǎng)站”，在“默認(rèn)網(wǎng)站”上右擊，選擇“新建”|“虛擬目錄”打開“新建虛擬目錄”向?qū)г谙驅(qū)О凑仗崾静僮鬏斎胩摂M路徑名Htm或Asp文件所在的實(shí)際文件夾單擊“下一步”按鈕設(shè)置權(quán)限單擊“完成”注意：虛擬目錄實(shí)際上是建立一個(gè)指向?qū)嶋H目錄的指針，實(shí)際目錄中的內(nèi)容不需要遷移到IIS服務(wù)器的默認(rèn)目錄下。（該目錄并不存在，但可以起到主目錄的作用，因而稱為虛擬目錄）虛擬目錄的創(chuàng)建打開Internet信息服務(wù)窗口打開32三、測(cè)試服務(wù)器1.命令法方法１——http://locahost[/虛擬路徑名/文件名]2.本機(jī)IP地址法方法２——/虛擬路徑名/文件名三、測(cè)試服務(wù)器1.命令法33四、動(dòng)態(tài)網(wǎng)頁(yè)的創(chuàng)建動(dòng)態(tài)網(wǎng)頁(yè)創(chuàng)建步驟創(chuàng)建動(dòng)態(tài)站點(diǎn)創(chuàng)建數(shù)據(jù)庫(kù)連接數(shù)據(jù)庫(kù)創(chuàng)建記錄集添加服務(wù)器行為編輯調(diào)試網(wǎng)頁(yè)四、動(dòng)態(tài)網(wǎng)頁(yè)的創(chuàng)建34第3章電子商務(wù)網(wǎng)站的設(shè)計(jì)學(xué)習(xí)要點(diǎn)設(shè)計(jì)的目標(biāo)、原則、特點(diǎn)及過程Web數(shù)據(jù)庫(kù)訪問技術(shù)HTML語(yǔ)言ASP動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)網(wǎng)頁(yè)的制作第3章電子商務(wù)網(wǎng)站的設(shè)計(jì)學(xué)習(xí)要點(diǎn)35本章內(nèi)容3.1網(wǎng)站設(shè)計(jì)概述3.2網(wǎng)站數(shù)據(jù)庫(kù)3.3網(wǎng)站開發(fā)技術(shù)3.4動(dòng)態(tài)網(wǎng)頁(yè)編輯本章內(nèi)容3.1網(wǎng)站設(shè)計(jì)概述363.1網(wǎng)站設(shè)計(jì)概述域名——網(wǎng)絡(luò)商標(biāo)，是企業(yè)無形資產(chǎn)的組成部分網(wǎng)站是企業(yè)在互聯(lián)網(wǎng)上的門戶設(shè)計(jì)是制作的基礎(chǔ)設(shè)計(jì)是網(wǎng)站的核心和靈魂制作是設(shè)計(jì)結(jié)果的表現(xiàn)形式3.1.1網(wǎng)站設(shè)計(jì)的目標(biāo)3.1.2網(wǎng)站設(shè)計(jì)的原則3.1.3網(wǎng)站設(shè)計(jì)的特點(diǎn)3.1.4網(wǎng)站設(shè)計(jì)的過程3.1網(wǎng)站設(shè)計(jì)概述域名——網(wǎng)絡(luò)商標(biāo)，是企業(yè)無形資產(chǎn)的組成部373.1.1網(wǎng)站設(shè)計(jì)的目標(biāo)形象定位準(zhǔn)確系統(tǒng)功能完善操作人性化安全性強(qiáng)運(yùn)行效率高管理更新方式靈活3.1.1網(wǎng)站設(shè)計(jì)的目標(biāo)形象定位準(zhǔn)確38網(wǎng)站的安全性網(wǎng)站安全性的保障手段硬件——選用可靠性高的設(shè)備軟件——程序中設(shè)置各種檢驗(yàn)措施運(yùn)行環(huán)境——有軟硬件的安全保障措施、操作的規(guī)章制度認(rèn)證體系支付方式安全保護(hù)物流配送因特網(wǎng)的基礎(chǔ)設(shè)施：帶寬與運(yùn)行速度網(wǎng)站的安全性網(wǎng)站安全性的保障手段393.1.2網(wǎng)站設(shè)計(jì)的原則明確建站的目的和目標(biāo)群體總體設(shè)計(jì)方案主題鮮明網(wǎng)站的版式設(shè)計(jì)要表達(dá)出和諧與美合理運(yùn)用色彩網(wǎng)頁(yè)形式與內(nèi)容相統(tǒng)一運(yùn)用對(duì)比與調(diào)和、對(duì)稱與平衡、節(jié)奏與韻律及留白等手段充分運(yùn)用空間、文字、圖形間的關(guān)系利用多媒體功能注意網(wǎng)站的層次性和一致性內(nèi)容經(jīng)常更新：五個(gè)適當(dāng)（適當(dāng)?shù)臅r(shí)間、位置、方式、人、內(nèi)容）努力提高網(wǎng)站的性能：提高速度（<10s）、穩(wěn)定性、安全性、抗攻擊能力、恢復(fù)能力等合理運(yùn)用新技術(shù)：適度、適當(dāng)頁(yè)面整體風(fēng)格一致界面元素的命名一致功能一致元素風(fēng)格一致3.1.2網(wǎng)站設(shè)計(jì)的原則明確建站的目的和目標(biāo)群體403.1.3網(wǎng)站設(shè)計(jì)的特點(diǎn)結(jié)構(gòu)清晰便于使用導(dǎo)向清晰短暫的下載時(shí)間有價(jià)值的內(nèi)容方便的反饋及訂購(gòu)程序3.1.3網(wǎng)站設(shè)計(jì)的特點(diǎn)結(jié)構(gòu)清晰便于使用413.1.4網(wǎng)站設(shè)計(jì)的過程概括為兩個(gè)方面：純網(wǎng)站本身設(shè)計(jì)（文字排版，圖片制作，平面設(shè)計(jì)，三維立體設(shè)計(jì)，靜態(tài)無聲圖文，動(dòng)態(tài)有聲影像等）、網(wǎng)站的延伸設(shè)計(jì)（主題定位和瀏覽群的定位，智能交互，制作策劃，形象包裝，宣傳營(yíng)銷）確定網(wǎng)站設(shè)計(jì)總體思想，如何實(shí)現(xiàn)網(wǎng)站的目標(biāo)確定網(wǎng)站的風(fēng)格和特點(diǎn)，網(wǎng)頁(yè)的外觀及使用方面的特點(diǎn)確定網(wǎng)站提供的內(nèi)容，對(duì)網(wǎng)站的內(nèi)容進(jìn)行分類編寫網(wǎng)站設(shè)計(jì)的計(jì)劃書，明確人員分配、協(xié)調(diào)及進(jìn)度制作網(wǎng)頁(yè)測(cè)試網(wǎng)頁(yè)：在不同的瀏覽器上測(cè)試試用網(wǎng)站，反饋效果，修改網(wǎng)站：讓部分顧客和員工試用推出網(wǎng)站網(wǎng)站設(shè)計(jì)的總體思想：功能全面、結(jié)構(gòu)清晰、布局合理、操作方便、內(nèi)容豐富、富有特色3.1.4網(wǎng)站設(shè)計(jì)的過程概括為兩個(gè)方面：純網(wǎng)站本身設(shè)計(jì)（文42網(wǎng)站的風(fēng)格平易近人簡(jiǎn)潔清爽溫文儒雅生動(dòng)活潑專業(yè)嚴(yán)肅肅穆莊嚴(yán)歐美風(fēng)格溫馨可人8網(wǎng)站的風(fēng)格平易近人843網(wǎng)頁(yè)的外觀1.結(jié)構(gòu)正常平衡亦稱“勻稱”。多指左右、上下對(duì)照形式，能達(dá)到安定、誠(chéng)實(shí)、信賴的效果。異常平衡即非對(duì)照形式，但也要平衡和韻律，此種布局能達(dá)到強(qiáng)調(diào)性、不安性、高注目性的效果。2.風(fēng)格3.信息排布對(duì)比所謂對(duì)比，不僅利用色彩、色調(diào)等技巧來作表現(xiàn)，在內(nèi)容上也可涉及古與今、新與舊、貧與富等對(duì)比。凝視所謂凝視是利用頁(yè)面中人物視線，使瀏覽者仿照跟隨的心理，以達(dá)到注視頁(yè)面的效果，一般多用明星凝視狀。空白空白有兩種作用，一方面對(duì)其他網(wǎng)站表示突出卓越，另一方面也表示網(wǎng)頁(yè)品位的優(yōu)越感，這種表現(xiàn)方法對(duì)體顯網(wǎng)頁(yè)的格調(diào)十分有效。分隔頁(yè)面中各部分間要用線條、Flash動(dòng)畫、圖片等分開4.視覺順序:通常從左向右，從上向下5.方便的導(dǎo)航：上下呼應(yīng)8網(wǎng)頁(yè)的外觀844網(wǎng)頁(yè)外觀結(jié)構(gòu)首頁(yè)結(jié)構(gòu)1網(wǎng)頁(yè)外觀結(jié)構(gòu)首頁(yè)結(jié)構(gòu)145簡(jiǎn)單的網(wǎng)站主要內(nèi)容公司主頁(yè)公司簡(jiǎn)介公司組織公司產(chǎn)品售后服務(wù)信息服務(wù)軟件開發(fā)企業(yè)反饋30簡(jiǎn)單的網(wǎng)站主要內(nèi)容公司主頁(yè)公司簡(jiǎn)介公司組織公司產(chǎn)品售后服務(wù)信46旅游網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)——前臺(tái)設(shè)計(jì)機(jī)票旅游產(chǎn)品社區(qū)會(huì)員中心客戶服務(wù)國(guó)外機(jī)票國(guó)內(nèi)機(jī)票打折機(jī)票個(gè)人度假旅游商務(wù)旅游評(píng)論社區(qū)說明作品發(fā)表俱樂部會(huì)員登錄會(huì)員注冊(cè)訂單管理積分獎(jiǎng)勵(lì)常見問題新手上路線路查詢線路推薦線路預(yù)訂首頁(yè)酒店酒店預(yù)訂海外酒店國(guó)內(nèi)酒店旅游網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)——前臺(tái)設(shè)計(jì)機(jī)票旅游產(chǎn)品社區(qū)會(huì)員中心客戶服47網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)——后臺(tái)設(shè)計(jì)用戶管理新聞管理酒店、機(jī)票管理訂單管理線路管理修改密碼用戶列表系統(tǒng)管理員添加新聞刪除新聞刪除訂單訂單處理登錄及身份識(shí)別刪除航班添加航班更新航班添加酒店信息刪除酒店信息更新酒店信息線路更新線路添加線路刪除網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)——后臺(tái)設(shè)計(jì)用戶管理新聞管理酒店、機(jī)票管理訂單483.2網(wǎng)站數(shù)據(jù)庫(kù)3.2.1常用的網(wǎng)站數(shù)據(jù)庫(kù)3.2.2網(wǎng)站數(shù)據(jù)庫(kù)訪問技術(shù)3.2網(wǎng)站數(shù)據(jù)庫(kù)3.2.1常用的網(wǎng)站數(shù)據(jù)庫(kù)493.2.1常用的數(shù)據(jù)庫(kù)AccessSQLServer2000OracleDB2MySQL3.2.1常用的數(shù)據(jù)庫(kù)Access503.2.2網(wǎng)站數(shù)據(jù)庫(kù)訪問技術(shù)1.ODBC的定義ODBC(OpenDataBaseConnectivity)即開放數(shù)據(jù)庫(kù)互聯(lián)，是一個(gè)標(biāo)準(zhǔn)的數(shù)據(jù)庫(kù)接口，給應(yīng)用程序數(shù)據(jù)互聯(lián)提供了一個(gè)標(biāo)準(zhǔn)的數(shù)據(jù)庫(kù)存取方式，可以存取數(shù)據(jù)庫(kù)源，實(shí)現(xiàn)不同數(shù)據(jù)庫(kù)間的數(shù)據(jù)轉(zhuǎn)換。2.OLEDBOLEDB——Objectlinkingandembeddingfordatabase，對(duì)象鏈接與嵌入數(shù)據(jù)庫(kù)3.ADOADO——ActiveXDataObjectObject，數(shù)據(jù)對(duì)象數(shù)據(jù)庫(kù)3.2.2網(wǎng)站數(shù)據(jù)庫(kù)訪問技術(shù)1.ODBC的定義51ODBC原理圖.asp應(yīng)用程序ODBC應(yīng)用程序接口DB2驅(qū)動(dòng)程序SQLServer驅(qū)動(dòng)程序Oracle驅(qū)動(dòng)程序Access驅(qū)動(dòng)程序DB2數(shù)據(jù)庫(kù)Oracle數(shù)據(jù)庫(kù)Access數(shù)據(jù)庫(kù) SQLServer數(shù)據(jù)庫(kù)ODBC原理圖.asp應(yīng)用程序ODBC應(yīng)用程序接口DB2SQ52Asp應(yīng)用程序、

OLEDB、ODBC和數(shù)據(jù)庫(kù)間的關(guān)系A(chǔ)SP應(yīng)用程序ADO組件

ODBC提供程序OLEDBOLEDB接口其他數(shù)據(jù)提供程序

ODBC驅(qū)動(dòng)程序各種數(shù)據(jù)庫(kù)OLEDB驅(qū)動(dòng)程序Asp應(yīng)用程序、

OLEDB、ODBC和數(shù)據(jù)庫(kù)間的關(guān)系A(chǔ)53數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)：商品管理、客戶管理等數(shù)據(jù)庫(kù)數(shù)據(jù)庫(kù)中的數(shù)據(jù)表：商品信息表、新聞信息表、留言表、客戶基本信息表、訂單表等數(shù)據(jù)表的結(jié)構(gòu)：字段（Customer）各字段的類型：數(shù)字、文本、日期/時(shí)間、備注、邏輯各字段的寬度：字段中存放數(shù)據(jù)的個(gè)數(shù)，用字節(jié)表示UserSexPassworddateAddress數(shù)據(jù)庫(kù)設(shè)計(jì)數(shù)據(jù)庫(kù)：商品管理、客戶管理等數(shù)據(jù)庫(kù)UserSexP54Access數(shù)據(jù)庫(kù)主要數(shù)據(jù)類型文本：這種類型允許最大255個(gè)字符或數(shù)字，Access默認(rèn)的大小是50個(gè)字符數(shù)字：這種字段類型可以用來存儲(chǔ)進(jìn)行算術(shù)計(jì)算的數(shù)字?jǐn)?shù)據(jù)貨幣：這種類型是數(shù)字?jǐn)?shù)據(jù)類型的特殊類型，輸入時(shí)不必鍵入人民幣符號(hào)和千位處的逗號(hào)，精確度左15位，右4位自動(dòng)編號(hào)：每向表格添加新記錄時(shí)，Access會(huì)自動(dòng)插入唯一順序或者隨機(jī)編號(hào)是/否：只包含兩個(gè)不同的可選值而設(shè)立的字段OLE對(duì)象：指在其他使用OLE協(xié)議程序創(chuàng)建的對(duì)象，例如WORD文檔、EXCEL電子表格、圖像、聲音日期/時(shí)間：用來存儲(chǔ)日期、時(shí)間或日期時(shí)間，大小是8B備注：用來保存長(zhǎng)度較長(zhǎng)的文本及數(shù)字，它允許字段能夠存儲(chǔ)長(zhǎng)達(dá)64000個(gè)字符的內(nèi)容。Access數(shù)據(jù)庫(kù)主要數(shù)據(jù)類型文本：這種類型允許最大255個(gè)55創(chuàng)建數(shù)據(jù)庫(kù)打開Access數(shù)據(jù)庫(kù)軟件建立Access數(shù)據(jù)庫(kù)(*.mdb)“新建”|“空數(shù)據(jù)庫(kù)”保存數(shù)據(jù)庫(kù)文件選擇“表”項(xiàng)目表的創(chuàng)建使用設(shè)計(jì)器創(chuàng)建使用向?qū)?chuàng)建通過輸入數(shù)據(jù)創(chuàng)建在設(shè)計(jì)器中輸入字段名，選擇數(shù)據(jù)類型注意:1)各字段的數(shù)據(jù)類型及函數(shù)的正確應(yīng)用2)主關(guān)鍵字的設(shè)置：?jiǎn)螕羟斑叺蔫€匙圖標(biāo)3)字段名用英文且與網(wǎng)頁(yè)中表單元素名相同創(chuàng)建數(shù)據(jù)庫(kù)打開Access數(shù)據(jù)庫(kù)軟件56Access的數(shù)據(jù)庫(kù)中表結(jié)構(gòu)的設(shè)計(jì)Access的數(shù)據(jù)庫(kù)中表結(jié)構(gòu)的設(shè)計(jì)573.3網(wǎng)站開發(fā)技術(shù)簡(jiǎn)介HTML語(yǔ)言開發(fā)，用一系列標(biāo)記，標(biāo)記文檔中的對(duì)象，一般開發(fā)制作靜態(tài)網(wǎng)頁(yè)以下是動(dòng)態(tài)網(wǎng)頁(yè)開發(fā)制作技術(shù)ASP是一個(gè)服務(wù)器端的開發(fā)技術(shù)，用VBScript（JavaSCript）開發(fā)PHP是一種跨平臺(tái)的服務(wù)器端的嵌入式腳本語(yǔ)言JSP可以在Serverlet和JavaBean的支持下完成功能強(qiáng)大的站點(diǎn)程序3.3網(wǎng)站開發(fā)技術(shù)簡(jiǎn)介HTML語(yǔ)言開發(fā)，用一系列標(biāo)記，標(biāo)記583.4動(dòng)態(tài)網(wǎng)站編輯一、開發(fā)基礎(chǔ)二、運(yùn)行環(huán)境三、測(cè)試服務(wù)器四、動(dòng)態(tài)網(wǎng)頁(yè)創(chuàng)建3.