e 多元化網頁設計 (Effective Web Design)

本書簡介：

要想從本書獲得更多學習，請花點時間閱讀以下幾頁，我會討論到本書如何使用，哪些讀者適合閱讀，以及你想從中學到什麼，在瀏覽這些主題後，你會很快知道從快速所印可以找到本書中你要知道的部分，如果你需要更深入的了解，可以從第一章開始。

為什麼出版本書？

本書是為了能夠在HTML及網站設計上能夠讀取其它文字而誕生，書中教導如何在不同平台下，不論是在Internet Explorer瀏覽器下或是Navigator瀏覽器下顯示網頁都沒有問題，當然對設計者來說要做到製作一個具功能且有效的網站那個程度是不需要的，不是嗎？

在不斷反覆地思索及實驗之後，我收集了可以排除依賴客戶端的寫作需要的技術，這個結果就是交互相容的觀念，交互相容依賴兩個基本原則，一份正確的文件以及作者所要表達的意念，當瀏覽器無法處理正確的文件時，或許是因為舊的瀏覽器碰到新的正確的內容，其結果可能就是將要表達的內容完美的降級或者遭一點就是將原素內容回歸到瀏覽器原來適合的狀態來使用。

在贊成交互相容觀念前，網站作者需要提供他們網站特定的瀏覽器版本或是拒絕那些沒有特定瀏覽器的使用者，當然這就是多元化網頁設計的真諦所在。

誰應該閱讀本書

本書可以滿足兩種讀者，第一種族群包刮了正要進入到網站設計的領域或是仰賴傳統設計工具來建構網站及第一次進入這個領域的人，第二種讀者包刮已經認識HTML的設計者以及那些已建構很多網頁現在正想要學習新的XHTML規格的人，這個XHTML本身不是最終的技術而是導向使用XML的一個踏腳石而已，不論是初學者或是熟練的設計者，都應從本書新的知識及技術結合至他們的設計經驗中。

本書內容

本書會分成三個主要的單元：XHTML基本觀念、網站設計的步驟以及走向XHTML三個部分，這些單元內的每一章的大綱列於下。

²    單元一：XHTML基本觀念

研讀本書不需具備HTML的知識—因為這個單元是基本觀念，然而了解HTML很深的讀者也不應跳過這一部分，你應該跟你學習HTML那樣來學習XHTML，將HTML及XHTML之間的變化吸收了解一下，尚未學過此二種語言之初學者只要從開頭學習XHTML並從歷史的觀點教導來發現其不同就夠了。

Chapter 1 第一章會簡單討論HTML的歷史，從位於Switzerland Tim Berners-Lee第一個想像的系統的實驗室至HTML 4及XML 1。

Chapter 2 這一章瀏覽了Web瀏覽器的歷史及功用，包括可替代的裝置像是PDA及手機等瀏覽裝置新的發展。

Chapter 3 第三章交你如何建構一份基本的XHTML文件，從選擇你的編輯器至每一份XHTML文件所需要的部分簡介。

Chapter 4 這章會進一步提到XHTML文件內容及文字、影像跟特殊字元。

Chapter 5 這裡面會講解建構表格，包括像是行列群組，文字與框邊距離及間距等進一步的功能。

Chapter 6 這一章談到框架的使用，包括建立框架及提供框架視窗內的內容。

Chapter 7 第七章告訴你需要使用階層樣式表的技巧，及在XML使用可擴充式樣式表語言主要內容的介紹。

Chapter 8 第一單元的最後一章介紹給你透過XHTML表單來跟使用者做回饋，你將學到透過不同的格式來收集資料。

²    第二單元：網站設計的步驟

了解如何使用元素及屬性是開頭必須的，但有效率的網站設計也需要有效率的介紹。

Chapter 9 第九章討論著手前的計畫，設計導覽選單及影像地圖用於導覽的建構。.

Chapter 10 接下來這一章會深入討論搜尋引擎及網站索引像是Yahoo！及AltaVista等的機制。

Chapter 11 第十一章討論驗證你的作品及更正你的XHTML及CSS文件錯誤的步驟。

Chapter 12 接下來這一章描述有關使用者資訊的收集，這些資料的收集需要在隱私權的政策及使用者信心下來管理。

Chapter 13 規劃是重要的，而十三章會交你如何一步一步地規劃你的網站設計。

Chapter 14 接下來的一章瀏覽有效的視覺展示的技巧，包括影像、文字及空白的使用以及使用預先定義的格子來設計。

Chapter 15 十五章討論字型的使用及技巧，好使文字的使用能增加設計的效率及可讀性。

Chapter 16 接下來的一章提供了色彩理論完整應用在電腦螢幕及其他數位顯示裝置的輸出之介紹。

Chapter 17 十七章教導如何建立個人化的圖片並檢視目前受網站設計者喜歡的工具以及在你不擅長設計時該怎麼處理。

Chapter 18 這一章會瀏覽在Web上使用多媒體展示的發展，包括Shockwave及Flash的展示及串流視訊。

Chapter 19 十九章討論在你的站上做生意，小規模商業的電子商務會討論到，包括伺服器安全的資訊、購物車及稅務的考量等。

Chapter 20 第二單元最後一章檢視可存取的設計技術，也就是讓那些殘障人士有一樣存取功能的設計，可存取設計技術也需要模擬在小或非傳統的裝置像是WebTV、PDA及手機等裝置供使用者使用。

²    第三單元：走向XHTML

在這一部分，我會檢視XHTML將往何處前進，現在XHTML 1已成為W3C的建議書，有很多的功能會不在標準程序中，而這是讓你選擇有哪些規格是位於邊緣部份的單元。

Chapter 21 二十一章介紹下一波XHTML的發展：模組化的XHTML 1.1正使用模組化技術建構來新增更接近XML版本的XHTML。

Chapter 22 最後一章導引你透過文件型態定義，XHTML模組及XML文件基礎來閱讀及製作。

²    附錄

附錄 A XHTML元素及屬性的參考是你能最快找到可用的XHTML元素及屬性的資源，上面還會有完整版XHTML 1或是過渡版的提示。

附錄 B 在模組化的XHTML規格中的每個摘要模組定義都可以很容易地找到。

光碟片的內容

光碟片中含有本書所用的工具及範例檔案，書中幾個地方，會指引你直接至光碟片中檢視，而不是從程式範例前所顯示的檔案內容或範例所描述的結果而已。

另外我也放了幾個受歡迎的瀏覽器最新的版本，所以你可以確定在學習XHTML時有最新的工具來使用，你可以找到XHTML設計工具，像編輯器，驗證工具及其他編輯程式，影像程式也放在光碟片中，給你一個機會來試試Web上常用的程式。

第1章：XHTML及其交互相容的觀念

開始.. 1-2

連結的資訊系統... 1-3

從連結到超文件到W3C. 1-3

目前的HTML標準... 1-4

XML的挑戰... 1-5

XHTML：HTML-XML的橋樑... 1-6

跨越平台、版本及技術.. 1-7

免費的不等於是流血的... 1-7

交互相容的觀念Concept 1-8

誰在那裡?. 1-9

結　語.. 1-10

第2章：瀏覽器基本原理

瀏覽器歷史小瞥.. 2-2

目前瀏覽器的使用.. 2-3

瀏覽器的戰爭.. 2-5

那是什麼意思呢?. 2-6

瀏覽器的發展.. 2-7

瀏覽器的發展如何影響使用者？.. 2-8

正面影響... 2-8

反面影響... 2-9

模組化的延伸性... 2-11

今天的瀏覽器速覽.. 2-11

微軟的 Internet Explorer 2-11

Netscape Navigator 2-13

Netscape Communicator 6. 2-14

Lynx. 2-17

Opera 4.02. 2-18

總　結.. 2-20

第3章：使用XHTML文件來設計

選擇編輯器.. 3-2

使用什麼編輯器... 3-3

開始….. 3-7

文件型態... 3-7

DOCTYPE定義... 3-9

html元素... 3-10

head元素... 3-12

文件的主體.. 3-16

body元素... 3-17

新增標題... 3-22

增加文字... 3-23

總　結.. 3-25

第4章：XHTML中文字與圖片的操作

對外連結.. 4-2

為連結新增錨點... 4-2

Block元素.. 4-9

產生列表... 4-9

處理引用... 4-14

控管先格式化的文字... 4-14

修改文字格式.. 4-15

字型樣式元素... 4-16

特殊字元.. 4-18

字元集... 4-18

瀏覽器的支援字元集... 4-18

Latin-1子集中沒包含的字元... 4-19

影像處理.. 4-25

對齊方式... 4-25

可連結之影像... 4-27

替代文字... 4-28

空白... 4-29

繪製影像地圖... 4-30

總　結.. 4-30

第5章：建立表格

何謂表格？.. 5-2

建立基本表格.. 5-4

表格格式化選項.. 5-6

標題... 5-6

邊框... 5-8

Rules. 5-12

顏色... 5-13

儲存格邊界設定... 5-19

建立列與欄之群組.. 5-23

colgroup元素... 5-24

col元素... 5-26

列的群組... 5-26

儲存格與一個以上之欄或列作合併... 5-31

總　結.. 5-33

第6章：建立框架

運用框架.. 6-2

frameset元素... 6-3

新增內容到框架中... 6-8

瀏覽新的框架內容... 6-13

關於框架的設計

類似商品