第2章電子商務(wù)基本技術(shù)

1、打印機(jī)打印機(jī)單證單證數(shù)據(jù)數(shù)據(jù)發(fā)送方發(fā)送方企業(yè)數(shù)據(jù)庫企業(yè)數(shù)據(jù)庫郵局郵局傳真?zhèn)髡婕埫婕埫鎲巫C單證紙面紙面單證單證錄入錄入單證單證數(shù)據(jù)數(shù)據(jù)接受方接受方企業(yè)數(shù)據(jù)庫企業(yè)數(shù)據(jù)庫發(fā)送方企業(yè)發(fā)送方企業(yè)接收方企業(yè)接收方企業(yè)手工條件下的貿(mào)易單證處理程序手工條件下的貿(mào)易單證處理程序InternetVan 或或Internet 標(biāo)準(zhǔn)標(biāo)準(zhǔn)EDI報(bào)文報(bào)文標(biāo)準(zhǔn)標(biāo)準(zhǔn)EDI報(bào)文報(bào)文EDI 軟件軟件EDI 軟件軟件接受方接受方企業(yè)數(shù)據(jù)庫企業(yè)數(shù)據(jù)庫發(fā)送方發(fā)送方企業(yè)數(shù)據(jù)庫企業(yè)數(shù)據(jù)庫單證單證數(shù)據(jù)數(shù)據(jù)單證單證數(shù)據(jù)數(shù)據(jù)發(fā)送方企業(yè)發(fā)送方企業(yè)接收方企業(yè)接收方企業(yè)使用使用EDI時(shí)貿(mào)易單證的處理程序時(shí)貿(mào)易單證的處理程序案例導(dǎo)讀案例導(dǎo)讀 目前，據(jù)推

2、算全球產(chǎn)品和服務(wù)貿(mào)易總額中，行政管理和其它業(yè)務(wù)成本目前，據(jù)推算全球產(chǎn)品和服務(wù)貿(mào)易總額中，行政管理和其它業(yè)務(wù)成本至少占至少占7%7%。做成一筆國際貿(mào)易可能需要處理。做成一筆國際貿(mào)易可能需要處理100100多份文件，取得多份文件，取得2020個(gè)不同組個(gè)不同組織的協(xié)助。電子數(shù)據(jù)交換（織的協(xié)助。電子數(shù)據(jù)交換（EDIEDI）用電子文件代替書面文件，能節(jié)約大量的）用電子文件代替書面文件，能節(jié)約大量的資金和時(shí)間，減少錯(cuò)誤的出現(xiàn)。另外，由于它可以更快地處理訂單，使交資金和時(shí)間，減少錯(cuò)誤的出現(xiàn)。另外，由于它可以更快地處理訂單，使交易商能夠減少庫存。易商能夠減少庫存。 新加坡正在運(yùn)作中的新加坡正在運(yùn)作中的EDIE

3、DI系統(tǒng)就是一個(gè)展示這種技術(shù)優(yōu)點(diǎn)的完美例證。系統(tǒng)就是一個(gè)展示這種技術(shù)優(yōu)點(diǎn)的完美例證。盡管新加坡面積狹小，但它的出口位居世界第盡管新加坡面積狹小，但它的出口位居世界第1212位，進(jìn)口居第位，進(jìn)口居第1313位。其位。其EDIEDI系統(tǒng)系統(tǒng)Trade NetTrade Net從從19891989年開始營作，目前處理該國年開始營作，目前處理該國95%95%的關(guān)稅申報(bào)，所有申報(bào)的關(guān)稅申報(bào)，所有申報(bào)均可在半小時(shí)內(nèi)完成。另外，這一系統(tǒng)正在進(jìn)一步升級(jí)，以便能夠?qū)崟r(shí)處理均可在半小時(shí)內(nèi)完成。另外，這一系統(tǒng)正在進(jìn)一步升級(jí)，以便能夠?qū)崟r(shí)處理報(bào)表，即在報(bào)表，即在5 5分鐘內(nèi)完成交易。據(jù)新加坡估計(jì)，貿(mào)易網(wǎng)每年可為政府節(jié)

4、省大約分鐘內(nèi)完成交易。據(jù)新加坡估計(jì)，貿(mào)易網(wǎng)每年可為政府節(jié)省大約7 7億美元。億美元。案例導(dǎo)讀案例導(dǎo)讀基于基于Web的的EDIInternet庫存庫存訂單訂單其它應(yīng)用WebBrowserWeb ServerEDI Server轉(zhuǎn)換存儲(chǔ)和轉(zhuǎn)發(fā)轉(zhuǎn)換交易請(qǐng)求EDI格式信息虛擬專用網(wǎng)（VAN）EDI格式信息傳統(tǒng)的傳統(tǒng)的EDI交易請(qǐng)求u定義：是將定義：是將Internet技術(shù)應(yīng)用于企業(yè)內(nèi)部事務(wù)，將企業(yè)技術(shù)應(yīng)用于企業(yè)內(nèi)部事務(wù)，將企業(yè)內(nèi)部作業(yè)計(jì)算機(jī)化，從而達(dá)到企業(yè)內(nèi)部資源共享的目的。內(nèi)部作業(yè)計(jì)算機(jī)化，從而達(dá)到企業(yè)內(nèi)部資源共享的目的。u特點(diǎn)：系統(tǒng)容易建立；與平臺(tái)無關(guān)，容易使用，瀏覽器特點(diǎn)：系統(tǒng)容易建立；與平臺(tái)無

5、關(guān)，容易使用，瀏覽器/服務(wù)器結(jié)構(gòu)；結(jié)省費(fèi)用（無紙化辦公）服務(wù)器結(jié)構(gòu)；結(jié)省費(fèi)用（無紙化辦公）什么是什么是Intranet?Intranet?u應(yīng)用：文件傳送功能應(yīng)用：文件傳送功能 、信息發(fā)布、電子郵件、用戶與安、信息發(fā)布、電子郵件、用戶與安全管理、網(wǎng)絡(luò)新聞服務(wù)、數(shù)據(jù)處理查詢服務(wù)等。全管理、網(wǎng)絡(luò)新聞服務(wù)、數(shù)據(jù)處理查詢服務(wù)等。u作用：改變了傳統(tǒng)作業(yè)流程，加強(qiáng)了內(nèi)部文件傳遞、審作用：改變了傳統(tǒng)作業(yè)流程，加強(qiáng)了內(nèi)部文件傳遞、審查，增加了員工的工作效率，提高了企業(yè)的生產(chǎn)效率。查，增加了員工的工作效率，提高了企業(yè)的生產(chǎn)效率。u功能：企業(yè)內(nèi)部發(fā)布信息、理想的銷售工具、召開功能：企業(yè)內(nèi)部發(fā)布信息、理想的銷售工具

6、、召開Web會(huì)議、談?wù)搯栴}。會(huì)議、談?wù)搯栴}。什么是什么是Intranet?Intranet?uInternet提供的服務(wù)器對(duì)用戶無權(quán)限控制，而提供的服務(wù)器對(duì)用戶無權(quán)限控制，而Intranet控制嚴(yán)格，必須授權(quán)才能進(jìn)入。控制嚴(yán)格，必須授權(quán)才能進(jìn)入。uInternet提供信息的頁面以靜態(tài)為主，而提供信息的頁面以靜態(tài)為主，而Intranet以動(dòng)以動(dòng)態(tài)為主，因?yàn)樗峁┑男畔⒋蟛糠峙c數(shù)據(jù)庫有關(guān)，可以實(shí)態(tài)為主，因?yàn)樗峁┑男畔⒋蟛糠峙c數(shù)據(jù)庫有關(guān)，可以實(shí)時(shí)反映數(shù)據(jù)庫內(nèi)容。時(shí)反映數(shù)據(jù)庫內(nèi)容。uInternet服務(wù)對(duì)象是全球用戶，而服務(wù)對(duì)象是全球用戶，而Intranet是企業(yè)內(nèi)部是企業(yè)內(nèi)部員工。員工。 u內(nèi)聯(lián)網(wǎng)

7、的延伸內(nèi)聯(lián)網(wǎng)的延伸=Intranet+企業(yè)外部擴(kuò)展企業(yè)外部擴(kuò)展u把相互合作的企業(yè)的網(wǎng)絡(luò)連在一起，促進(jìn)伙伴的把相互合作的企業(yè)的網(wǎng)絡(luò)連在一起，促進(jìn)伙伴的聯(lián)系與交流，同時(shí)位于防火墻后，提供充分的訪問聯(lián)系與交流，同時(shí)位于防火墻后，提供充分的訪問控制，使外部用戶遠(yuǎn)離內(nèi)部資料?？刂?，使外部用戶遠(yuǎn)離內(nèi)部資料。 uInternet強(qiáng)調(diào)各個(gè)組織網(wǎng)站之間的聯(lián)結(jié)，無交易的企業(yè)強(qiáng)調(diào)各個(gè)組織網(wǎng)站之間的聯(lián)結(jié)，無交易的企業(yè)消消費(fèi)者在業(yè)務(wù)范圍大。費(fèi)者在業(yè)務(wù)范圍大。uExtranet強(qiáng)調(diào)各企業(yè)間的聯(lián)結(jié)，業(yè)務(wù)范圍包括交易伙伴、強(qiáng)調(diào)各企業(yè)間的聯(lián)結(jié)，業(yè)務(wù)范圍包括交易伙伴、合作對(duì)象、相關(guān)公司、銷售商店及主要客戶。合作對(duì)象、相關(guān)公司、銷

8、售商店及主要客戶。uIntranet強(qiáng)調(diào)企業(yè)內(nèi)部各部門和聯(lián)結(jié)，業(yè)務(wù)范圍限于企業(yè)強(qiáng)調(diào)企業(yè)內(nèi)部各部門和聯(lián)結(jié)，業(yè)務(wù)范圍限于企業(yè)內(nèi)內(nèi)InternetExtranetIntranet業(yè)務(wù)范圍最大業(yè)務(wù)范圍最大 開放的網(wǎng)絡(luò)開放的網(wǎng)絡(luò) 次之次之受控的外聯(lián)網(wǎng)絡(luò)受控的外聯(lián)網(wǎng)絡(luò) 最小最小專用封閉的網(wǎng)絡(luò)專用封閉的網(wǎng)絡(luò) 第第3節(jié)節(jié) HTML概述概述 HTML是Hypertext Markup Language的縮寫，意思是超文本標(biāo)記語言，用于描述網(wǎng)頁文檔。第一節(jié) 什么是HTML一、WEB的概念：1、瀏覽器的工作過程： 用戶連接到Internet在瀏覽器的地址欄輸入一個(gè)Internet地址（URL-一個(gè)網(wǎng)頁）按回車瀏覽器

9、將此“請(qǐng)求”通過網(wǎng)絡(luò)介質(zhì)傳送到頁面所在的服務(wù)器（Server）服務(wù)器做出響應(yīng)，將相應(yīng)的頁面發(fā)送給瀏覽器瀏覽器解釋并顯示頁面。 BrowserInternetServer通過上面的過程，瀏覽器和服務(wù)器之間便建立了一種交互關(guān)系，使瀏覽者可以瀏覽到世界上各地計(jì)算機(jī)上的網(wǎng)頁。我們通常使用的瀏覽器有：Microsoft公司的IEInternet Explorer、Firefox等。2、Web的概念：定義：Web是一個(gè)支持交互式訪問的分布式超媒體系統(tǒng)。所謂交互式訪問，即它可以使用戶與服務(wù)器之間進(jìn)行交互操作；而所謂分布式（Distributed），則是指Web上的信息并非是駐留在某一臺(tái)計(jì)算機(jī)上，而是以一種分

10、散的方式駐留在多臺(tái)計(jì)算機(jī)上。 在Web概念中，需要強(qiáng)調(diào)的是“超媒體”（Hyper-media）這個(gè)術(shù)語。實(shí)際上，超媒體系統(tǒng)是傳統(tǒng)的超文本（Hypertext）系統(tǒng)的擴(kuò)展，或者說超文本系統(tǒng)是超媒體系統(tǒng)的子集。但不論是在超媒體系統(tǒng)還是在超文本系統(tǒng)，信息都是以文檔集（Web頁）的形式存儲(chǔ)的；在文檔中，除了包括基本的信息以外，還可以包括指向文檔集中其它文檔的指針（超級(jí)連接Hyper-link）。如圖： 鏈接A鏈接B鏈接C文檔1文檔2文檔3定義：定義：HTML是用來表示是用來表示W(wǎng)eb文檔的規(guī)范，它使用標(biāo)記符來確定網(wǎng)頁的顯文檔的規(guī)范，它使用標(biāo)記符來確定網(wǎng)頁的顯示格式。示格式。Web頁（HTML文檔）的擴(kuò)

11、展名是htm或html；它是一個(gè)文本文檔。標(biāo)記符基礎(chǔ)標(biāo)記符基礎(chǔ)一、HTML語法在HTML中，所有的標(biāo)記符都用尖括號(hào)括起來，并且一般都成對(duì)出現(xiàn)；即包括開始標(biāo)記符和結(jié)束標(biāo)記符；它們定義了標(biāo)記符所影響的范圍。結(jié)束符和開始符的區(qū)別是其前面有一個(gè)斜線。如： 合體顯示其只影響和之間的文字，而不會(huì)影響標(biāo)記符以外的文字。二、標(biāo)記符的屬性對(duì)于許多標(biāo)記符還包括一些屬性，以便對(duì)標(biāo)記符作用的內(nèi)容進(jìn)行更詳細(xì)的控制；所有的屬性都放置在開始標(biāo)記符的尖括號(hào)里。如：標(biāo)記符屬性的作用則本段文字將以紅色4號(hào)字在瀏覽器中顯示。 第三節(jié)第三節(jié)Web頁的基本結(jié)構(gòu)頁的基本結(jié)構(gòu)一個(gè)Web頁實(shí)際上對(duì)應(yīng)于一個(gè)HTML文件，HTML文件以 .ht

12、ml或 .htm為擴(kuò)展名。如下：為一個(gè)Web頁的基本結(jié)構(gòu)Web頁基本架構(gòu)一、HTML標(biāo)記和是WEB頁的第一個(gè)和最后一個(gè)標(biāo)記符，頁內(nèi)的其它內(nèi)容都位于這兩個(gè)標(biāo)記之間。它的作用是告訴瀏覽器該文件是一個(gè)WEB頁。二、首部標(biāo)記HEAD和位于WEB頁的開頭，其不包括WEB頁的任何實(shí)際內(nèi)容，而是提供一些與WEB頁有關(guān)的特定信息。如：可以在首部設(shè)置網(wǎng)頁的標(biāo)題（TITLE）、或定義樣式表（CSS）、或插入腳本等。在首部，最基本、最常用的標(biāo)記符是標(biāo)題標(biāo)記符,用于定義網(wǎng)頁的標(biāo)題，其顯示在瀏覽器的標(biāo)題欄上，并可被瀏覽器用作收藏清單。三、正文標(biāo)記符BODY和是包含WEB頁實(shí)際顯示內(nèi)容的地方，其包括文字、圖像、鏈接及其它

13、HTML元素。標(biāo)記符包括一些常用的屬性來格式化整體的版面格式；如設(shè)置網(wǎng)頁的背景色、背景圖像等。如：Web頁標(biāo)題正文，正文， 正文， 正文，正文，正文注意：空格、回車等格式控制符在顯示時(shí)是不起作用的，要在網(wǎng)頁中顯示空格或產(chǎn)生換行是要借助于標(biāo)記符和參考字參考字符來完成。 特殊字符的顯示特殊字符的顯示若用戶要在網(wǎng)頁中顯示某些特殊字符，如：、空格等；則需要使用參考字符來表示，而不能直接輸入。參考字符以“&”開始，以“；”結(jié)束，既可以用數(shù)字代碼，也可以用代碼名稱。常見特殊字符：特殊字符數(shù)字代碼代碼名稱&#38；&amp；&#62；&gt；空格&#160；&

14、amp;nbsp；注：與HTML標(biāo)記符不同，字符代碼名稱區(qū)分大小寫。如:要在網(wǎng)頁中顯示以下內(nèi)容：則不能寫成：而應(yīng)該寫成：<Hello Word>注：由于瀏覽器的不同可能出現(xiàn)瀏覽的結(jié)果不盡相同，什么時(shí)候需要用參考字符代替需查有關(guān)的資料和實(shí)際的顯示結(jié)果。常用標(biāo)記符常用標(biāo)記符背景色BGCOLOR用于設(shè)置網(wǎng)頁的背景顏色，其值可以是顏色名稱或#RRGGBB構(gòu)成的十六進(jìn)制色。格式為：常見的顏色有：色彩名稱十六進(jìn)制值色彩名稱十六進(jìn)制值BLACK#000000BLUE#0000FFPURPLE(紫色)#800080RED#FF0000GRAY(灰色)#808080

15、SILVER(銀色)#C0C0C0WHITE#FFFFFFGREEN#008000TEAL(茶色)#008080YELLOW#FFFF00背景圖案BACKGROUND指定網(wǎng)頁的背景圖案；格式： 字符和超級(jí)鏈接的顏色l TEXT 設(shè)置正文的顏色；l LINK 設(shè)置未被訪問過的鏈接的顏色；l VLINK 設(shè)置訪問過的鏈接的顏色；l ALINK 設(shè)置當(dāng)前被選定的連接的顏色；例：顏色控制測試 文本顏色控制搜狐網(wǎng)新浪網(wǎng)21世紀(jì)網(wǎng)字符式樣常用的字符式樣的標(biāo)記符有：粗體、斜體、下劃線例：正常文本顯示粗體文本顯示斜體文本顯示下劃線效果顯示FONT標(biāo)記符FONT用于控制字符的顏色、大小、字體的標(biāo)記符；其有3個(gè)屬

16、性：SIZE、FACE和COLOR SIZE：用于控制字符的大小，即字號(hào)；其值為1-7的整數(shù)；也可以用+、-號(hào)來指定相對(duì)字號(hào)。默認(rèn)值為3。 COLOR：控制字符的顏色；用法同BODY的TEXT屬性；FACE：控制字符的顯示字體；格式為：，默認(rèn)為宋體；例：FONT標(biāo)記符的使用正常文本顯示7號(hào)字顯示效果比正常字號(hào)大2 的顯示效果FONT標(biāo)記COLOR屬性的控制效果FACE屬性顯示字體的效果FONT的整體效果 標(biāo)題式樣用于標(biāo)識(shí)文檔中的標(biāo)題和副標(biāo)題，n值是1-6的整數(shù)，其值越大字號(hào)越小。例：標(biāo)題式樣控制一級(jí)標(biāo)題顯示二級(jí)標(biāo)題顯示三級(jí)標(biāo)題顯示四級(jí)標(biāo)題顯示五級(jí)標(biāo)題顯示六級(jí)標(biāo)題顯示 WEB常用圖像格式常用圖像

17、格式Web頁常用圖片格式有：GIF、JPEG、PNG及一些矢量格式。1、GIF格式（圖形交換格式）最適合于線條圖（如含有最多256色的剪切畫）及使用的塊純色圖片。GIF使用無損壓縮；當(dāng)保存時(shí)可以決定是否保留圖片的透明區(qū)域。2、JPEG格式（聯(lián)合圖形專家組圖片格式）：使用有損壓縮，壓縮率很高。3、PNG格式（可移植的網(wǎng)絡(luò)圖形格式）：適應(yīng)于任何類型、任何顏色深度的圖片。采用無損壓縮。不是很流行。4、矢量格式：常見的如：Macromedia Flash；要求瀏覽器有插件才能工作。在在html中中 插入圖像插入圖像一、IMG標(biāo)記符及基本屬性： IMG有兩個(gè)基本屬性：SRC和ALT。 SRC：指定圖像的相關(guān)路徑及文件名。 ALT：指定當(dāng)圖片在瀏覽器中不能正確顯示時(shí)顯示的說明文本。例：插入圖像 下面插