【正文】 es 不支援框架的瀏覽程式顯示的網(wǎng)頁(yè)內(nèi)容23 XML文件的基礎(chǔ) ? 231 什麼是 XML ? 232 XML文件的組成 231 什麼是 XML1 ? 「 XML」 （ eXtensible Markup Language） 可擴(kuò)展標(biāo)示語言屬於一種標(biāo)籤語言 ， XML 格在 1998年 2月正式推出 ， XML的寫法十分類似 HTML， 繼承 SGML自定標(biāo)籤的優(yōu)點(diǎn) ， 並且刪除一些 SGML複雜的部分 ， 在功能上能夠補(bǔ)足 HTML標(biāo)籤的不足 ， 而擁有更多的擴(kuò)充性 。 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)籤間。 ? Tim BernersLee在 1991年建立 HTML， 在 1993年 BernersLee和 Connolly完成，HTML只是使用 SGML的慣用語法，也就是標(biāo)籤和屬性，如下所示： – 「標(biāo)籤」（ Tag）： HTML標(biāo)籤是一個(gè)字串符號(hào)，主要是標(biāo)示需要套用編排格式的文字內(nèi)容，在標(biāo)籤內(nèi)的文字是使用預(yù)設(shè)格式編排。 – 接著安裝 .NET Framework SDK Service Pack 。 ? .NET Framework Software Development Kit： – 除了 Redistributable套件外，還加上相關(guān)的文件、範(fàn)例和一些命令列的程式開發(fā)工具 ， 如果準(zhǔn)備開發(fā) Web應(yīng)用程式，建議在 Web伺服器安裝 .NET Framework SDK。請(qǐng)執(zhí)行「開始 /控制臺(tái)」指令開啟「控制臺(tái)」視窗，按兩下【新增或移除程式】開始安裝。 ? 在 Windows XP電腦安裝 IIS元件前，需要安裝 TCP/IP通訊協(xié)定（預(yù)設(shè)安裝）。 – Windows .NET Sever。 – Windows 2020 Professional或 Server， 建議安裝 Service Pack 2。 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)用程式 。 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)。 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í)和多媒體資訊的傳播管道。 ? C to C型電子商務(wù) – C to C的英文是 Consumer to Consumer， 也就是消費(fèi)者對(duì)消費(fèi)者交易模式的電子商務(wù)。 112 電子商務(wù)的種類 ? B to C型電子商務(wù) – B to C的英文是 Business to Consumer， 也就是企業(yè)對(duì)個(gè)人交易模式的電子商務(wù)。 – 高效率上下游產(chǎn)業(yè)的供銷體系。 – 商品資訊取得容易。 參考資料：旗標(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è)行銷將更加容易。 – 加快企業(yè)國(guó)際化的腳步。 ? B to B型電子商務(wù) – B to B的英文是 Business to Business， 也就是企業(yè)對(duì)企業(yè)交易模式的電子商務(wù)。 ? C to B型電子商務(wù) – C to B的英文是 Consumer to Business， 也就是消費(fèi)者對(duì)廠商交易模式的電子商務(wù)。 ? 「 網(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)容 。 ? 網(wǎng)頁(yè)設(shè)計(jì)需要伺服端的 ，它正是一種建立電子商務(wù)網(wǎng)站的最佳選擇。 15 建立 ? 151 在 Windows XP安裝 IIS ? 152 下載 .NET Framework SDK ? 153 安裝 .NET Framework SDK 15 建立 ? ASP ，其作業(yè)系統(tǒng)的軟體需求如下所示： – IIS 5以上版本的 Web伺器。 – Windows XP Professional。 151 在 Windows XP安裝 IIS ? Web伺服器，以 Windows 2020/XP來說就是「 IIS」（ Inter Information Services） 。 ? 在準(zhǔn)備好 Windows XP Professional系統(tǒng)光碟。 152 下載 .NET Framework SDK ? .NET Framework，分成兩種版本，可以免費(fèi)下載，如下所示： ? .NET Framework Redistributable： – 包含 .NET Framework， 提供 立 Web應(yīng)用程式的執(zhí)行環(huán)境，通常是安裝在已經(jīng)開發(fā)完成的網(wǎng)站。 153 安裝 .NET Framework SDK ? 在自行下載或使用書附光碟提供的 .NET Framework SDK和 Sevice Pack後，就可以在 Windows XP安裝 .NET Framework SDK ： – 首先安裝 .NET Framework SDK。 第 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)記語言屬於一種文件編排語言，其目的是編排文件的內(nèi)容，以便顯示漂亮的文件內(nèi)容。 – 「屬性」（ Attribute）： 每一個(gè)標(biāo)籤可以擁有一些屬性來定義文字內(nèi)容的細(xì)部編排。 213 Meta標(biāo)籤的使用 ? meta標(biāo)籤是位在 head區(qū)塊，可以用來定義HTML標(biāo)籤所沒有定義的相關(guān)資訊，常用的應(yīng)用如下所示： – 設(shè)定使用的編輯工具 meta name=GENERATOR content=Microsoft FrontPage – 設(shè)定網(wǎng)頁(yè)使用的語系 meta equiv=ContentType content=text/html。 ? XML並不是用來編排內(nèi)容 ， 而是用來描述資料 ，它並沒有如同 HTML一般的預(yù)設(shè)標(biāo)籤 ， 使用者需要自己定義描述資料所需的各種標(biāo)籤 。 – 元素（ Element） – 屬性（ Attribute） – 實(shí)體參考（ Entity Reference） – 註解（ Comment） – CDATA區(qū)塊（ CDATA Section） 與 PCDATA – PI（ Processing Instructions） – DTD（ Document Type Declarations） 24 Cascading Style Sheets ? 241 CSS的基礎(chǔ) ? 242 CSS的基本語法 ? 243 常用的 CSS樣式屬性 241 CSS的基礎(chǔ) 1 ? 「 Cascading Style Sheets」 簡(jiǎn)稱 CSS， 中文稱為層級(jí)式樣式表 ， CSS層級(jí)式樣式表是一種樣式語言 ， 能夠定義 HTML標(biāo)籤的顯示效果 。 241 CSS的基礎(chǔ) 2 ? 如果想在網(wǎng)頁(yè)上使用 CSS編排網(wǎng)頁(yè)內(nèi)容，一共有三種方式，如下所示： – 局部套用的 CSS（ InLine Style Sheets） 。 – 外部連結(jié)的 CSS（ External Style Sheet） 。 property2: value2 } ? 選擇器 Selector選擇樣式套用的標(biāo)籤，大括號(hào)括起的樣式組，就是重新定義的標(biāo)籤樣式，例如：前面的 p標(biāo)籤，如下所示： p { fontsize: 10pt。 } 243 常用的 CSS樣式屬性 ? 在選擇好定義的標(biāo)籤後 ， 可以定義 CSS， CSS常用的樣式屬性分類成幾大類 。 div style=color: green。 marginleft: 5px div style=position:absolute。 width:130px。 fontfamily: 標(biāo)楷體 。 } span {texttransform: uppercase} p { fontsize: 12pt。 backgroundcolor: blue。 } /style 262 重新設(shè)定超連結(jié)標(biāo)籤的樣式 ? 網(wǎng)頁(yè)超連結(jié)的顯示狀態(tài)分為多種情況，不同狀態(tài)的超連結(jié)樣式需要分別定義，如下所示： style type=text/css a:link {fontsize: 9pt。 textdecoration: none} a:visited {fontsize: 9pt。 textdecoration: underline} /style 263 自訂樣式名稱 ? CSS允許使用者在網(wǎng)頁(yè)定義個(gè)人風(fēng)格的樣式名稱，樣式名稱是一個(gè) Class， 以「 .」句點(diǎn)開始的名稱定義在 style標(biāo)籤，如下所示： .littlered {color: red。 fontsize: 9pt} ? HTML標(biāo)籤使用 class屬性指定樣式名稱，在標(biāo)籤套用定義的樣式，如下所示： font class=littleredStyle/font 27 使用 CSS進(jìn)行絕對(duì)位置的編排 ? CSS擁有絕對(duì)位置的定位能力，能夠讓您隨心所欲的編排網(wǎng)頁(yè)元素，如下所示： .titlered { position: absolute。 left: 50pt。 zindex: 1。 color: yellow。 } ? 樣式使用絕對(duì)位置顯示元素，即 absolute， 其位置是離上方邊界 100像素，左邊 50像素的位置。 ? 主 要是 使用 的語 法和 .NET Framework的類別 ， 就算讀者不熟悉物件導(dǎo)向程式設(shè)計(jì) ， 也一樣可以使用 。 ? 類別