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

第一部分 創(chuàng)建第1個(gè)Web頁(yè)
第1課時(shí) 了解HTML和XML
1.1 什么是Web頁(yè)
1.2 Web頁(yè)的工作方式
1.3 網(wǎng)上沖浪時(shí)的情況
1.4 編輯Web頁(yè)的方式
1.5 HTML的許多界面
1.6 小結(jié)
1.7 問(wèn)題與解答
1.8 作業(yè)
1.8.1 測(cè)驗(yàn)
1.8.2 答案
1.8.3 練習(xí)
第2課時(shí) 立即創(chuàng)建Web頁(yè)
2.1 簡(jiǎn)單示例頁(yè)面
2.2 每個(gè)HTML頁(yè)面必須有的標(biāo)記
2.3 分段和斷行
2.4 標(biāo)題
2.5 查看別人的頁(yè)面
2.6 小結(jié)
2.7 問(wèn)題與解答
2.8 作業(yè)
2.8.1 測(cè)驗(yàn)
2.8.2 答案
2.8.3 練習(xí)
第3課時(shí) 鏈接到其他Web頁(yè)
3.1 鏈接到另一個(gè)Web頁(yè)
3.2 自己頁(yè)面之間的鏈接
3.3 相對(duì)地址
3.4 小結(jié)
3.5 問(wèn)題與解答
3.6 作業(yè)
3.6.1 測(cè)驗(yàn)
3.6.2 答案
3.6.3 練習(xí)
第4課時(shí) 發(fā)布HTML頁(yè)面
4.1 建立Internet Web站點(diǎn)
4.2 頁(yè)面?zhèn)鬏數(shù)絎eb服務(wù)器
4.2.1 使用Netscape發(fā)布頁(yè)面
4.2.2 使用Microsoft IE發(fā)布頁(yè)面
4.2.3 使用Microsoft FrontPage發(fā)布頁(yè)面
4.2.4 使用CuteFTP發(fā)布頁(yè)面
4.3 使文件可用于下載
4.4 在內(nèi)部網(wǎng)上放置Web頁(yè)
4.5 在磁盤上發(fā)布Web頁(yè)
4.6 測(cè)試頁(yè)面
4.7 小結(jié)
4.8 問(wèn)題與解答
4.9 作業(yè)
4.9.1 測(cè)試
4.9.2 答案
4.9.3 練習(xí)
第二部分 Web頁(yè)文本
第5課時(shí) 文本對(duì)齊、列表和特殊字符
5.1 文本對(duì)齊
5.2 特殊字符
5.2.1 把萬(wàn)物放在萬(wàn)維網(wǎng)上
5.2.2 實(shí)體
5.3 3種類型的HTML列表
5.4 列表內(nèi)的列表
5.5 小結(jié)
5.6 問(wèn)題與解答
5.7 作業(yè)
5.7.1 測(cè)驗(yàn)
5.7.2 答案
5.7.3 練習(xí)
第6課時(shí) 高級(jí)文本格式編排和鏈接
6.1 粗體、斜體和特殊格式
6.2 字體大小和顏色
6.3 選擇字樣
6.4 使用命名錨
6.5 鏈接到另一個(gè)頁(yè)面的特定部分
6.6 把電子郵件地址鏈接到Web頁(yè)上
6.7 小結(jié)
6.8 問(wèn)題與解答
6.9 作業(yè)
6.9.1 測(cè)驗(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í)別每一條表單數(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 問(wèn)題與解答
7.14 作業(yè)
7.14.1 測(cè)驗(yàn)
7.14.2 答案
7.14.3 練習(xí)
第三部分 Web頁(yè)圖形
第8課時(shí) 創(chuàng)建Web頁(yè)圖形
8.1 選擇圖形軟件
8.2 圖形基本知識(shí)
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 問(wèn)題與解答
8.10 作業(yè)
8.10.1 測(cè)驗(yàn)
8.10.2 答案
8.10.3 練習(xí)
第9課時(shí) 在Web頁(yè)上放置圖形
9.1 把圖像放在Web頁(yè)上
9.2 給圖像加標(biāo)簽
9.3 作為鏈接的圖像
9.4 水平圖像對(duì)齊
9.5 垂直圖像對(duì)齊
9.6 小結(jié)
9.7 問(wèn)題與解答
9.8 作業(yè)
9.8.1 測(cè)驗(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 問(wèn)題與解答
10.8 作業(yè)
10.8.1 測(cè)驗(yàn)
10.8.2 答案
10.8.3 練習(xí)
第11課時(shí) 創(chuàng)建動(dòng)畫圖形
11.1 制作Web頁(yè)動(dòng)畫的軟件
11.2 創(chuàng)建想要制成動(dòng)畫的圖片
11.3 從圖片形成動(dòng)畫
11.4 把GIF動(dòng)畫放在Web頁(yè)上
11.5 生成過(guò)渡和文本效果
11.6 小結(jié)
11.7 問(wèn)題與解答
11.8 作業(yè)
11.8.1 測(cè)驗(yàn)
11.8.2 答案
11.8.3 練習(xí)
第四部分 Web頁(yè)設(shè)計(jì)
第12課時(shí) 頁(yè)面設(shè)計(jì)和布局
12.1 Web頁(yè)設(shè)計(jì)
12.2 圖像間距及邊框
12.3 老式的背景橫幅技巧
12.4 指定圖像的寬度和高度
12.5 小結(jié)
12.6 問(wèn)題與解答
12.7 作業(yè)
12.7.1 測(cè)驗(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 問(wèn)題與解答
13.8 作業(yè)
13.8.1 測(cè)驗(yàn)
13.8.2 答案
13.8.3 練習(xí)
第14課時(shí) 表格的高級(jí)布局
14.1 創(chuàng)建簡(jiǎn)單的表格
14.2 表格大小
14.3 對(duì)齊和跨度
14.4 背景和間距
14.5 使用表格創(chuàng)造性地布置頁(yè)面
14.6 小結(jié)
14.7 問(wèn)題與解答
14.8 作業(yè)
14.8.1 測(cè)驗(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 問(wèn)題與解答
15.10 作業(yè)
15.10.1 測(cè)驗(yàn)
15.10.2 答案
15.10.3 練習(xí)
第五部分 動(dòng)態(tài)Web頁(yè)
第16課時(shí) 在Web頁(yè)中嵌套多媒體
16.1 把多媒體放在Web頁(yè)上
16.2 老式的多媒體
16.3 在Web頁(yè)中嵌入聲音
16.4 在Web頁(yè)中嵌入視頻
16.5 取悅每個(gè)人
16.6 新方式的多媒體
16.7 小結(jié)
16.8 問(wèn)題與解答
16.9 作業(yè)
16.9.1 測(cè)驗(yàn)
16.9.2 答案
16.9.3 練習(xí)
第17課時(shí) 使用小程序和ActiveX的交互式頁(yè)面
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 問(wèn)題與解答
17.10 作業(yè)
17.10.1 測(cè)驗(yàn)
17.10.2 答案
17.10.3 練習(xí)
第18課時(shí) 非程序員的Web頁(yè)腳本編程
18.1 交互式突出顯示
18.2 為提高速度預(yù)載圖像
18.3 計(jì)算訂單表單的合計(jì)
18.4 JavaScript的廣泛領(lǐng)域
18.5 小結(jié)
18.6 問(wèn)題與解答
18.7 作業(yè)
18.7.1 測(cè)驗(yàn)
18.7.2 答案
18.7.3 練習(xí)
第19課時(shí) 用動(dòng)態(tài)HTML設(shè)置活動(dòng)的頁(yè)面
19.1 學(xué)習(xí)如何飛動(dòng)
19.2 Web頁(yè)分層
19.3 在普通的HTML中提供替代內(nèi)容
19.4 與不兼容的瀏覽器相兼容
19.5 采用JavaScript來(lái)回移動(dòng)層
19.6 交互的層動(dòng)畫
19.7 小結(jié)
19.8 問(wèn)題與解答
19.9 作業(yè)
19.9.1 測(cè)驗(yàn)
19.9.2 答案
19.9.3 練習(xí)
第六部分 建立網(wǎng)站
第20課時(shí) 用框架做多頁(yè)面布局
20.1 什么是框架
20.2 創(chuàng)建框架集文檔
20.3 ＜frame／＞標(biāo)記
20.4 在框架和窗口之間鏈接
20.5 嵌套框架
20.6 邊距、邊框及滾動(dòng)
20.7 小結(jié)
20.8 問(wèn)題與解答
20.9 作業(yè)
20.9.1 測(cè)驗(yàn)
20.9.2 答案
20.9.3 練習(xí)
第21課時(shí) 組織和管理Web站點(diǎn)
21.1 當(dāng)一頁(yè)就足夠時(shí)
21.2 組織簡(jiǎn)單的站點(diǎn)
21.3 組織較大的站點(diǎn)
21.4 在頁(yè)面中包含注釋
21.5 小結(jié)
21.6 問(wèn)題與解答
21.7 作業(yè)
21.7.1 測(cè)驗(yàn)
21.7.2 答案
21.7.3 練習(xí)
第22課時(shí) 幫助人們找到您的Web頁(yè)面
22.1 發(fā)布Web站點(diǎn)
22.2 利用主要的搜索站點(diǎn)列出頁(yè)面
22.3 為搜索引擎提供提示信息
22.4 自動(dòng)加載其他頁(yè)面
22.5 高級(jí)頭標(biāo)記
22.6 記錄頁(yè)面的完整地址
22.7 小結(jié)
22.8 問(wèn)題與解答
22.9 作業(yè)
22.9.1 問(wèn)題
22.9.2 答案
22.9.3 練習(xí)
第23課時(shí) 使用XML描述數(shù)據(jù)
23.1 作為元語(yǔ)言的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 問(wèn)題與解答
23.8 作業(yè)
23.8.1 問(wèn)題
23.8.2 答案
23.8.3 練習(xí)
第24課時(shí) 規(guī)劃HTML的未來(lái)
24.1 Web之外的HTML
24.2 從計(jì)算器到通信器
24.3 作為新用戶接口的HTML
24.4 數(shù)字媒體的革命
24.5 XML：差異的統(tǒng)一
24.6 XHTML：新的HTML
24.7 未來(lái)的HTML應(yīng)用
24.8 準(zhǔn)備明天時(shí)今天能做什么
24.9 小結(jié)
24.10 問(wèn)題與解答
24.11 作業(yè)
24.11.1 問(wèn)題
24.11.2 練習(xí)
第七部分 附錄
附錄A 常問(wèn)問(wèn)題
A.1 最常見(jiàn)的24個(gè)問(wèn)題
附錄B Internet上的HTML和XHTML學(xué)習(xí)資源
B.1 常規(guī)HTML信息
B.2 常規(guī)XHTML信息
B.3 Web頁(yè)面設(shè)計(jì)
B.4 軟件
B.5 圖形
B.6 多媒體和虛擬現(xiàn)實(shí)
B.7 高級(jí)開(kāi)發(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 文本短語(yǔ)和段落
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)容的打開(kāi)標(biāo)記必須具有關(guān)閉標(biāo)記
D.1.2 空元素必須有結(jié)束標(biāo)記或者以空白后跟／＞終止
D.1.3 標(biāo)記必須正確嵌套
D.1.4 元素和屬性名必須用小寫字母
D.1.5 屬性值必須在引號(hào)中
D.1.6 屬性值不能省略
D.1.7 出現(xiàn)在屬性中的多余空格被排除
D.1.8 id屬性用于標(biāo)識(shí)對(duì)象
D.2 XHTML強(qiáng)制涉及空白的附加規(guī)則
附錄E HTML字符實(shí)體
詞匯表