21天學(xué)通HTML和XHTML Web開發(fā)

第一部分 概覽
第1章 第1天課程：萬維網(wǎng)世界
1.1 什么是萬維網(wǎng)
1.1.1 Web是超文本信息系統(tǒng)
1.1.2 Web是圖形化的且易于導(dǎo)航
1.1.3 Web是跨平臺的
1.1.4 Web是分布式的
1.1.5 Web是動態(tài)的
1.1.6 Web是交互式的
1.2 Web瀏覽器
1.2.1 瀏覽器的作用
1.2.2 兩種最常見的瀏覽器
1.2.3 使用瀏覽器訪問其他服務(wù)
1.3 Web服務(wù)器
1.4 統(tǒng)一資源定位符（URL）
1.5 小結(jié)
1.6 知識鞏固
1.6.1 問與答
1.6.2 測驗
1.6.3 測驗答案
1.6.4 練習(xí)
第2章 第2天課程：Web頁的組織
2.1 Web站點剖析
2.2 您想在Web上做什么
2.3 設(shè)定自己的目標
2.4 將內(nèi)容劃分為幾個主題
2.5 Web頁的組織和導(dǎo)航概急
2.5.1 層次結(jié)構(gòu)
2.5.2 線性結(jié)構(gòu)
2.5.3 具有分支的線性結(jié)構(gòu)
2.5.4 線性結(jié)構(gòu)和層次結(jié)構(gòu)的組合
2.5.5 Web結(jié)構(gòu)
2.6 串連Web站點的內(nèi)容
2.6.1 什么是內(nèi)容串連和為什么需要進行內(nèi)容串連
2.6.2 關(guān)于內(nèi)容串連的提示
2.7 小結(jié)
2.8 知識鞏固
2.8.1 問與答
2.8.2 測驗
2.8.3 測驗答案
2.8.4 練習(xí)
第3章 第3天課程：HTML簡介
3.1 什么是HTML
3.1.1 HTML描述的頁面結(jié)構(gòu)
3.1.2 HTML不能描述頁面布局
3.1.3 為什么要采取這種方式
3.1.4 HTML是一種標記語言
3.1.5 HTML標記的簡要歷史
3.2 使用XHTML 1.0為將來做準備
3.3 HTML文件的格式
3.3.1 練習(xí)3.1：創(chuàng)建第一個HTML文檔
3.3.2 練習(xí)3.2：查看結(jié)果
3.3.3 關(guān)于格式的注釋
3.4 用來幫助您編輯HTML文件的程序
3.5 小結(jié)
3.6 知識鞏固
3.6.1 問與答
3.6.2 測驗
3.6.3 測驗答案
3.6.4 練習(xí)
第二部分 創(chuàng)建簡單的Web頁
第4章 第4天課程：基本標記
4.1 設(shè)置HTML文檔的結(jié)構(gòu)
4.1.1 ＜html＞標記
4.1.2 ＜head＞標記
4.1.3 ＜body＞標記
4.2 題目
4.3 標題
4.4 段落
4.5 列表
4.5.1 列表標記
4.5.2 有序列表
4.5.3 使用HTML 3.2定制有序列表
4.5.4 無序列表
4.5.5 在HTML 3.2中定制無序列表
4.5.6 詞典式列表
4.5.7 嵌套式列表
4.6 注釋
練習(xí)4.1：創(chuàng)建一個真正的HTML頁
4.7 小結(jié)
4.8 知識鞏固
4.8.1 問與答
4.8.2 測驗
4.8.3 測驗答案
4.8.4 練習(xí)
第5章 第5天課程：鏈接
5.1 創(chuàng)建鏈接
5.1.1 鏈接標記＜a＞
5.1.2 練習(xí)5.1：鏈接兩個網(wǎng)頁
5.2 使用相對路徑和絕對路徑來鏈接本地網(wǎng)頁
5.2.1 絕對路徑名
5.2.2 應(yīng)該使用相對路徑名還是絕對路徑名
5.3 鏈接到Web上的其他文檔
5.3.1 練習(xí)5.2：將Caesar網(wǎng)頁鏈接到Web上
5.3.2 練習(xí)5.3：創(chuàng)建一個鏈接菜單
5.4 鏈接到文檔內(nèi)部的特定位置
5.4.1 創(chuàng)建鏈接和錨點
5.4.2 練習(xí)5.4：將兩個網(wǎng)頁的各個部分鏈接起來
5.4.3 鏈接到相同文檔中的錨點
5.5 剖析URL
5.5.1 URL的各個部分
5.5.2 URL中的特殊字符
5.5.3 HTML 4.0和＜a＞標記
5.6 各種URL
5.6.1 HTTP
5.6.2 匿名FTP
5.6.3 非匿名FTP
5.6.4 Mailto
5.6.5 Gopher
5.6.6 Usenet新聞組
5.6.7 File
5.7 小結(jié)
5.8 知識鞏固
5.8.1 問與答
5.8.2 測驗
5.8.3 測驗答案
5.8.4 練習(xí)
第6章 第6天課程：處理文本格式的更多標記
6.1 字符樣式
6.1.1 邏輯樣式
6.1.2 物理樣式
6.2 預(yù)格式化文本
6.3 水平線段
6.4 換行符
6.5 地址
6.6 引文
6.7 特殊字符
6.7.1 特殊字符的字符實體
6.7.2 保留字符的字符實體
6.8 文本對齊
6.8.1 對齊單個元素
6.8.2 對齊文本塊元素
6.9 字體和字體大小
6.9.1 改變字體的大小
6.9.2 改變字體
6.10 ＜blink＞標記
6.11 ＜nobr＞和＜wbr＞
練習(xí)6.1：創(chuàng)建一個真正的HTML頁面
6.12 小結(jié)
6.13 知識鞏固
6.13.1 問與答
6.13.2 測驗
6.13.3 測試答案
6.13.4 練習(xí)
第三部分 Web中的圖形
第7章 第7天課程：圖像、色彩和背景
7.1 Web頁上的圖像
7.2 HTML中的內(nèi)部圖像：＜img＞標記
7.2.1 為圖像添加替代文本
7.2.2 練習(xí)7.1：添加圖像
7.3 圖像與文本
7.3.1 文本與圖像的對齊方式
7.3.2 用文本環(huán)繞圖像
7.3.3 終止文本環(huán)繞
7.3.4 調(diào)整圖像周圍的空間
7.4 圖像與鏈接
練習(xí)7.2：使用導(dǎo)航圖標
7.5 使用外部圖像
練習(xí)7.3：鏈接到外部的GIF和JPEG圖像文件
7.6 其他的圖像應(yīng)用技巧
7.6.1 圖像尺寸和縮放比例
7.6.2 關(guān)于圖像邊框的更多內(nèi)容
7.6.3 圖像預(yù)覽
7.7 使用顏色
7.7.1 命名顏色
7.7.2 改變背景顏色
7.7.3 改變文本顏色
7.7.4 局部顏色
7.8 圖像背景
7.9 關(guān)于如何更好地使用圖像的提示
7.9.1 避免添加不必要的圖像
7.9.2 盡量讓圖像小一些
7.9.3 盡可能地重復(fù)使用圖像
7.9.4 為圖像提供替代內(nèi)容
7.10 圖像方面的一些規(guī)則
7.11 小結(jié)
7.12 知識鞏固
7.12.1 問與答
7.12.2 測驗
7.12.3 測驗答案
7.12.4 練習(xí)
第8章 第8天課程：創(chuàng)建動畫圖形
8.1 什么是動畫
8.2 何時何處需要使用動畫
8.3 制作透明的GIF文件
8.4 用于編譯GIF格式動畫的程序
8.4.1 GIF Construction Set（Windows平臺）
8.4.2 GifBuilder（Macintosh平臺）
8.5 制作GIF動畫
練習(xí)8.1：制作一個動畫
8.6 優(yōu)化動畫大小
練習(xí)8.2：減少動畫中的顏色數(shù)
8.7 用于制作圖片的工具
8.7.1 有用的軟件特性
8.7.2 練習(xí)8.3：從頭開始制作跳躍球的動畫
8.8 制作圖像翻轉(zhuǎn)（跳動）
8.8.1 練習(xí)8.4：建立一個JavaScript圖像翻轉(zhuǎn)
8.8.2 將腳本放置在頁面中
8.8.3 瀏覽器探測
8.8.4 預(yù)加載腳本
8.8.5 翻轉(zhuǎn)函數(shù)
8.8.6 調(diào)用函數(shù)
8.8.7 把所有代碼組合起來
8.9 小結(jié)
8.10 知識鞏固
8.10.1 問與答
8.10.2 測驗
8.10.3 測驗答案
8.10.4 練習(xí)
第9章 第9天課程：創(chuàng)建并使用圖像映射
9.1 什么是圖像映射
9.1.1 服務(wù)器端圖像映射
9.1.2 客戶端圖像映射
9.1.3 圖像映射和純文本瀏覽器
9.2 創(chuàng)建客戶端圖像映射
9.2.1 準備一幅圖像
9.2.2 確定坐標
9.2.3 定義一個多邊形
9.2.4 定義一個圓
9.2.5 定義一個矩形
9.2.6 ＜map＞和＜area＞標記
9.2.7 usemap屬性
9.2.8 練習(xí)9.1：一個可點擊的自動點唱機
9.3 小結(jié)
9.4 知識鞏固
9.4.1 問與答
9.4.2 測驗
9.4.3 測驗答案
9.4.4 練習(xí)
第四部分 使用HTML處理更多格式
第10章 第10天課程：表格
10.1 關(guān)于表格定義的一個說明
10.2 創(chuàng)建表格
10.3 表格的各個部分
10.3.1 ＜table＞元素
10.3.2 行和單元格
10.3.3 空單元格
10.3.4 標題
10.3.5 練習(xí)10.1：創(chuàng)建一個簡單的表格
10.4 設(shè)定表格、邊框、單元格的大小
10.4.1 設(shè)置表格寬度
10.4.2 更改表格邊框
10.4.3 單元格填充
10.4.4 單元格間距
10.4.5 列寬
10.4.6 文本換行
10.5 表格和單元格的顏色及對齊方式
10.5.1 更改表格和單元格的背景顏色
10.5.2 更改邊框顏色
10.6 對齊表格中的內(nèi)容
10.6.1 對齊表格
10.6.2 單元格對齊
10.6.3 對齊標題
10.7 跨多行或跨列的單元格
練習(xí)10.2：建立一個服務(wù)規(guī)格表格
10.8 更高級的表格屬性
10.8.1 列分組和列對齊
10.8.2 行分組和行對齊
10.8.3 框架和線條屬性
10.9 其他表格元素和屬性
10.10 表格的應(yīng)用
10.11 小結(jié)
10.12 知識鞏固
10.12.1 問與答
10.12.2 測驗
10.12.3 測驗答案
10.12.4 練習(xí)
第11章 第11天課程：框架和鏈接窗口
11.1 框架的概念及其支持情況
11.2 使用鏈接窗口
11.2.1 練習(xí)11.1：處理窗口
11.2.2 ＜base＞標記
11.3 使用框架
11.3.1 ＜frameset＞標記
11.3.2 ＜frame＞標記
11.3.3 ＜noframes＞標記
11.4 更改框架的邊框
11.5 創(chuàng)建復(fù)雜的框架集
11.5.1 練習(xí)11.2：為框架集創(chuàng)建有內(nèi)容的頁面
11.5.2 練習(xí)11.3：行、列組合
11.5.3 練習(xí)11.4：嵌套框架集
11.5.4 練習(xí)11.5：使用命名框架和超級鏈
11.5.5 練習(xí)11.6：把文檔鏈接到各個框架
11.5.6 練習(xí)11.7：添加noframes內(nèi)容
11.5.7 特殊的target名稱
11.6 浮動框架
11.7 小結(jié)
11.8 知識鞏固
11.8.1 問與答
11.8.2 測驗
11.8.3 測驗答案
11.8.4 練習(xí)
第12章 第12天課程：XHTML和樣式表
12.1 XHTML是什么及為什么要使用它
12.1.1 ＜DOCTYPE＞標識符
12.1.2 XHTML語法
12.2 樣式表的概念
12.3 樣式表的簡要回顧
12.4 重游Bookworm書店
12.5 學(xué)習(xí)樣式表
12.5.1 外部樣式表
12.5.2 練習(xí)12.1：創(chuàng)建并鏈接一個外部樣式表
12.5.3 內(nèi)嵌樣式表
12.5.4 練習(xí)12.2：創(chuàng)建一個內(nèi)嵌樣式表
12.6 關(guān)于級聯(lián)式
12.7 常用的樣式表屬性和相應(yīng)的屬性值
12.7.1 控制頁面布局的CSS屬性
12.7.2 練習(xí)12.3：在頁面中使用邊界和填充
12.7.3 背景、顏色和圖像
12.7.4 練習(xí)12.4：使用CSS將背景和顏色設(shè)置到元素中
12.7.5 設(shè)置過框外觀
12.7.6 練習(xí)12.5：使用CSS設(shè)置元素邊框
12.7.7 字體的外觀和樣式
12.7.8 CSS中的文本對齊屬性
12.8 內(nèi)部樣式
12.8.1 樣式屬性
12.8.2 class屬性
12.8.3 ＜span＞標記
12.8.4 練習(xí)12.6：使用CSS應(yīng)用字體和文本屬性
12.9 級聯(lián)式樣式表的資源信息
12.10 知識鞏固
12.10.1 問與答
12.10.2 測驗 
12.10.3 測驗答案
12.10.4 練習(xí)
第五部分 多媒體、表單和動態(tài)HTML
第13章 第13天課程：添加聲音、視頻等多媒體
13.1 理解如何呈現(xiàn)聲音和視頻
13.2 傳統(tǒng)的備用方法：鏈接
練習(xí)13.1：創(chuàng)建一個家庭歷史多媒體文件
13.3 嵌入聲音和視頻
13.3.1 使用embed元素
13.3.2 使用object元素
13.3.3 結(jié)合使用embed和object兀素
13.3.4 嵌入Flash動畫
13.3.5 嵌入Shockwave動畫
13.3.6 嵌入RealAudio和RealVideo
13.3.7 用Microsoft Internet Explorer實現(xiàn)的多媒體技術(shù)
13.3.8 練習(xí)13.2：嵌入一段QuickTime電影
13.4 聲音和視頻文件類型
13.5 插件和播放器
13.5.1 Windows媒體播放機
13.5.2 Macromedia Flash
13.5.3 Macromedia Shockwave
13.5.4 Apple的QuickTime 4
13.5.5 RealNetworks Grab Bag
13.5.6 WinAmp
13.5.7 其他插件
13.6 小結(jié)
13.7 知識鞏固
13.7.1 問與答
13.7.2 測驗
13.7.3 測驗答案
13.7.4 練習(xí)
第14章 第14天課程：設(shè)計表單
14.1 理解表單和功能
練習(xí)14.1：創(chuàng)建一個簡單的表單來接收姓名和口令
14.2 表單的基本元素
14.2.1 使用form元素創(chuàng)建表單
14.2.2 用input元素創(chuàng)建表單控件
14.2.3 練習(xí)14.2：用幾類input控件創(chuàng)建一個表單
14.2.4 使用其他控件元素
14.2.5 用select和option創(chuàng)建菜單
14.3 增加額外的控件
14.3.1 顯示控件的label元素
14.3.2 用fieldset和legend分組控件
14.3.3 改變默認的Tab導(dǎo)航
14.3.4 使用訪問鍵
14.3.5 創(chuàng)建disabled和readonly控件
14.3.6 練習(xí)14.3：用高級表單控件創(chuàng)建表單
14.4 規(guī)劃表單
14.5 小結(jié)
14.6 知識鞏固
14.6.1 問與答
14.6.2 測驗
14.6.3 測驗答案
14.6.4 練習(xí)
第15章 第15天課程：使用動態(tài)HTML
15.1 動態(tài)HTML的確切定義
15.2 學(xué)習(xí)JavaScript
15.2.1 JavaScript基礎(chǔ)
15.2.2 用HTML集成腳本
15.3 使用文檔對象模型
15.3.1 Netscape DOM
15.3.2 Internet Explorer DOM
15.4 處理事件
15.5 面對現(xiàn)實：跨瀏覽器的DHTML技術(shù)
15.5.1 檢測瀏覽器
15.5.2 檢測性能
15.5.3 測試對象的存在
15.5.4 用＜div＞將元素分組
15.5.5 ＜div＞元素的定位
15.5.6 用JavaScript控制元素
15.6 繼續(xù)學(xué)習(xí)DHTML
15.7 小結(jié)
15.8 知識鞏固
15.8.1 問與答
15.8.2 測驗
15.8.3 測驗答案
15.8.4 練習(xí)
第六部分 設(shè)計高效的Web頁
第16章 第16天課程：編寫和設(shè)計Web頁的基本準則
16.1 使用HTML擴展
16.2 為在線發(fā)布寫作
16.2.1 寫作要清晰簡練
16.2.2 組織頁面以便快速掃描
16.2.3 保持頁面獨立性
16.2.4 不要濫用強調(diào)
16.2.5 不要使用特定瀏覽器專用的術(shù)語
16.2.6 對頁面進行拼寫檢查和校對
16.3 設(shè)計和頁面布局
16.3.1 不要濫用標題
16.3.2 將相關(guān)的信息按照視覺分組
16.3.3 使用一致的布局
16.4 使用鏈接
16.4.1 使用描述性的文本作為鏈接菜單
16.4.2 在文本中使用鏈接
16.4.3 避免“這里”綜合癥
16.4.4 鏈接還是不鏈接
16.5 使用圖像
16.5.1 不要過多使用圖像
16.5.2 使用圖像的替代內(nèi)容
16.5.3 盡量讓圖像較小
16.5.4 考慮訪問者的硬件配置
16.5.5 注意背景和鏈接的顏色
16.6 其他的良好習(xí)慣和提示
16.6.1 提供到主頁的鏈接
16.6.2 不要讓同一主題跨越不同頁面
16.6.3 創(chuàng)建的頁面不要太多也不要太少
16.6.4 給頁面簽名
16.6.5 為超文本的頁面提供非超文本的版本
16.7 小結(jié)
16.8 知識鞏固
16.8.1 問與答
16.8.2 測驗
16.8.3 測驗答案
16.8.4 練習(xí)
第17章 第17天課程：Web設(shè)計的優(yōu)秀范例
17.1 范例1：公司簡介
17.1.1 Foozle中有什么新東西
17.1.2 Technical Information頁面
17.1.3 Company Overview頁面
17.1.4 Foozle Products頁面
17.1.5 Product Support頁面
17.1.6 Open Opportunities頁面
17.1.7 這個Web站點的特色和有關(guān)開發(fā)的問題
17.2 范例2：一個多媒體百科全書
17.2.1 Overview頁面
17.2.2 Norton頁面
17.2.3 商品型號索引
17.2.4 這個Web站點的特色和有關(guān)開發(fā)的問題
17.3 范例3：一個購物目錄
17.3.1 瀏覽目錄
17.3.2 訂購
17.3.3 這個Web站點的特色和有關(guān)開發(fā)的問題
17.4 小結(jié)
17.5 知識鞏固
17.5.1 問與答
17.5.2 測驗
17.5.3 測驗答案
17.5.4 練習(xí)
第18章 第18天課程：設(shè)計時必須考慮的現(xiàn)實因素
18.1 現(xiàn)實世界究竟是什么
18.2 考慮用戶的經(jīng)驗水平
18.2.1 列出那些提供站點描述的頁面
18.2.2 描述導(dǎo)航系統(tǒng)
18.2.3 添加瀏覽器建議
18.2.4 列出其他必需文件
18.3 確定用戶的偏愛
18.4 HTML 4.01與XHTML 1.0選擇
18.4.1 HTML 4.01和XHTML 1.0 Transitional
18.4.2 HTML 4.01和XHTML 1.0 Framesets
18.4.3 HTML 4.01和XHTML 1.0 Strict
18.5 小結(jié)
18.6 知識鞏固
18.6.1 問與答
18.6.2 測驗
18.6.3 測驗答案
18.6.4 練習(xí)
第七部分 發(fā)布和維護您的站點
第19章 第19天課程：發(fā)布您的站點
19.1 Web服務(wù)器的作用
19.2 定位Web服務(wù)器
19.2.1 使用學(xué)?；蚬ぷ鲉挝惶峁┑腤eb服務(wù)器
19.2.2 使用商業(yè)的Internet或Web服務(wù)
19.2.3 建立自己的服務(wù)器
19.3 組織HTML安裝文件
19.3.1 需詢問Web站點管理員的一些問題
19.3.2 用目錄組織文件
19.3.3 擁有默認的索引文件和正確的文件名
19.4 安裝文件
19.4.1 在系統(tǒng)間移動文件
19.4.2 使用FTP管理文件
19.4.3 遠程管理工具
19.5 增加交互式特性
19.5.1 搜索引擎
19.5.2 留言板
19.6 測試
19.7 疑難解答
19.7.1 不能訪問服務(wù)器
19.7.2 不能訪問文件
19.7.3 不能訪問圖像
19.7.4 鏈接不起作用
19.7.5 文件顯示不正確
19.8 小結(jié)
19.9 知識鞏固
19.9.1 問與答
19.9.2 測驗
19.9.3 測驗答案
19.9.4 練習(xí)
第20章 第20天課程：站點宣傳
20.1 注冊并宣傳Web頁
20.1.1 World Wide Web站點列表
20.1.2 Yahoo！
20.1.3 World Wide Web Virtual Library
20.1.4 dmoz：Open Directory Project
20.1.5 黃頁目錄
20.1.6 專門目錄
20.2 站點索引和搜索引擎
20.2.1 AltaVista
20.2.2 Excite
20.2.3 Google
20.2.4 HotBot
20.2.5 Lycos
20.2.6 Go.com
20.3 提交工具
20.4 通過Usenet宣傳站點
20.4.1 Web環(huán)
20.4.2 名片、信頭、小冊子和廣告
20.5 找出誰在查看您的Web頁
20.5.1 日志文件
20.5.2 訪問記數(shù)器
20.6 小結(jié)
20.7 知識鞏固
20.7.1 問與答
20.7.2 測驗
20.7.3 測驗答案
20.7.4 練習(xí)
第21章 第21天課程：測試、檢查和維護站點
21.1 完整性測試
21.1.1 檢查HTML
21.1.2 W3C HTML檢查服務(wù)
21.1.3 練習(xí)21.1：檢查一個范例頁面
21.1.4 瀏覽器測試
21.1.5 檢查鏈接
21.2 可用性測試
21.3 更新站點并增加頁面
21.3.1 增加新內(nèi)容
21.3.2 修訂結(jié)構(gòu)
21.4 小結(jié)
21.5 知識鞏固
21.5.1 問與答
21.5.2 測驗
21.5.3 測驗答案
21.5.4 練習(xí)
第八部分 附錄
附錄A HTML 4.01快速參考
A.1 公共的屬性和事件
A.2 結(jié)構(gòu)
A.3 文本片斷和段落
A.4 文本格式化元素
A.5 列表
A.6 鏈接
A.7 表格
A.8 框架
A.9 內(nèi)嵌內(nèi)容
A.10 樣式
A.11 表單
A.12 腳本
A.13 字符集
附錄B 級聯(lián)式樣式表（CSS）快速參考
B.1 如何使用本附錄
B.2 文本塊級的屬性
B.3 背景和顏色屬性
B.4 方框模型屬性
B.5 字體屬性
B.6 列表屬性
B.7 文本屬性
B.8 視覺效果屬性
B.9 聲音樣式表屬性
B.10 自動生成內(nèi)容/自動編號屬性
B.11 分頁媒體屬性
B.12 表格屬性
B.13 用戶界面屬性
B.14 級聯(lián)式樣式表單元
附錄C 顏色名稱和16進制代碼
附錄D MIME類型和文件擴展名