循序漸進(jìn)HTML與XHTML教程

第一部分 創(chuàng)建第1個(gè)Web頁
第1課時(shí) 了解HTML和XML
1.1 什么是Web頁
1.2 Web頁的工作方式
1.3 網(wǎng)上沖浪時(shí)的情況
1.4 編輯Web頁的方式
1.5 HTML的許多界面
1.6 小結(jié)
1.7 問題與解答
1.8 作業(yè)
1.8.1 測驗(yàn)
1.8.2 答案
1.8.3 練習(xí)
第2課時(shí) 立即創(chuàng)建Web頁
2.1 簡單示例頁面
2.2 每個(gè)HTML頁面必須有的標(biāo)記
2.3 分段和斷行
2.4 標(biāo)題
2.5 查看別人的頁面
2.6 小結(jié)
2.7 問題與解答
2.8 作業(yè)
2.8.1 測驗(yàn)
2.8.2 答案
2.8.3 練習(xí)
第3課時(shí) 鏈接到其他Web頁
3.1 鏈接到另一個(gè)Web頁
3.2 自己頁面之間的鏈接
3.3 相對地址
3.4 小結(jié)
3.5 問題與解答
3.6 作業(yè)
3.6.1 測驗(yàn)
3.6.2 答案
3.6.3 練習(xí)
第4課時(shí) 發(fā)布HTML頁面
4.1 建立Internet Web站點(diǎn)
4.2 頁面?zhèn)鬏數(shù)絎eb服務(wù)器
4.2.1 使用Netscape發(fā)布頁面
4.2.2 使用Microsoft IE發(fā)布頁面
4.2.3 使用Microsoft FrontPage發(fā)布頁面
4.2.4 使用CuteFTP發(fā)布頁面
4.3 使文件可用于下載
4.4 在內(nèi)部網(wǎng)上放置Web頁
4.5 在磁盤上發(fā)布Web頁
4.6 測試頁面
4.7 小結(jié)
4.8 問題與解答
4.9 作業(yè)
4.9.1 測試
4.9.2 答案
4.9.3 練習(xí)
第二部分 Web頁文本
第5課時(shí) 文本對齊、列表和特殊字符
5.1 文本對齊
5.2 特殊字符
5.2.1 把萬物放在萬維網(wǎng)上
5.2.2 實(shí)體
5.3 3種類型的HTML列表
5.4 列表內(nèi)的列表
5.5 小結(jié)
5.6 問題與解答
5.7 作業(yè)
5.7.1 測驗(yàn)
5.7.2 答案
5.7.3 練習(xí)
第6課時(shí) 高級文本格式編排和鏈接
6.1 粗體、斜體和特殊格式
6.2 字體大小和顏色
6.3 選擇字樣
6.4 使用命名錨
6.5 鏈接到另一個(gè)頁面的特定部分
6.6 把電子郵件地址鏈接到Web頁上
6.7 小結(jié)
6.8 問題與解答
6.9 作業(yè)
6.9.1 測驗(yàn)
6.9.2 答案
6.9.3 練習(xí)
第7課時(shí) 創(chuàng)建HTML表單
7.1 HTML表單如何起作用
7.2 創(chuàng)建表單
7.3 文本輸入
7.4 識別每一條表單數(shù)據(jù)
7.5 包含隱藏?cái)?shù)據(jù)
7.6 復(fù)選框
7.7 單選按鈕
7.8 選擇列表
7.9 文本區(qū)域
7.10 提交
7.11 創(chuàng)建定制的提交按鈕
7.12 小結(jié)
7.13 問題與解答
7.14 作業(yè)
7.14.1 測驗(yàn)
7.14.2 答案
7.14.3 練習(xí)
第三部分 Web頁圖形
第8課時(shí) 創(chuàng)建Web頁圖形
8.1 選擇圖形軟件
8.2 圖形基本知識
8.3 準(zhǔn)備照片圖像
8.4 控制JPEG壓縮
8.5 創(chuàng)建橫幅和按鈕
8.6 減少顏色數(shù)
8.7 交錯(cuò)的GIF和漸進(jìn)的JPEG
8.8 小結(jié)
8.9 問題與解答
8.10 作業(yè)
8.10.1 測驗(yàn)
8.10.2 答案
8.10.3 練習(xí)
第9課時(shí) 在Web頁上放置圖形
9.1 把圖像放在Web頁上
9.2 給圖像加標(biāo)簽
9.3 作為鏈接的圖像
9.4 水平圖像對齊
9.5 垂直圖像對齊
9.6 小結(jié)
9.7 問題與解答
9.8 作業(yè)
9.8.1 測驗(yàn)
9.8.2 答案
9.8.3 練習(xí)
第10課時(shí) 定制背景和顏色
10.1 背景和文本顏色
10.2 創(chuàng)建定制顏色
10.3 背景圖像平鋪
10.4 透明圖像
10.5 創(chuàng)建背景
10.6 小結(jié)
10.7 問題與解答
10.8 作業(yè)
10.8.1 測驗(yàn)
10.8.2 答案
10.8.3 練習(xí)
第11課時(shí) 創(chuàng)建動畫圖形
11.1 制作Web頁動畫的軟件
11.2 創(chuàng)建想要制成動畫的圖片
11.3 從圖片形成動畫
11.4 把GIF動畫放在Web頁上
11.5 生成過渡和文本效果
11.6 小結(jié)
11.7 問題與解答
11.8 作業(yè)
11.8.1 測驗(yàn)
11.8.2 答案
11.8.3 練習(xí)
第四部分 Web頁設(shè)計(jì)
第12課時(shí) 頁面設(shè)計(jì)和布局
12.1 Web頁設(shè)計(jì)
12.2 圖像間距及邊框
12.3 老式的背景橫幅技巧
12.4 指定圖像的寬度和高度
12.5 小結(jié)
12.6 問題與解答
12.7 作業(yè)
12.7.1 測驗(yàn)
12.7.2 答案
12.7.3 練習(xí)
第13課時(shí) 圖形鏈接和圖像映射
13.1 如何以及為什么避免使用圖像映射
13.2 圖像內(nèi)的映射區(qū)域
13.3 客戶端圖像映射
13.4 服務(wù)器端圖像映射
13.5 組合的客戶／服務(wù)器圖像映射
13.6 小結(jié)
13.7 問題與解答
13.8 作業(yè)
13.8.1 測驗(yàn)
13.8.2 答案
13.8.3 練習(xí)
第14課時(shí) 表格的高級布局
14.1 創(chuàng)建簡單的表格
14.2 表格大小
14.3 對齊和跨度
14.4 背景和間距
14.5 使用表格創(chuàng)造性地布置頁面
14.6 小結(jié)
14.7 問題與解答
14.8 作業(yè)
14.8.1 測驗(yàn)
14.8.2 答案
14.8.3 練習(xí)
第15課時(shí) 使用樣式表
15.1 基本的樣式表
15.2 CSS1與CSS2的比較
15.3 老式Web瀏覽器
15.4 樣式屬性
15.5 樣式類
Is.6 指定內(nèi)嵌樣式
15.7 定位和層次
15.8 小結(jié)
15.9 問題與解答
15.10 作業(yè)
15.10.1 測驗(yàn)
15.10.2 答案
15.10.3 練習(xí)
第五部分 動態(tài)Web頁
第16課時(shí) 在Web頁中嵌套多媒體
16.1 把多媒體放在Web頁上
16.2 老式的多媒體
16.3 在Web頁中嵌入聲音
16.4 在Web頁中嵌入視頻
16.5 取悅每個(gè)人
16.6 新方式的多媒體
16.7 小結(jié)
16.8 問題與解答
16.9 作業(yè)
16.9.1 測驗(yàn)
16.9.2 答案
16.9.3 練習(xí)
第17課時(shí) 使用小程序和ActiveX的交互式頁面
17.1 老方式
17.2 普通用戶的Internet編程
17.3 強(qiáng)大的Java
17.4 ActiveX控件
17.5 使用ActiveX嵌入視頻
17.6 安全性和ActiveX控件
17.7 XML的ActiveX控件
17.8 小結(jié)
17.9 問題與解答
17.10 作業(yè)
17.10.1 測驗(yàn)
17.10.2 答案
17.10.3 練習(xí)
第18課時(shí) 非程序員的Web頁腳本編程
18.1 交互式突出顯示
18.2 為提高速度預(yù)載圖像
18.3 計(jì)算訂單表單的合計(jì)
18.4 JavaScript的廣泛領(lǐng)域
18.5 小結(jié)
18.6 問題與解答
18.7 作業(yè)
18.7.1 測驗(yàn)
18.7.2 答案
18.7.3 練習(xí)
第19課時(shí) 用動態(tài)HTML設(shè)置活動的頁面
19.1 學(xué)習(xí)如何飛動
19.2 Web頁分層
19.3 在普通的HTML中提供替代內(nèi)容
19.4 與不兼容的瀏覽器相兼容
19.5 采用JavaScript來回移動層
19.6 交互的層動畫
19.7 小結(jié)
19.8 問題與解答
19.9 作業(yè)
19.9.1 測驗(yàn)
19.9.2 答案
19.9.3 練習(xí)
第六部分 建立網(wǎng)站
第20課時(shí) 用框架做多頁面布局
20.1 什么是框架
20.2 創(chuàng)建框架集文檔
20.3 ＜frame／＞標(biāo)記
20.4 在框架和窗口之間鏈接
20.5 嵌套框架
20.6 邊距、邊框及滾動
20.7 小結(jié)
20.8 問題與解答
20.9 作業(yè)
20.9.1 測驗(yàn)
20.9.2 答案
20.9.3 練習(xí)
第21課時(shí) 組織和管理Web站點(diǎn)
21.1 當(dāng)一頁就足夠時(shí)
21.2 組織簡單的站點(diǎn)
21.3 組織較大的站點(diǎn)
21.4 在頁面中包含注釋
21.5 小結(jié)
21.6 問題與解答
21.7 作業(yè)
21.7.1 測驗(yàn)
21.7.2 答案
21.7.3 練習(xí)
第22課時(shí) 幫助人們找到您的Web頁面
22.1 發(fā)布Web站點(diǎn)
22.2 利用主要的搜索站點(diǎn)列出頁面
22.3 為搜索引擎提供提示信息
22.4 自動加載其他頁面
22.5 高級頭標(biāo)記
22.6 記錄頁面的完整地址
22.7 小結(jié)
22.8 問題與解答
22.9 作業(yè)
22.9.1 問題
22.9.2 答案
22.9.3 練習(xí)
第23課時(shí) 使用XML描述數(shù)據(jù)
23.1 作為元語言的XML
23.2 創(chuàng)建XML文件的標(biāo)記
23.3 示例XML數(shù)據(jù)文件
23.4 讀XML文件的HTML和JavaScript代碼
23.5 文檔類型定義（DTD）
23.6 小結(jié)
23.7 問題與解答
23.8 作業(yè)
23.8.1 問題
23.8.2 答案
23.8.3 練習(xí)
第24課時(shí) 規(guī)劃HTML的未來
24.1 Web之外的HTML
24.2 從計(jì)算器到通信器
24.3 作為新用戶接口的HTML
24.4 數(shù)字媒體的革命
24.5 XML：差異的統(tǒng)一
24.6 XHTML：新的HTML
24.7 未來的HTML應(yīng)用
24.8 準(zhǔn)備明天時(shí)今天能做什么
24.9 小結(jié)
24.10 問題與解答
24.11 作業(yè)
24.11.1 問題
24.11.2 練習(xí)
第七部分 附錄
附錄A 常問問題
A.1 最常見的24個(gè)問題
附錄B Internet上的HTML和XHTML學(xué)習(xí)資源
B.1 常規(guī)HTML信息
B.2 常規(guī)XHTML信息
B.3 Web頁面設(shè)計(jì)
B.4 軟件
B.5 圖形
B.6 多媒體和虛擬現(xiàn)實(shí)
B.7 高級開發(fā)者資源
B.8 HTML有效確認(rèn)工具
B.9 具有HTML信息的目錄
B.10 Web站點(diǎn)服務(wù)
B.11 免費(fèi)的Web站點(diǎn)服務(wù)
B.12 各種Web有趣的站點(diǎn)
附錄C 完整的HTML 4快速索引
C.1 結(jié)構(gòu)
C.1.1 ＜bdo＞…＜／bdo＞
C.1.2 ＜body＞…＜／body＞
C.1.3 Comments＜！--…--＞
C.1.4 ＜div＞…＜／div＞
C.1.5 ＜！doctype＞
C.1.6 從＜h1＞…＜／h1＞到＜h6＞…＜／h6＞
C.1.7 ＜head＞…＜／head＞
C.1.8 ＜hr／＞
C.1.9 ＜html＞…＜／html＞
C.1.10 ＜meta／＞
C.1.11 ＜span＞…＜／span＞
C.1.12 ＜title＞…＜／title＞
C.2 文本短語和段落
C.2.1 ＜abbr＞…＜／abbr＞
C.2.2 ＜acronym＞…＜／acronym＞
C.2.3 ＜address＞… ＜／address＞
C.2.4 ＜blockquote＞／＜blockquote＞
C.2.5 ＜br／＞
C.2.6 ＜cite＞…＜／cite＞
C.2.7 ＜code＞…＜／code＞
C.2.8 ＜del＞…＜／del＞
C.2.9 ＜dfn＞…＜／dfn＞
C.2.10 ＜em＞…＜／em＞
C.2.11 ＜ins＞…＜／ins＞
C.2.12 ＜kbd＞…＜／kbd＞
C.2.13 ＜p＞…＜／p＞
C.2.14 ＜pre＞…＜／pre＞
C.2.15 ＜q＞…＜／q＞
C.2.16 ＜samp＞…＜／samp＞
C.2.17 ＜strong＞…＜／strong＞
C.2.18 ＜sub＞…＜／sub＞
C.2.19 ＜sup＞…＜／sup＞
C.2.20 ＜var＞…＜／var＞
C.3 文本格式化元素
C.3.1 ＜b＞…＜／b＞
C.3.2 ＜basefont／＞
C.3.3 ＜big＞…＜／big＞
C.3.4 ＜font＞ ＜／font＞
C.3.5 ＜i＞…＜／i＞
C.3.6 ＜s＞…＜／s＞
C.3.7 ＜small＞…＜／small＞
C.3.8 ＜strike＞…＜／strike＞
C.3.9 ＜tt＞…＜／tt＞
C.3.10 ＜u＞…＜／u＞
C.4 列表
C.4.1 ＜dd＞…＜／dd＞
C.4.2 ＜dir…＜／idr＞
C.4.3 ＜dl＞…＜／dl＞
C.4.4 ＜dt＞…＜／dt＞
C.4.5 ＜li＞…＜／li＞
C.4.6 ＜menu＞…＜／menu＞
C.4.7 ＜o(jì)l＞…＜／ol＞
C.4.8 ＜ul＞…＜／ul＞
C.5 鏈接
C.5.1 ＜a＞…＜／a＞
C.5.2 ＜base／＞
C.5.3 ＜link／＞
C.6 表
C.6.1 ＜caption＞…＜／caption＞
C.6.2 ＜col／＞
C.6.3 ＜colgroup＞…＜／colgroup＞
C.6.4 ＜table＞ ＜／table＞
C.6.5 ＜tbody＞…＜／tbody＞
C.6.6 ＜td＞…＜／td＞
C.6.7 ＜tfoot＞…＜／tfoot＞
C.6.8 ＜th＞…＜／th＞
C.6.9 ＜thead＞…＜／thead＞
C.6.10 ＜tr＞…＜／tr＞
C.7 框架
C.7.1 ＜frame／＞
C.7.2 ＜frameset…＜／frameset＞
C.7.3 ＜iframe＞…＜／iframe＞
C.7.4 ＜noframes＞ ＜／noframes＞
C.8 嵌入的內(nèi)容
C.8.1 ＜applet＞…＜／applet＞
C.8.2 ＜area／＞
C.8.3 ＜img／＞
C.8.4 ＜map＞…＜／map＞
C.8.5 ＜o(jì)bject＞…＜／object＞
C.8.6 ＜param／＞
C.9 樣式
C.9.1 ＜style＞…＜／style＞
C.10 表單
C.10.1 ＜button＞…＜／button＞
C.10.2 ＜fieldset＞…＜／fieldset＞
C.10.3 ＜form…＜／form＞
C.10.4 ＜input／＞
C.10.5 ＜isindex＞…＜／isindex＞
C.10.6 ＜label＞…＜／label＞
C.10.7 ＜legend＞ ＜／legend＞
C.10.8 ＜o(jì)ptgroup＞…＜／optgroup＞
C.10.9 ＜o(jì)ption＞…＜／option＞
C.10.10 ＜select＞…＜／select＞
C.10.11 ＜textarea＞ ＜／textarea＞
C.11 腳本
C.11.1 ＜noscript＞…＜／noscript＞
C.11.2 ＜script＞…＜／script＞
C.12 常用屬性和事件
附錄D XHTML標(biāo)準(zhǔn)的主要規(guī)則
D.1 不同于HTML的XHTML規(guī)則
D.1.1 所有包含內(nèi)容的打開標(biāo)記必須具有關(guān)閉標(biāo)記
D.1.2 空元素必須有結(jié)束標(biāo)記或者以空白后跟／＞終止
D.1.3 標(biāo)記必須正確嵌套
D.1.4 元素和屬性名必須用小寫字母
D.1.5 屬性值必須在引號中
D.1.6 屬性值不能省略
D.1.7 出現(xiàn)在屬性中的多余空格被排除
D.1.8 id屬性用于標(biāo)識對象
D.2 XHTML強(qiáng)制涉及空白的附加規(guī)則
附錄E HTML字符實(shí)體
詞匯表