【正文】 參考資料：旗標(biāo)出版 F8920 陳會(huì)安 第 1章 電子商務(wù)環(huán)境與 的環(huán)境建立 ? 11 電子商務(wù)的基本認(rèn)識(shí) ? 12 電子商務(wù)網(wǎng)站和網(wǎng)頁(yè)的基礎(chǔ) ? 13 如何在網(wǎng)路上建立電子商務(wù) ? 14 使用 ? 15 建立 11 電子商務(wù)的基本認(rèn)識(shí) ? 111 電子商務(wù)的基礎(chǔ) ? 112 電子商務(wù)的種類 111 電子商務(wù)的基礎(chǔ) ? 電子商務(wù)的演進(jìn) – 「電子商務(wù)」（ emerce） 是利用 Inter做生意，也就是使用電腦在網(wǎng)路上進(jìn)行商業(yè)交易活動(dòng)，交易是建構(gòu)在資訊科技發(fā)展的 Inter網(wǎng)路。 ? 電子商務(wù)的特性 – 節(jié)省商業(yè)交易的成本。 – 商品資訊取得容易。 – 企業(yè)行銷將更加容易。 – 高效率上下游產(chǎn)業(yè)的供銷體系。 – 加快企業(yè)國(guó)際化的腳步。 112 電子商務(wù)的種類 ? B to C型電子商務(wù) – B to C的英文是 Business to Consumer， 也就是企業(yè)對(duì)個(gè)人交易模式的電子商務(wù)。 ? B to B型電子商務(wù) – B to B的英文是 Business to Business， 也就是企業(yè)對(duì)企業(yè)交易模式的電子商務(wù)。 ? C to C型電子商務(wù) – C to C的英文是 Consumer to Consumer， 也就是消費(fèi)者對(duì)消費(fèi)者交易模式的電子商務(wù)。 ? C to B型電子商務(wù) – C to B的英文是 Consumer to Business， 也就是消費(fèi)者對(duì)廠商交易模式的電子商務(wù)。 12 電子商務(wù)網(wǎng)站和網(wǎng)頁(yè)的基礎(chǔ) ? 121 網(wǎng)站和網(wǎng)頁(yè)的基本觀念 ? 122 電子商務(wù)網(wǎng)站和網(wǎng)頁(yè)的設(shè)計(jì) 121 網(wǎng)站和網(wǎng)頁(yè)的基本觀念 ? 「網(wǎng)站」（ Web Site） 是一種網(wǎng)路的新興媒體，透過 Inter全球性的網(wǎng)路系統(tǒng)，成為即時(shí)和多媒體資訊的傳播管道。 ? 「 網(wǎng)頁(yè) 」 （ Web Page、 Homepage、HTML文件等 ） 是網(wǎng)站重要的組成元件 ，它是資訊提供的舞臺(tái) ， 基本上網(wǎng)站都擁有多頁(yè)網(wǎng)頁(yè) ， 這些網(wǎng)頁(yè)各司所職 ， 以便構(gòu)成整個(gè)網(wǎng)站的內(nèi)容 。 122 電子商務(wù)網(wǎng)站和網(wǎng)頁(yè)的設(shè)計(jì) ? 電子商務(wù)網(wǎng)站是 Web基礎(chǔ)的應(yīng)用程式，網(wǎng)頁(yè)內(nèi)容只是系統(tǒng)的操作介面，真正後端支援的資料庫(kù)系統(tǒng)和付款機(jī)制，才是網(wǎng)頁(yè)設(shè)計(jì)上挑戰(zhàn)。 ? 網(wǎng)頁(yè)設(shè)計(jì)需要伺服端的 ，它正是一種建立電子商務(wù)網(wǎng)站的最佳選擇。 13 如何在網(wǎng)路上建立電子商務(wù) 14 使用 務(wù) ? 141 為什麼需要 建立電子商務(wù) ? 142 伺服端的技術(shù) 141 為什麼需要 電子商務(wù) ? 電子商務(wù)網(wǎng)站的架構(gòu)可以分為前端的網(wǎng)頁(yè)內(nèi)容和後端資料庫(kù)系統(tǒng)，如下圖所示： 142 端的技術(shù) ? ， 使用 「 CLR」（ Common Language Rumtime） 架構(gòu)的程式設(shè)計(jì)平臺(tái) ，能夠在伺服端建立功能強(qiáng)大的 Web應(yīng)用程式 。 15 建立 ? 151 在 Windows XP安裝 IIS ? 152 下載 .NET Framework SDK ? 153 安裝 .NET Framework SDK 15 建立 ? ASP ，其作業(yè)系統(tǒng)的軟體需求如下所示： – IIS 5以上版本的 Web伺器。 – Windows 2020 Professional或 Server， 建議安裝 Service Pack 2。 – Windows XP Professional。 – Windows .NET Sever。 151 在 Windows XP安裝 IIS ? Web伺服器，以 Windows 2020/XP來(lái)說就是「 IIS」（ Inter Information Services） 。 ? 在 Windows XP電腦安裝 IIS元件前，需要安裝 TCP/IP通訊協(xié)定（預(yù)設(shè)安裝）。 ? 在準(zhǔn)備好 Windows XP Professional系統(tǒng)光碟。請(qǐng)執(zhí)行「開始 /控制臺(tái)」指令開啟「控制臺(tái)」視窗，按兩下【新增或移除程式】開始安裝。 152 下載 .NET Framework SDK ? .NET Framework，分成兩種版本，可以免費(fèi)下載，如下所示： ? .NET Framework Redistributable： – 包含 .NET Framework， 提供 立 Web應(yīng)用程式的執(zhí)行環(huán)境，通常是安裝在已經(jīng)開發(fā)完成的網(wǎng)站。 ? .NET Framework Software Development Kit： – 除了 Redistributable套件外，還加上相關(guān)的文件、範(fàn)例和一些命令列的程式開發(fā)工具 ， 如果準(zhǔn)備開發(fā) Web應(yīng)用程式，建議在 Web伺服器安裝 .NET Framework SDK。 153 安裝 .NET Framework SDK ? 在自行下載或使用書附光碟提供的 .NET Framework SDK和 Sevice Pack後，就可以在 Windows XP安裝 .NET Framework SDK ： – 首先安裝 .NET Framework SDK。 – 接著安裝 .NET Framework SDK Service Pack 。 第 2章 HTML、 XML和 CSS的基礎(chǔ) ? 21 HTML的基礎(chǔ) ? 22 HTML標(biāo)籤 ? 23 XML文件的基礎(chǔ) ? 24 Cascading Style Sheets ? 25 局部套用的 CSS ? 26 內(nèi)建網(wǎng)頁(yè)的 CSS ? 27 使用 CSS進(jìn)行絕對(duì)位置的編排 21 HTML的基礎(chǔ) ? 211 第一份 HTML文件 ? 212 HTML文件的基本架構(gòu) ? 213 Meta標(biāo)籤的使用 211 第一份 HTML文件 1 ? 「 HTML」（ HyperText Markup Language） 標(biāo)記語(yǔ)言屬於一種文件編排語(yǔ)言，其目的是編排文件的內(nèi)容，以便顯示漂亮的文件內(nèi)容。 ? Tim BernersLee在 1991年建立 HTML， 在 1993年 BernersLee和 Connolly完成，HTML只是使用 SGML的慣用語(yǔ)法，也就是標(biāo)籤和屬性，如下所示： – 「標(biāo)籤」（ Tag）： HTML標(biāo)籤是一個(gè)字串符號(hào)，主要是標(biāo)示需要套用編排格式的文字內(nèi)容，在標(biāo)籤內(nèi)的文字是使用預(yù)設(shè)格式編排。 – 「屬性」（ Attribute）： 每一個(gè)標(biāo)籤可以擁有一些屬性來(lái)定義文字內(nèi)容的細(xì)部編排。 211 第一份 HTML文件 2 01: html 02: head 03: title/title 04: /head 05: body 06: bFrom: /bbr 07: bTo: /bbr 08: bSubject: /b測(cè)試郵件功能 br 09: p這是第一封郵件 /p 10: /body 11: /html 212 HTML文件的基本架構(gòu) ? HTML文件標(biāo)籤的基本架構(gòu)，如下所示： html 標(biāo)示著一份 HTML網(wǎng)頁(yè) head HTML網(wǎng)頁(yè)的基本定義 /head body HTML網(wǎng)頁(yè)的內(nèi)容 /body /html ? HTML文件是包含於 html和 /html標(biāo)籤間的內(nèi)容和定義，其中 head和 /head標(biāo)籤包圍的區(qū)塊定義 HTML網(wǎng)頁(yè)的本身，網(wǎng)頁(yè)內(nèi)容是定義在 body和 /body標(biāo)籤間。 213 Meta標(biāo)籤的使用 ? meta標(biāo)籤是位在 head區(qū)塊，可以用來(lái)定義HTML標(biāo)籤所沒有定義的相關(guān)資訊，常用的應(yīng)用如下所示： – 設(shè)定使用的編輯工具 meta name=GENERATOR content=Microsoft FrontPage – 設(shè)定網(wǎng)頁(yè)使用的語(yǔ)系 meta equiv=ContentType content=text/html。 charset=big5 – 自動(dòng)更新網(wǎng)頁(yè)內(nèi)容 meta equiv=refresh content=10,url= 22 HTML標(biāo)籤 ? 221 HTML的標(biāo)頭標(biāo)籤 ? 222 文字格式標(biāo)籤 ? 223 清單項(xiàng)目標(biāo)籤 ? 224 圖片和超連結(jié)標(biāo)籤 ? 225 網(wǎng)頁(yè)表格標(biāo)籤 ? 226 網(wǎng)頁(yè)表單標(biāo)籤 ? 227 框架頁(yè)標(biāo)籤 221 HTML的標(biāo)頭標(biāo)籤 標(biāo)籤 說明 title …/ title 網(wǎng)頁(yè)標(biāo)題 ，顯示在瀏覽程式的標(biāo)題列 base 指定基底的 URL 網(wǎng)址 m eta 設(shè)定伺服端或客戶端所需的識(shí)別資訊 link 連結(jié)其 它 網(wǎng)頁(yè) ，例如 ： C SS 外部樣式表檔案222 文字格式標(biāo)籤 1 標(biāo)籤 說明 hn … /hn 顯示粗體的標(biāo)題文字 ， n 的 值 是 1 ~ 6 ， 表示不同的尺寸 ，愈小愈大 b … /b 粗體字 i … /i 斜體字 u … / u 底線字 s … / s 刪除線 ，在文字中間有一條線 strike … / strike 刪除線 ，另一種刪除線222 文字格式標(biāo)籤 2 sub … / sub 下標(biāo)字 sup … / sup 上標(biāo)字 tt … / tt 打字機(jī)字體 big … / big 放大字體的字型 address … /addr ess 使用地址的字體 s m all … / s m all 縮小字體的字型 center … / center 文字內(nèi)容是置中對(duì)齊222 文字格式標(biāo)籤 3 blink … /blink 閃爍字 font … / font 使用 f ace 、 size 和 color 屬性設(shè)定編排使用的字體 、尺寸和色彩 basefont 指定網(wǎng)頁(yè)的基本字型 br 強(qiáng) 迫文字換行 hr 插 入一條水平線 p … /p 使用文字段落編排223 清單項(xiàng)目標(biāo)籤 標(biāo)籤 說明 ul … /ul 項(xiàng)目符號(hào) ol … /ol 項(xiàng)目編號(hào) dl … /dl 定義式 清 單 m enu … /m enu 選單式 清 單 dir … /dir 目錄式 清 單 lh 清 單標(biāo)題 li 清 單項(xiàng)目 dt 定義式的項(xiàng)目名稱 dd 定義式的項(xiàng)目說明224 圖片和超連結(jié)標(biāo)籤 標(biāo)籤 說明 a …/ a 在網(wǎng)頁(yè) 插 入超連結(jié) i m g 在網(wǎng)頁(yè) 插 入圖片b gsoun d 在網(wǎng)頁(yè) 插 入背景音樂 e m bed 在網(wǎng)頁(yè) 插 入 MIDI 音樂檔 m arque e… /m arque e 跑 馬燈文字225 網(wǎng)頁(yè)表格標(biāo)籤 標(biāo)籤 說明 table …/table 網(wǎng)頁(yè)表格 tr … / tr 表格中的一列 td… /td 表格中的一個(gè)儲(chǔ)存格 capt ion…/capti on 表格標(biāo)題226 網(wǎng)頁(yè)表單標(biāo)籤 標(biāo)籤 說明 for m … /fo r m 建立表單 inpu t typ e= … 表單輸入或選擇資料的表單欄位 ，包含按 鈕 、文字方塊 、選擇 鈕 和核取方塊欄位 ，不同 ty p e屬性表示不同的欄位 sel ect … /se lect 清 單方塊或下拉式 清 單方塊 optio n … /opti o n 清 單方塊的選項(xiàng) texta rea … /text a rea 文字區(qū)域227 框架頁(yè)標(biāo)籤 標(biāo)籤 說明 fra m eset … /fram eset 設(shè)定網(wǎng)頁(yè)是一頁(yè)框架頁(yè) fra m e 框架頁(yè)的框架分割 ，可分 為 上下或左右分割 ifram e 網(wǎng)頁(yè)的內(nèi)置框架 ，可以直接在網(wǎng)頁(yè) 插 入所需的框架 nofram es … /nofram es 不支援框架的瀏覽程式顯示的網(wǎng)頁(yè)內(nèi)容23 XML文件的基礎(chǔ) ? 231 什麼是 XML ? 232 XML文件的組成 231 什麼是 XML1 ? 「 XML」 （ eXtensible Markup Language） 可擴(kuò)展標(biāo)示語(yǔ)言屬於一種標(biāo)籤語(yǔ)言 ， XML 格在 1998年 2月正式推出 ， XML的寫法十分類似 HTML， 繼承 SGML自定標(biāo)籤的優(yōu)點(diǎn) ， 並且刪除一些 SGML複雜的部分 ， 在功能上能夠補(bǔ)足 HTML標(biāo)籤的不足 ， 而擁有更多的擴(kuò)充性 。 ? XML並不是用來(lái)編排內(nèi)容 ， 而是用來(lái)描述資料 ，它並沒有如同 HTML一般的預(yù)設(shè)標(biāo)籤 ， 使用者需要自己定義描述資料所需的各種標(biāo)籤 。 231 什麼是 XML2 01: ?xml version= encoding=Big5? 02: !網(wǎng)頁(yè)製作徹