內容介紹
內容提要本書以清晰的思路，循序漸進地介紹了Web頁的設計、發布和HTML4.0語言。全書
以時間為順序，用一周時間安排了七個方面的學習內容，力爭讀者一周學會Wcb頁的設計
和發布。本書首先介紹了與web有關的基礎知識，然後由創建一個簡單的web頁面開始，
介紹了Web頁面的一些基本設計方法，HTML的作用以及一些HTML使用工具，HTML
中圖像、背景以及多媒體的使用，設計Web頁面的過程，進而介紹了HTML的一些高級特
征，並附帶介紹了表單的創建、CGI以及動態HTML的概念。
本書是Web設計與發布方面的一本很好的教材，也是學習HTML4.0的實用參考書。
適用於網頁設計人員、想要為個人和朋友設計網頁的Web愛好者、大專院校相關專業的師
生及社會上網頁設計培訓班教材。
為方便讀者，隨書附配套光碟，配套光碟包括兩部分內容：1.與本書配套的電子書；2.
贈送HTML多媒體學習軟體“超文本標識語言HTML寶典”。本電子書的用法，請參見CD
盤中的Readme檔案。
作者介紹
作 者 簡 介LauraLemay
LauraLemay是一個致力於Web方面創作的技術作家。在一天12個小時的計算機前工
作和消耗掉大量的Dietcoke之間，她時常會創作出一本書。她是《Web設計與發布實用
培訓教程――用HTML4.0進行Web設計》和《一周內自學Java》的作者，她是與Web頁
面創作、設計、編程有關的任何事務以及與web有關的發布系統方面的專家。她在一年中
的剩餘時間內致力於使她的任何一輛機車能夠正常運行。你可以訪問她在
gttp：//www.lne.com/lemay/的主頁。
Arm anDanesh
ArmanDanesh（armand＠juxta.com）是設在香港的Juxta出版有限公司的主編。他是《一
周內自學Javascript》的作者和《JavaScript開發者嚮導》的合著者。他是一個技術方面的
新聞工作者並經常為SouthChinaMorningPost和TheDataphile撰稿而且是Internet欄目的
專欄作家。Arman同他的妻子Tahirih一起住在瑞士。
作品目錄
目 錄第一天開始：全球資訊網和你
第一章 全球資訊網世界
1.1什麼是全球資訊網
1.1.1Web是一個超文本信息系統
1.1.2Web是圖形化的且易於航行
1.1.3Web是跨平台的
1.1.4Web是分散式的
1.1.5Web是動態的
1.1.6Web瀏覽器可以訪問多種形式的Internet信息
1.1.7Web是互動式的
1.2Web瀏覽器
1.2.1瀏覽器做什麼
1.2.2比較普及的瀏覽器概覽
1.2.3NetscaPe
1.2.4NCSAM0Saic
1.2.5Lynx
1.2.6MicrosoftInternetExplOrer
1.3Web伺服器
1.4統一資源定位器（URLs）
1.5小結
1.6問與答
第二章 組織起來
2.1Web作品剖析
2.2你準備在Web上做些什麼
2.3設定你的目標
2.4將你的內容分解為主要的標題
2.5組織和導航的策略
2.5.1層次結構
2.5.2線性結構
2.5.3變通的線性結構
2.5.4線性結構和層次結構的組合
2.5.5網狀結構
2.6對你的Web作品進行情節設計（storyb0arding）
2.6.1什麼是情節設計以及為什麼我需要它
2.6.2對於情節設計的一些提示
2.7小結
2.8問與答
第二天 生成簡單的Web頁面
第三章 從基本知識開始
3.1HTML是什麼…以及它不是什麼
3.1.1HTML描述了頁面的結構
3.1.2HTML並不描述頁面的布局
3.1.3為什麼它要如此進行工作
3.1.4HTML是一種標識語言
3.2HTML檔案看起來象什麼
3.2.1一個有關格式化的要點
3.3幫助你寫作HTML的程式
3.4架構你的HTML
3.4.1＜HTML＞
3.4.2＜HEAD＞
3.4.3＜BODY＞
3.5題目
3.6篇頭
3.7段落
3.8列表，列表更多的列表
3.8.1列表標記
3.8.2有序數的列表
3.8.3無序列表
3.8.4詞典式列表
3.8.5選單和目錄列表
3.8.6嵌套列表
3.9注釋
3.10小結
3.11問與答
第四章 有關連結的所有內容
4.1生成連結
4.1.1連結標記＜A＞
4.2使用相對和絕對路徑名稱來連結本地頁面
4.2.1絕對路徑名稱
4.2.2你應該使用相對還是絕對路徑名稱
4.3連結到Web上的其它文檔
4.4連結到文檔中的特定的位置
4.4.1生成連結和錨
4.4.2連結到同一文檔中的錨
4.5剖析URL
4.5.1URLS的各個部分
4.5.2URL中的特殊字元
4.5.3HTML3.2和4.0中的＜A＞標記
4.6URLs的種類
4.6.1HTTP
4.6.2匿名的FTP
4.6.3非匿名FTP
4.6.4File
4.6.5Mailto
4.6.6GoPher
4.6.7USenet
4.7小結
4.8問與答
第三天 用HTML做更多的工作
第五章 用HTML做更多的文本格式化工作
5.1字元樣式
5.1.1邏輯樣式
5.1.2物理樣式
5.2預格式化文本
5.3水平線段
5.3.1＜HR＞標記的屬性
5.4換行符
5.5地址
5.6引用語
5.7特殊字元
5.7.1針對特殊字元的字元實體
5.7.2針對保留字元的字元實體
5.8文本編排
5.8.1編排單獨的元素
5.8.2編排整塊的元素
5.9字型和字型大小
5.9.1改變字型大小
5.9.2改變字型面貌
5.10可怕的＜BLINK＞
5.11＜NOBR＞和＜WBR＞
5.11.1為頁面做計畫
5.11.2從一個框架開始
5.11.3添加內容
5.11.4添加更多內容
5.11.5為頁面簽名
5.11.6回顧你所獲得的成果
5.11.7測試結果
5.11.8獲得精美效果
5.12小結
5.13問與答
第六章 HTML助手：編輯器和轉換器
6.1你需要一個編輯器嗎
6.2標記編輯器
6.2.1HTMLAssistantPro97（WindowS）
6.2.2H0tDog（Windows）
6.2.3WebEdit（Wind0WS）
6.2.4HTMLEdit（Macintosh）
6.2.5HTMLWebWeaverlite和WorldWideWebWeaver（Macintosh）
6.2.6AlPha和BBedit（Macintosh）的HTML擴展
6.2.7tkHTML（UNIX/X11）
6.2.8AsWedit（UNIX）
6.2.9HTMLToolsforemacs（UNIX）
6.3WYSIWYG和準WYSIWYG的編輯器
6.3.1NetscaPeComPoser（Windows，Macintosh，UNIX）
6.3.2MicrosoftFrontpageExpress（windows）
6.3.3SoftQuadHoTMetalPro3.0（Windows）
6.3.4PageMill2.0（Macintosh，Windows）
6.3.5MicrosoftFrontPage（Windows）.
6.3.6GNMPress（Windows，Macintosh）
6.3.7HTMLEditor（Macintosh）
6.3.8NetObjectsFusion
6.4轉換器
6.4.1純文本
6.4.2MicrosoftWord
6.4.3RTF（RIChTextFormat）
6.4.4QuarkXPress
6.4.5PageMaker
6.5直接用HTML進行工作和使用一個轉換器的比較
6.6小結
6.7問與答
第四天 圖像、背景和多媒體
第七章 使用圖像、顏色和背景
7.1Web上的圖像
7.2HTML中的內部圖像：＜IMG＞標記
7.3圖像和文本
7.3.1文本和圖像編排
7.3.2使文本圍繞圖像
7.3.3ALIGN＝LEFT和ALIGN＝RIGHT
7.3.4停止文本圍繞
7.3.5在舊的瀏覽器中的文本圍繞
7.3.6調整圖像周圍的空白
7.4圖像和連結
7.5使用外部圖像
7.6為圖像提供變通方案
7.7關於圖像的一些其它的巧妙把戲
7.7.1圖像尺寸和縮放
7.7.2有關圖像框線的更多知識
7.7.3圖像預覽
7.8使用顏色
7.8.1命名顏色
7.8.2改變背景顏色
7.8.3改變文本的顏色
7.8.4地點顏色
7.9圖像背景
7.10關於更好地使用圖像的提示
7.10.1你真的需要這些圖像嗎
7.10.2保持你的圖像很小
7.10.3儘可能經常重複使用圖像
7.10.4為圖像提供變通方案
7.11小結
7.12問與答
第八章 外部檔案、多媒體和動畫
8.1什麼是外部媒體
8.1.1在HTML中使用外部媒體
8.1.2外部媒體在你的瀏覽器中如何工作
8.2外部聲音，影像和其它檔案
8.2.1聲音檔案
8.2.2影像檔案
8.2.3將其它文檔當作外部媒體使用
8.2.4有關在HTML中使用外部媒體的提示
8.3Web上的內部多媒體的情況
8.4內部影像
8.5內部聲音
8.6滾動文本條動畫
8.6.1生成一個滾動文本條
8.6.2改變滾動文本條的行為
8.6.3改變滾動文本條的外觀
8.6.4使用滾動文本條
8.7使用GIF檔案的動畫
8.8使用Java生成動畫
8.8.1收集小的片段
8.8.2向你的Web頁面添加Applet
8.9多媒體控制項
8.10客戶拉曳和伺服器推送
8.11有關ShOckwave和其它NetscaPe外掛程式的說明
8.12小結
8.13問與答
第五天 設計有影響力的Web頁面
第九章 寫作和設計Web頁面：要做的和不要做的
9.1使用HTML擴展
9.2為線上而寫作
9.2.1寫作要清晰並且簡捷
9.2.2組織你的頁面使之能夠被快速地掃描
9.2.3讓每個頁面獨立地存在
9.2.4對於強調的東西要小心
9.2.5不要使用針對瀏覽器的術語
9.2.6對你的頁面進行拼寫檢查和校對
9.3設計以及頁面布局
9.3.1使用篇頭時要使之象個篇頭
9.3.2對相關信息進行可視化的編組
9.3.3使用一致的布局
9.4使用連結
9.4.1使用描述性的文本作為連結選單
9.4.2在文本中使用連結
9.4.3避免“這裡”綜合症
9.4.4連結或者不要連結
9.5使用圖像
9.5.1不要過多使用圖像
9.5.2使用對圖像的變通方案
9.5.3要保持圖像很小
9.5.4要小心有關對顯示器的假定
9.5.5要小心背景和連結的顏色
9.6其它的一些好的習慣及提示
9.6.1連結回主頁
9.6.2不要讓同一題目跨越不同頁面
9.6.3不要生成過多或是過少的頁面
9.6.4為你的頁面簽名
9.6.5為超文本頁面提供非超文本的版本
9.7小結
9.8問與答
第十章 好的和壞的Web設計舉例
10.1範例1：一個公司簡介
10.1.1在Foozle中有什麼新東西
10.1.2技術論文
10.1.3這個Web頁面的特色以及有關開發的問題
10.2範例2：一個多媒體百科全書
10.2.1概覽頁面
10.2.2Norton的入口
10.2.3針對品牌的索引
10.2.4這個站點的特色以及有關開發的問題
10.3範例3：一個商店的目錄
10.3.1 瀏覽目錄
10.3.2提交訂單
10.3.3 這個站點的特色以及有關開發的問題
10.4範例4：一本線上圖書
10.4.1試驗
10.4.2索引
10.4.3這個站點的特色以及有關開發的問題
10.5小結
10.6問與答
第六天 高級HTML特性：表格和框架
第十一章 表格
11.1有關表格定義的說明
11.2創建基本表格
11.2.1表格的各部分
11.2.2＜TABLE＞標記
11.2.3行和單元格
11.2.4空單元格
11.2.5標題
11.3表格和單元格的對齊方式
11.3.1表格的對齊方式
11.3.2單元格的對齊方式
11.4跨越多行或多列的單元格
11.5定義表格和列的寬度
11.5.1在文本中設定分行
11.5.2表格寬度
11.5.3列的寬度
11.6表格的其它特性
11.6.1框線寬度
11.6.2單元格間距
11.6.3單元格邊距
11.6.4表格中的顏色
11.7表格的替代形式
11.8小結
11.9問與答
第十二章 框架和連結視窗
12.1框架是什麼以及誰支持它
12.2使用連結視窗
12.2.1＜BASE＞標記
12.3使用框架
12.3.1＜FRA ME SET ＞標記
12.3.2＜FRAME＞標記
12.3.3＜NOFRAMES＞標記
12.4改變框架的框線
12.5創建複雜的框架集
12.5.1嵌套使用＜FRAMESET＞標記
12.5.2MagicTARGET名
12.6浮動框架
12.7小結
12.8問與答
第七天 在Web上生活
第十三章 把所有東西都放到網上
13.1Web伺服器是乾什麼的
13.1.1Web伺服器的其它工作
13.2選擇一個Web伺服器
13.2.1使用你的學校或工作單位提供的Web伺服器
13.2.2使用商業的Internet或Web服務
13.2.3使用匿名FTP或GoPher
13.2.4建立自己的伺服器
13.3組織和安裝你的HTML檔案
13.3.1要問Web管理員的問題
13.3.2用目錄組織你的檔案
13.3.3擁有一個預設的索引檔案和正確的檔案名稱
13.3.4安裝你的檔案
13.3.5在系統間移動檔案
13.3.6遠程管理工具
13.4我的URL是什麼
13.5測試、測試再測試
13.6疑難解答
13.6.1不能訪問伺服器
13.6.2不能訪問檔案
13.6.3不能訪問圖像
13.6.4連結不起作用
13.6.5檔案錯誤地顯示出來
13.7註冊並宣傳你的Web頁面
13.7.1WWW站點列表
13.7.2Yahoo！
13.7.3WorldWideWebVirtualLibrary
13.7.4Yell0wPages列表
13.7.5GTESuPerPages
18.3.4間距
18.3.5設定框線的外觀
18.3.6有關級聯風格頁的信息資源
18.4問與答
附錄
附錄A 進一步信息的資源
A.1訪問計數器
A.2瀏覽器
A.3HTML和WWW 開發信息
A.4表單和圖像地圖
A.5HTML編輯器和轉換器
A.6HTML驗證程式，連結檢查程式 簡單的蜘蛛
A.7Java，JavaScript和嵌入對象
A.8日誌檔案分析程式
A.9其它
A.10伺服器和伺服器管理
A.11聲音和視頻
A.12HTML HTTP和URL 的規格
A.13通用網關接口（CGI）和CGI腳本編程
A.14HTML和Web的特性
A.15圖像工具和信息
A.16Web供應商
A.17WWW索引和搜尋引擎
附錄B HTML4.0快速參考
B.1結構
B.1.1＜BDO＞..＜/BDO＞
B.1.2＜BODY＞＜/BODY＞
B.1.3注釋＜！…＞
B.1.4＜DIV＞…＜/DIV＞
B.1.5＜！DOCTYPE…＞
B.1.6從＜H1＞..＜/H1.到＜H6＞＜/H6＞
B.1.7＜HEAD＞＜HEAD＞
B.1.8＜HR＞
B.1.9＜HTML＞＜/HTML＞
B.1.10＜META＞
B.1.11＜SPAN＞＜/SPAN＞
B.1.12＜TITLE＞＜/TITLE＞
