網頁設計與開發——HTML,CSS,JavaScript實例教程（第2版）

成書過程

修訂過程

該教材從以下幾個方面進行了修訂：

內容更新：主要是刪除了一些新的Web標準中已經被廢棄和極少用到的標籤和屬性，突出重點在一些實用的標籤屬性上。調整原來的第9章網頁中的多媒體套用為新版的第6章內容；
增加進階部分內容：該部分是新版新增內容，主要對網頁設計的基本原則、欄目和目錄結構定義、主流頁面布局方法、導航製作、圖文排版、色彩理論和綜合案例設計與發布等進行講解；該部分內容從整體上對學生把握一個網站的設計過程做了講授。

全書由鄭婭峰，張永強負責規劃。具體分工如下：第1和第3章由郭節編寫，第2和第4章由溫長松編寫，第5和第6章由張巧榮編寫，第7章由張會娟編寫，第8和第9章由袁澤明編寫，第10章由鄭婭峰編寫，第11章由張永強和李戈編寫，第12章由張永強編寫，第13和第14章由劉羿編寫。最後全書由鄭婭峰、張永強統稿和審定。

該教材在編寫過程中，劉彩紅、趙文燕等老師參與了整理、繪圖等工作。

出版工作

2011年9月1日，該教材由清華大學出版社出版。

出版社工作人員

責任編輯	責任校對	責任印製
梁穎、趙曉寧	李建莊	何芊

內容簡介

全書共14章。主要內容包括基礎內容和進階提高兩大部分。基礎內容共分11章，講述了HTML、CSS、JavaScript技術。第1~2章介紹了HTML設計和開發所需了解的基本概念和框架結構；第3~9章介紹了文字與段落、列表、超連結、表格、框架、表單和多媒體在頁面開發中的套用；第10章介紹CSS在實際開發中的套用技巧；第11章則介紹JavaScript在動態網頁開發中的基本概念和套用，並結合案例進行了描述。進階提高部分分為3章，第12章講述了Web設計的基本原則和方法；第13章通過實際案例介紹了基於表格的頁面布局方法和基於DIV+CSS的頁面布局方法，以及常見導航選單的製作；第14章通過綜合案例系統介紹了網站開發從規劃、實現到發布的完整過程。

教材目錄

第1章網頁設計簡介

1.1全球資訊網概述

1.2HTML語言

1.3網頁設計相關概念

1.3.1超連結

1.3.2統一資源定位器

1.3.3網站

1.3.4網頁

1.3.5首頁

1.4網頁製作開發工具和網頁瀏覽工具

1.4.1網頁製作開發工具

1.4.2網頁瀏覽工具

1.5網頁製作相關技術

1.5.1CSS

1.5.2JavaScript

小結

習題1

實驗1

第2章HTML基礎介紹

2.1HTML文檔結構

2.1.1基本結構

2.1.2頭部內容

2.1.3主體內容

2.1.4編寫網頁的開頭

2.2HTML基本語法

2.2.1標記語法

2.2.2屬性語法

2.3注釋

2.4編寫HTML檔案的注意事項

2.5實例

小結

習題2

實驗2

第3章文字與段落

3.1文字內容

3.1.1添加文字

3.1.2標題字

3.1.3添加空格

3.1.4添加特殊符號

3.1.5注釋語句

3.2文字樣式

3.3文字修飾

3.3.1粗體、斜體、下劃線

3.3.2刪除線

3.3.3上標和下標

3.3.4設定文字標註

3.3.5設定地址文字

3.3.6設定等寬文字

3.4段落

3.4.1段落標記

3.4.2換行標記

3.4.3居中標記

3.4.4水平分隔線

3.4.5預格式化標記

3.4.6設定段落縮進

3.5小實例

小結

習題3

實驗3

第4章列表

4.1列表簡介

4.2無序列表

4.3有序列表

4.3.1有序列表及其編號樣式

4.3.2編號起始值

4.3.3列表項樣式

4.3.4列表項編號

4.4嵌套列表

4.5定義列表

4.6選單列表和目錄列表

4.7小實例

小結

習題4

實驗4

第5章超連結

5.1超連結簡介

5.2創建超連結

5.2.1設定超連結路徑

5.2.2內部連結

5.2.3外部連結

5.3連結對象

5.3.1圖片連結

5.3.2書籤連結

5.3.3電子郵件連結

5.3.4FTP連結

5.3.5下載檔案的連結

5.4小實例

小結

習題5

實驗5

第6章網頁中的多媒體套用

6.1圖片

6.1.1圖片標記

6.1.2指定圖像的高與寬

6.1.3指定圖像的間距

6.1.4指定圖像的對齊方式

6.1.5指定圖片的框線與文字說明

6.2滾動文字

6.3背景音樂

6.4其他多媒體檔案

6.5小實例

小結

習題6

實驗6

第7章表格

7.1表格

7.2表格標記

7.2.1表格標記概述

7.2.2表格標題

7.2.3表格表頭

7.3表格屬性修飾

7.3.1設定表格的框線屬性

7.3.2設定表格的寬度和高度

7.3.3設定表格的背景顏色

7.3.4設定表格的背景圖像

7.3.5設定框線樣式

7.3.6設定表格單元格間距

7.3.7設定表格單元格邊距

7.3.8設定表格的水平對齊屬性

7.4設定行的屬性

7.4.1行內容水平對齊

7.4.2行內容垂直對齊

7.5設定單元格的屬性

7.5.1設定單元格跨行

7.5.2設定單元格跨列

7.6表格嵌套

7.7小實例

小結

習題7

實驗7

第8章框架

8.1框架簡介

8.1.1什麼是框架

8.1.2框架的基本結構

8.2框架的設定

8.2.1視窗的水平分割

8.2.2視窗的垂直分割

8.2.3視窗的嵌套分割

8.2.4框架的框線

8.2.5框架的隱藏

8.3子視窗的設定

8.3.1指定子視窗顯示網頁

8.3.2定義子視窗名稱

8.3.3控制子視窗滾動條

8.3.4調整子視窗的尺寸

8.3.5設定子視窗的邊距

8.4浮動框架

8.5小實例

小結

習題8

實驗8

第9章表單

9.1表單

9.1.1表單的結構

9.1.2get方法與post方法

9.2輸入

9.2.1單行文本輸入框

9.2.2提交按鈕和重置按鈕

9.2.3密碼輸入框

9.2.4複選框

9.2.5單選框

9.2.6圖像按鈕

9.2.7檔案選擇輸入框

9.2.8隱藏框

9.3多行文本輸入框

9.4下拉列表框

9.5小實例

小結

習題9

實驗9

第10章使用CSS格式化網頁

10.1理解CSS

10.1.1CSS的簡介

10.1.2CSS構造

10.2樣式表的定義與使用

10.2.1定義標記的style屬性

10.2.2定義內部樣式表

10.2.3嵌入外部樣式表

10.2.4連結外部樣式表

10.3定義選擇符

10.3.1按照名稱選擇元素

10.3.2按照id和class選擇元素

10.3.3按照上下文選擇元素

10.3.4選擇元素的一部分

10.3.5指定元素組

10.4文字與排版樣式的使用

10.4.1長度、百分比單位

10.4.2文字樣式屬性

10.4.3排版樣式屬性

10.5背景與顏色的使用

10.5.1設定顏色的方法

10.5.2背景顏色的屬性

10.5.3背景圖片的屬性

10.6美化網頁與超連結的設定

10.6.1設定網頁連結屬性

10.6.2設定滾動條屬性

10.6.3設定游標屬性

10.7矩形模組的概念與使用

10.7.1矩形模組的概念

10.7.2設定邊界

10.7.3設定元素框線

10.7.4設定元素內邊界

10.8列表

10.9CSS的進階套用

10.10小實例

小結

習題10

實驗10

第11章JavaScript 基礎

11.1JavaScript起步

11.1.1JavaScript 簡介

11.1.2JavaScript實例

11.1.3JavaScript放置

11.2JavaScript程式

11.2.1語句和語句塊

11.2.2函式

11.2.3常用系統函式

11.2.4訊息對話框

11.2.5注釋

11.3標識符和變數

11.3.1關於命名的規定

11.3.2JavaScript的數據類型

11.3.3變數

11.3.4轉義字元

11.4運算符和表達式

11.4.1算術運算符和表達式

11.4.2賦值運算符和表達式

11.4.3關係運算符和表達式

11.4.4邏輯運算符和表達式

11.4.5條件運算符和表達式

11.4.6其他運算符和表達式

11.5JavaScript程式控制結構

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.7.1事件簡介

11.7.2表單事件

11.7.3滑鼠事件

11.7.4鍵盤事件

11.7.5頁面載入和離開

11.8小實例

小結

習題11

實驗11

第12章Web 設計基礎

12.1Web設計原則

12.1.1明確站點類型

12.1.2保持站點簡潔明確

12.1.3頁面設計一致性

12.1.4注重用戶體驗

12.2網站結構規劃

12.2.1網站欄目規劃

12.2.2目錄結構規劃

12.3網頁布局

12.3.1布局設計原則

12.3.2布局設計類型

12.3.3布局設計元素

12.3.4布局設計技術

12.4內容設計

12.4.1文本

12.4.2多媒體

12.4.3內容排版

12.5色彩設計

12.5.1色彩基礎

12.5.2網頁中的色彩設計

小結

實驗12

第13章頁面布局技術

13.1表格布局方法

13.1.1表格布局的案例分析

13.1.2表格布局的操作方法

13.1.3表格布局實例製作

13.2DIV+CSS布局方法

13.2.1DIV+CSS布局的優勢

13.2.2DIV+CSS布局的案例分析

13.2.3DIV+CSS布局的操作方法

13.2.4DIV+CSS頁面布局實例製作

13.3頁面導航布局方法

13.3.1頁面導航的案例分析

13.3.2頁面導航的實例製作

小結

實驗13

第14章綜合網站製作實例

14.1班級網站的規劃與設計

14.1.1網站定位

14.1.2需求分析

14.1.3欄目設計

14.1.4站點定義與目錄管理

14.1.5網站的風格設計

14.2網頁設計與製作

14.2.1頁面布局

14.2.2全局CSS定義

14.2.3首頁製作

14.2.4二級頁面製作

14.2.5內容頁面製作

14.3網站測試與發布

14.3.1安裝IIS伺服器

14.3.2建立虛擬目錄

14.3.3管理站點

小結

實驗14

參考文獻

（註：目錄排版順序為從左列至右列）

教學資源

配套教材

該教材有配套教材——《網頁設計與開發——HTML、CSS、JavaScript實例教程習題解答與實驗指導》。

書名	書號	出版社	出版時間	作者
《網頁設計與開發——HTML、CSS、JavaScript實例教程習題解答與實驗指導》	9787302265603	清華大學出版社	2011.10.01	張永強、鄭婭峰

課程資源

該教材提供習題解答手冊、PowerPoint教案、網頁設計素材、兩套商業網站全站原始碼、線上的教材網上資源站點等教學資源。

網頁設計與開發——HTML,CSS,JavaScript實例教程（第2版）

基本介紹

成書過程

修訂過程

出版工作

內容簡介

教材目錄

教學資源

教材特色

作者簡介

相關詞條

熱門詞條