HTML+CSS+JavaScript網頁製作實用教程（簡體書）

目前對網頁制作的要求已不僅僅是視覺效果的美觀，更主要的是要符合web標準。傳統網頁制作是先考慮外觀布局再填入內容，內容與外觀交織在一起，代碼量大，難以維護。而目前web標準的最大特點就是采用HTML+CSS+Javascript將網頁內容、外觀樣式及動態效果徹底分離，從而可以大大減少頁面代碼、節省帶寬、提高網速，更便于分工設計、代碼重用，既易于維護，又能移植到其他或以後的新web程序中。
作者根據多年網頁制作的教學、實踐經驗以及學生的認知規律，精心編寫了這本教材。
《新世紀高職高專課程與實訓系列教材：HTML+CSS+JavaScript網頁制作實用教程》采用全新流行的web標準，通過簡單的“記事本”工具，以DHTML技術為基礎，由淺入深、完整詳細地介紹了XHTML、CSS及Javascript網頁制作內容，還對目前流行的CSS布局、常用Javascript動態通用技術以及不同瀏覽器的兼容問題進行了全面的介紹，可以使讀者系統、全面地掌握網頁制作技術。
本書知識內容系統、全面，例題豐富，既可以作為本科、專科（高職）院校相關專業的教材，也可作為計算機專業人員的自學或參考用書。

注重基礎知識的學習與講解
配有豐富的案例與上機實訓題
指導步驟清晰，參考源文件豐富
每本教材均有配套的電子教案

第1章 html、css、javascript概述
1.1 web網頁的基本概念
1.1.1 internet網絡與www
1.1.2 網頁
1.1.3 網站
1.1.4 web標準
1.2 網頁工作原理與制作工具
1.2.1 網頁的工作原理
1.2.2 網頁制作工具
1.3 html、css、javascript簡介與示例
1.3.1 html超文本標記語言
1.3.2 css層疊樣式表
1.3.3 javascript腳本語言
1.4 網站的發布與測試
1.4.1 在實驗室或局域網內部發布html頁面
1.4.2 在internet上發布網站
1.4.3 測試網頁
1.5 如何學習html、css、javascript
1.5.1 掌握html、css、javascript的語法結構
1.5.2 借助dreamweaver網頁設計工具
1.5.3 參考已有網站的代碼
1.6 習題

第2章 html基本語法與頭部內的標記
2.1 html文檔結構
2.1.1 html文檔的構成
2.1.2 html文檔頭部標記（head）
2.1.3 html文檔主體標記（body）
2.2 html基本語法
2.2.1 標記語法
2.2.2 屬性語法
2.3 xhtml文檔結構
2.3.1 xhtml文檔的構成
2.3.2 xhtml標記的通用標準屬性
2.3.3 xhtml的語法規則
2.4 html文檔頭部的相關標記
2.4.1 設置頁面標題（title）
2.4.2 設置基底網址（base/）
2.4.3 設置基準字體（basefont/）
2.4.4 定義頁面元信息（meta/）
2.4.5 引用外部文件（link/）
2.5 習題

第3章 html頁面基本元素
3.1 html文本字符、注釋標記及標記分類
3.1.1 普通文本、實體字符與注釋標記
3.1.2 html文檔的標記與分類
3.2 文本與修飾標記
3.2.1 設置文本標記
3.2.2 文本修飾標記
3.2.3 塊級文本標記
3.2.4 樣式組織標記（span）（div）
3.3 列表標記
3.3.1 有序列表（ol）
3.3.2 無序列表（ul）
3.3.3 定義列表（dl）
3.3.4 目錄、菜單列表（dir）（menu）
3.3.5 列表嵌套應用
3.4 插入圖像標記
3.5 超鏈接標記
3.5.1 超鏈接、設置錨點標記（a）
3.5.2 超鏈接頁面的url路徑
3.5.3 關于target屬性
3.5.4 鏈接到普通文檔、圖像或多媒體文件
3.5.5 設置錨點與e-mail鏈接
3.6 圖像映射標記
3.6.1 圖像映射方式
3.6.2 創建圖像映射標記
3.6.3 使用圖像映射的（img /）圖像
3.7 表格標記
3.7.1 表格的語法結構
3.7.2 創建表格標記（table）
3.7.3 標題標記（caption）
3.7.4 行標記（tr）
3.7.5 單元格標記（th）（td）
3.7.6 表格結構劃分標記（thead）（tfoot）（tbody）
3.8 表格與div頁面布局
3.8.1 布局示例一
3.8.2 布局示例二
3.8.3 簡單布局應用
3.9 習題

第4章 html框架、表單、多媒體
4.1 框架集、框架標記
4.1.1 框架集文檔的結構
4.1.2 框架集標記（frameset）
4.1.3 框架標記（frame /）
4.1.4 不支持框架標記（noframes）
4.1.5 浮動框架標記（iframe）
4.2 表單標記
4.2.1 創建表單標記（form）
4.2.2 表單輸入標記（input /）
4.2.3 文本區標記（textarea）
4.2.4 按鈕標記（button）
4.2.5 滾動列表與下拉列表標記（select）（option）
4.2.6 控件標簽標記（label）
4.2.7 表單分組及標題標記（fieldset）（legend）
4.3 ie瀏覽器滾動字幕、背景音樂與多媒體
4.3.1 ie瀏覽器滾動字幕標記（marquee）
4.3.2 ie瀏覽器播放背景音樂標記（bgsound /）
4.3.3 ie瀏覽器播放多媒體標記（embed）
4.4 xhtml播放多媒體標記
4.4.1 嵌入對象標記（object）（param）
4.4.2 以（object）播放flash文件
4.4.3 以（object）使用realplayer播放器
4.4.4 以（object）使用media player播放器
4.4.5 以（object）自動嵌入合適的播放器
4.5 習題

第5章 css樣式表基礎
5.1 css概述
5.2 css樣式規則與內聯css樣式
5.2.1 css樣式規則
5.2.2 內聯css樣式
5.3 css文本樣式規則
5.3.1 css大小尺寸量度的屬性值
5.3.2 css顏色的屬性值
5.3.3 文本字符的css樣式屬性
5.3.4 文本外觀css樣式屬性
5.3.5 行內元素定位--垂直對齊
5.4 css樣式表
5.4.1 css樣式表結構與使用
5.4.2 基本選擇符
5.4.3 元素指定選擇符
5.4.4 群組與通用選擇符
5.4.5 包含與子對象選擇符
5.4.6 ie7及以上或火狐的相鄰選擇符
5.4.7 ie7及以上或火狐的屬性選擇符
5.4.8 偽類選擇符
5.4.9 偽對象（偽元素）選擇符
5.5 樣式規則的優先級
5.5.1 樣式規則的優先級原則
5.5.2 用!important提高樣式優先級
5.6 習題

第6章 css盒模型與布局樣式
6.1 元素區域與背景樣式
6.1.1 塊級元素的區域與溢出處理
6.1.2 設置元素背景
6.2 塊級元素的盒模型
6.2.1 盒模型分析
6.2.2 盒模型的寬度和高度
6.3 塊級元素的邊框
6.3.1 設置邊框樣式（border-style）
6.3.2 設置邊框寬度（border-width）
6.3.3 設置邊框顏色（border-color）
6.3.4 綜合設置邊框樣式、寬度及顏色
6.4 塊級元素的內外邊距與輪廓
6.4.1 設置內邊距（padding）
6.4.2 設置外邊距（margin）
6.4.3 垂直外邊距的合并
6.4.4 設置元素輪廓（outline）
6.5 列表與表格樣式
6.5.1 設置列表樣式
6.5.2 設置表格樣式
6.6 設置鼠標指針及其他樣式
6.6.1 css設置鼠標形狀（cursor）
6.6.2 媒介類型樣式表、打印及聽覺樣式簡介
6.7 布局定位屬性（position）與裁剪（clip）
6.7.1 自動定位（static）
6.7.2 絕對定位（absolute）
6.7.3 絕對定位元素的裁剪（clip）
6.7.4 固定定位（fixed）
6.7.5 相對定位（relative）
6.8 布局浮動屬性（float）與清除浮動（clear）
6.8.1 浮動（float）
6.8.2 浮動環繞、行框清理
6.8.3 清除浮動（clear）
6.8.4 父子元素的嵌套浮動與浮動元素的外邊距合并
6.9 元素的層疊等級、顯示方式與可見性
6.9.1 層空間層疊等級（z-index）
6.9.2 元素的顯示方式（display）
6.9.3 元素的可見性（visibility）
6.10 習題

第7章 css布局應用與瀏覽器兼容性
7.1 頁面布局應用
7.1.1 單行單列布局
7.1.2 單行兩列布局
7.1.3 單行三列布局
7.1.4 多行多列綜合布局
7.1.5 不改變頁面代碼改變布局
7.2 常用頁面組件
7.2.1 橫向導航組件
7.2.2 提示框
7.2.3 縱向導航
7.3 不同瀏覽器的兼容性
7.3.1 瀏覽器兼容性概述
7.3.2 使用hack技術實現瀏覽器兼容
7.4 常見瀏覽器兼容問題的解決方法
7.4.1 ie5及以下瀏覽器的兼容問題
7.4.2 ie6及以下瀏覽器的兼容問題
7.4.3 ie7及以下瀏覽器的兼容問題
7.4.4 父元素不適應子元素高度--外邊距合并
7.5 瀏覽器常用默認樣式

第8章 javascript基礎
8.1 javascript語言概述
8.1.1 javascript語言的特點
8.1.2 javascript的使用
8.2 javascript常量、變量與數組
8.2.1 數據類型與常量
8.2.2 變量
8.2.3 數組
8.3 javascript運算符與表達式
8.3.1 算數運算符與表達式
8.3.2 賦值運算符與表達式
8.3.3 比較、邏輯運算符與表達式
8.3.4 條件運算符與表達式
8.4 javascript語法與流程控制語句
8.4.1 javascript的語法
8.4.2 條件語句 if （） ... else
8.4.3 多選擇開關語句switch
8.4.4 循環語句while、do-while、for
8.4.5 遍歷循環語句for （... in…）
8.5 javascript自定義函數
8.5.1 獨立函數
8.5.2 內嵌函數與匿名函數
8.6 javascript事件處理
8.6.1 javascript常用事件
8.6.2 頁面相關事件與函數的記憶調用
8.6.3 鼠標相關事件
8.6.4 焦點、按鍵及表單相關事件
8.7 onerror事件與頁面錯誤提示
8.7.1 用onerror事件捕獲錯誤
8.7.2 用try...catch捕獲錯誤
8.7.3 用throw拋出錯誤對象
8.8 習題

第9章 javascript對象與系統對象
9.1 自定義類與對象
9.1.1 面向對象概述
9.1.2 用函數自定義類
9.1.3 創建與使用對象
9.2 javascript全局對象
9.2.1 全局對象的屬性--全局變量
9.2.2 全局對象的方法--全局函數
9.3 瀏覽器窗口對象window
9.3.1 window對象的屬性
9.3.2 window對象的對話框
9.3.3 window對象的方法
9.4 瀏覽器信息對象navigator
9.4.1 navigator對象的屬性
9.4.2 navigator對象的方法
9.5 客戶端屏幕對象screen
9.6 當前頁面url對象location
9.6.1 location對象的屬性
9.6.2 location對象的方法
9.7 瀏覽頁面歷史對象history
9.8 習題

第10章 javascript內置對象與dom對象
10.1 array數組對象
10.1.1 array數組對象的創建與length屬性
10.1.2 array數組對象的方法
10.2 string字符串對象
10.3 regexp正則表達式對象
10.3.1 正則表達式的構成
10.3.2 regexp正則表達式對象的創建與屬性
10.3.3 regexp正則表達式對象的方法
10.3.4 string字符串對象使用正則表達式的方法
10.3.5 自定義刪除字符串首尾空格的方法trim（str）
10.4 date日期時間對象
10.4.1 date日期時間對象的創建
10.4.2 date日期時間對象的方法
10.5 math類與boolean、number對象
10.5.1 math數學函數類
10.5.2 boolean對象
10.5.3 number對象
10.6 document文檔對象
10.6.1 document對象的屬性與cookie
10.6.2 document對象的集合屬性
10.6.3 document對象的方法
10.7 dom節點對象
10.7.1 dom節點對象的通用屬性
10.7.2 標記對象的所屬類
10.7.3 標記對象的屬性
10.7.4 標記對象的方法
10.7.5 某些標記對象的專有屬性或方法
10.8 event（事件）對象
10.9 style（樣式）對象
10.10 習題

第11章 javascript應用
11.1 下拉列表導航
11.1.1 鼠標單擊折疊式下拉列表導航
11.1.2 鼠標指向展開式下拉列表導航
11.1.3 下拉列表導航與動態生成下拉列表
11.2 圖像操作
11.2.1 圖像與文本翻轉器
11.2.2 移動圖像--漂浮廣告
11.2.3 隨機顯示一條文本或一幅圖像
11.2.4 循環顯示圖像廣告
11.3 超鏈接與瀏覽器窗口操作
11.3.1 靈活使用超鏈接
11.3.2 在獨立窗口中打開超鏈接頁面
11.4 表單處理與驗證
11.4.1 使用正則表達式驗證表單內容
11.4.2 目前流行的通用表單驗證方法
11.4.3 表單綜合驗證示例
11.5 樣式表切換器
附錄 習題參考答案
參考文獻