網頁設計是通過標識語言創建網站的過程，包括資料收集、選擇編輯軟體、申請網頁空間和維護更新。主要使用的工具包括 HTML 和 XML，並常用軟體如 Adobe Dreamweaver 和 Microsoft FrontPage。HTML 用於資料展示，而 XML 用於數據傳送，兩者各有其特定用途和特點。

1. 網頁設計 31 Cold stone

2. 何為網頁設計？ 網頁設計是指使用 標識語言 （ markup language) ，通過一系列設計、建模、和執行的過程將電子格式的信息通過 網際網路 傳輸，最終以 圖形用戶界面 （ GUI ）的形式被用戶所瀏覽。 簡單來說，網頁設計的目的就是產生 網站

3. 建構網站流程 可分為四個階段 ： 階段 1 收集資料，找出要傳遞的資訊 確定網站的宗旨及訴求的對象 規劃出網站的內容及架構 階段 2 選擇製作網頁的軟體， EX ： PhotoShop 、 CoreDraw 、 PhotoImpact 、 Fireworks 階段 3 申請網頁空間， EX ： Yahoo 、 PCHome Online 、 TACONET 、 GEOCITIES 階段 4 維護及更新網頁

4. 網頁設計所需的軟硬體 硬體 網頁編輯軟體 1. 文字編輯軟體 2. 網頁編輯軟體 ex: FrontPage 、 Dreamweaver 影像動畫軟體 瀏覽器 網頁空間

5. 網頁編寫工具 HTML XML DreamWeaver FrontPage Microsoft Expression Web Microsoft SharePoint Designer

6. HTML 超文件標示語言 （英文： HyperText Markup Language ， 是為「網頁建立和其它可在網頁瀏覽器中看到的資訊」設計的一種標示語言。 HTML 被用來結構化資訊——例如標題、段落和列表等等，也可用來在一定程度上描述文檔的外觀和語意。

7. 基本架構： 採用 free format 規格 HTML 文件指令的起動，夾在 &quot; ＜ &quot; 及 &quot; ＞ &quot; 之間，指令的結束， 夾在 &quot; ＜／ &quot; 及 &quot; ＞ &quot; 之間。 ＜ HTML ＞ ＜ HEAD ＞ ＜ TITLE ＞文件的名稱，出現在視窗的上方 ... ＜／ TITLE ＞ ＜ BASE HREF=relative_URL ＞本文中的＜ a ＞的 Base URL 還有其他的特殊指令 ＜／ HEAD ＞ ＜ BODY ＞ 本文區，文、圖、 Hyperlink 及．．． ＜／ BODY ＞ ＜／ HTML ＞ 備註文件區可以出現在文件的任何地方，但必須夾在＜！及＞之間。 <strong>strong emphasis</strong> <a href=&quot;http://wikipedia.org/&quot;>Wikipedia</a>

8. XML 可延伸標示語言 （英語： eXtensible Markup Language ，簡稱 : XML ）， XML 被廣泛用來作為跨平台之間互動數據的形式，主要針對數據的內容，通過不同的格式化描述手段（ XSLT ， CSS 等）可以完成最終的形式表達（生成對應的 HTML ， PDF 或者其他的檔案格式）。

9. 歷史─因為 W3C 發現到 HTML 的問題： 不能解決所有解釋資料的問題 - 像是影音檔或化學公式、音樂符號等其他形態的內容。 效能問題 - 需要下載整份檔案，才能開始對檔案做搜尋。 擴充性、彈性、易讀性均不佳。 為了解決以上問題，專家們使用 SGML 精簡製作，並依照 HTML 的發展經驗，產生出一套使用上規則嚴謹，但是簡單的描述資料語言： XML 。 XML 是在一個這樣的背景下誕生的——為了有一個更中立的方式，讓消費端自行決定要如何消化、呈現從服務端所提供的資訊。 用途： XML 設計用來傳送及攜帶資料資訊，不用來表現或展示資料， HTML 語言則用來表現資料，所以 XML 用途的焦點是它 說明資料是什麼 ，以及 攜帶資料資訊 。

10. DreamWeaver Adobe Dreamweaver ( 前稱 Macromedia Dreamweaver) 是 Adobe 公司的著名網站開發工具。它使用所見即所得的介面，亦有 HTML 編輯的功能。

11. FrontPage 是美國微軟公司推出的一款網頁設計、製作、發佈、管理的軟體。它於 1997 年至 2003 年的時候屬於 Microsoft Office 系列的其中一款產品。 FrontPage 由於良好的易用性，被認為是優秀的網頁初學者的工具。

12. 軟體特性 所見即所得 結合了設計、程式碼、預覽三種模式於一體，也可一起顯示程式碼和設計檢視 與 Microsoft Office 各軟體無縫連接 良好的表格控制能力 繼承了 Microsoft Office 產品系列的良好的易用性 軟體缺陷 生成代碼冗餘，早期產品生成代碼甚至不符合規範 對數據庫支持不足

13. Microsoft Expression Web Frontpage 功能因無法滿足更高要求。之後於 2006 年，已經被 Microsoft Expression Web 及 Microsoft SharePoint Designer 取代。 Microsoft Expression Web 是一項專業的開發和設計工具， 是微軟針對開發者與設計師開發的設計與媒體套件應用程式。 用於建立現代化、以標準為基礎的網站，可使用 PHP 、 HTML/XHTML 、 CSS 的網頁應用程式。

14. Microsoft SharePoint Designer 是針對企業的 IT 專業人員以及各行各業的方案建立者所設計，其目的是在 工作小組之間發展出共同作業的最佳模式。並不需要任何技術背景即可使用本軟體。方便的工作窗格和功能表則有助於建立應用程式和開發美觀且引人注目的 SharePoint 頁面時撰寫標記或伺服器程式碼。

15. 好站分享 薰衣草森林 旗津觀光旅遊

17. 感謝您的聆聽