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

《網頁設計與開發——HTML、CSS、JavaScript實例教程（第3版）》是由鄭婭峰、張永強主編，2016年清華大學出版社出版的21世紀高等學校計算機專業核心課程規劃教材。該教材可作為普通高校計算機及相關專業教材、高職高專教材，並可作為從事網頁設計與製作、網站開發、網頁編程等行業人員的參考書。

全書共分14章。該教材從實用角度出發，講解了HTML5、CSS和JavaScript的基本語法和設計技巧。在HTML5部分，強調HTML5基本語法及新增元素和屬性的套用。在CSS部分，通過選擇網站的典型頁面進行賞析，加強學生對商業網站頁面設計基本原則及頁面布局技術的理解和套用。在JavaScript部分，講授了基本語法和程式結構，並通過案例加強學生對頁面元素互動編程的理解。最後通過一個班級網站介紹了網站規劃、設計、實現到發布的完整過程。

基本介紹

• 書名：網頁設計與開發——HTML、CSS、JavaScript實例教程（第3版）
• 作者：鄭婭峰、張永強
• ISBN：9787302418665
• 類別：21世紀高等學校計算機專業核心課程規劃教材
• 頁數：344頁
• 出版社：清華大學出版社
• 出版時間：2016年1月1日
• 裝幀：平裝
• 開本：16開
• 字數：570千字
• CIP核字號：2015251960

成書過程

修訂過程

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

第一，內容更新。第3版中主要刪除了一些新的Web標準中已經被廢棄和極少用到的標籤和屬性，還刪除了內容較少的多媒體章節及目前實際套用中較少使用的框架章節。

第二，增加進階部分內容。新增第9章CSS套用部分，重點針對CSS與文欄位落、CSS與列表、CSS與超連結、CSS與表格、CSS與表單等內容結合商業案例製作講解，增強學生對CSS套用部分的理解。同時，新增了第13章HTML5套用，通過案例介紹了HTML5的新特性和新功能。

全書由鄭婭峰、張永強負責規劃。具體分工如下：第1章、第3章由郭節編寫；第2章、第9章由楊風雷編寫；第4章由袁澤明編寫；第5章、第6章由范穎編寫；第7章、第14章由馮新揚編寫；第8章由鄭婭峰編寫；第10章由張永強編寫；第11章、第12章由張巧榮編寫；第13章由張瀟文編寫。最後全書由鄭婭峰、張永強進行了編排和審定。

該教材在編寫過程中，得到了清華大學出版社魏江江老師的支持與合作。此外，韋付芝、趙文燕等老師為該教材在整理、校對、繪圖等方面做了工作。

出版工作

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

出版社工作人員

責任編輯	封面設計	責任校對	責任印製
魏江江、王冰飛	楊兮	白蕾	李紅英

內容簡介

全書共分14章，主要內容包括基礎內容和進階提高兩大部分。基礎內容部分共分10章，講述了HTML、CSS、JavaScript技術。第1章、第2章介紹了HTML設計和開發所需了解的基本概念和框架結構；第3章~第7章介紹了文字與段落、列表、超連結、表格和表單在頁面開發中的套用；第8章、第9章介紹了CSS在實際開發中的套用技巧；第10章介紹了JavaScript在動態網頁開發中的基本概念和套用，並結合案例進行了描述。進階提高部分分為4章，第11章講述了Web設計的基本原則和方法；第12章通過實際案例介紹了基於表格的頁面布局方法和基於DIV+CSS的頁面布局方法，以及常見導航選單的製作；第13章介紹了HTML5新的特性和套用；第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 小結 習題 實驗 第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實例 小結 習題 實驗 第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小實例 小結 習題 實驗 第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小實例 小結 習題 實驗 第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小實例 小結 習題 實驗 第6章表格 6.1表格簡介 6.2表格標記和表格標題 6.2.1表格標記 6.2.2表格標題 6.2.3表格表頭 6.3表格的屬性修飾 6.3.1設定表格的框線屬性 6.3.2設定表格的寬度和高度 6.3.3設定表格的背景顏色 6.3.4設定表格的背景圖像 6.3.5設定框線樣式 6.3.6設定表格的單元格間距 6.3.7設定表格的單元格邊距 6.3.8設定表格的水平對齊屬性 6.4設定表格行的屬性 6.4.1行內容水平對齊 6.4.2行內容垂直對齊 6.5設定表格中某一單元格的屬性 6.5.1設定單元格跨行 6.5.2設定單元格跨列 6.6表格嵌套 6.7小實例 小結 習題 實驗 第7章表單 7.1表單簡介 7.1.1表單的結構 7.1.2get方法與post方法 7.2輸入 7.2.1單行文本輸入框 7.2.2提交按鈕和重置按鈕 7.2.3密碼輸入框 7.2.4複選框 7.2.5單選按鈕 7.2.6圖像按鈕 7.2.7檔案選擇輸入框 7.2.8隱藏框 7.3多行文本輸入框 7.4下拉列表框 7.5小實例 小結 習題 實驗 第8章使用CSS格式化網頁 8.1理解CSS 8.1.1CSS簡介 8.1.2CSS的構造 8.2樣式表的定義與使用 8.2.1定義標記的style屬性 8.2.2定義內部樣式表 8.2.3嵌入外部樣式表 8.2.4連結外部樣式表 8.3定義選擇符 8.3.1按照名稱選擇元素 8.3.2按照id和class選擇元素 8.3.3按照上下文選擇元素 8.3.4選擇元素的一部分 8.3.5指定元素組 8.4文字與排版樣式的使用 8.4.1長度、百分比單位 8.4.2文字樣式屬性 8.4.3排版樣式屬性 8.5背景與顏色的使用 8.5.1設定顏色方法 8.5.2背景顏色的屬性 8.5.3背景圖片的屬性 8.6美化網頁與超連結的設定 8.6.1設定網頁連結屬性

8.6.2設定滾動條屬性 8.6.3設定游標屬性 8.7矩形模組的概念與使用 8.7.1矩形模組 8.7.2設定邊界 8.7.3設定元素框線 8.7.4設定元素內邊界 8.8列表樣式 8.9DIV套用 8.10小實例 小結 習題 實驗 第9章CSS套用 9.1CSS與文欄位落 9.1.1CSS文字與段落修飾 9.1.2新聞頁面的設計實例 9.2CSS與列表 9.2.1CSS列表修飾 9.2.2導航條的設計實例 9.3CSS與超連結 9.3.1CSS超連結修飾 9.3.2電子相冊的設計實例 9.4CSS與表格 9.4.1CSS表格修飾 9.4.2產品介紹頁面的設計實例 9.5CSS與表單 9.5.1CSS表單修飾 9.5.2線上預訂頁面的設計實例 小結 習題 實驗 第10章JavaScript基礎 10.1JavaScript起步 10.1.1JavaScript簡介 10.1.2JavaScript的實例 10.1.3JavaScript的放置 10.2JavaScript程式 10.2.1語句和語句塊 10.2.2函式 10.2.3常用系統函式 10.2.4訊息對話框 10.2.5注釋 10.3標識符和變數 10.3.1關於命名的規定 10.3.2JavaScript的數據類型 10.3.3變數 10.3.4轉義字元 10.4運算符和表達式 10.4.1算術運算符和表達式 10.4.2賦值運算符和表達式 10.4.3關係運算符和表達式 10.4.4邏輯運算符和表達式 10.4.5條件運算符和表達式 10.4.6其他運算符和表達式 10.5JavaScript程式控制結構 10.5.1順序程式 10.5.2分支程式 10.5.3循環程式 10.6常用對象 10.6.1對象簡介 10.6.2核心對象 10.6.3文檔 10.6.4視窗 10.7事件編程 10.7.1事件簡介 10.7.2表單事件 10.7.3滑鼠事件 10.7.4鍵盤事件 10.7.5頁面的載入和離開 10.8小實例 小結 習題 實驗 第11章Web設計基礎 11.1Web設計原則 11.1.1明確站點類型 11.1.2保持界面簡潔、內容明確 11.1.3保持頁面設計的一致性 11.1.4注重用戶體驗 11.2網站結構規劃 11.2.1網站欄目規劃 11.2.2目錄結構規劃 11.3網頁布局 11.3.1布局設計原則 11.3.2布局設計類型 11.3.3布局設計元素 11.3.4布局設計技術 11.4內容設計 11.4.1文本 11.4.2多媒體 11.4.3內容排版 11.5色彩設計 11.5.1色彩基礎 11.5.2網頁中的色彩設計 小結 實驗 第12章頁面布局技術 12.1表格布局方法 12.1.1表格布局的案例分析 12.1.2表格布局的操作方法 12.1.3表格布局實例製作 12.2DIV+CSS布局方法 12.2.1DIV+CSS布局的優勢 12.2.2DIV+CSS布局的案例分析 12.2.3DIV+CSS布局的操作方法 12.2.4DIV+CSS頁面布局實例製作 12.3頁面導航布局方法 12.3.1頁面導航案例分析 12.3.2頁面導航實例製作 小結 實驗 第13章HTML5開發 13.1HTML5概述 13.1.1HTML5發展歷程 13.1.2HTML5新特性 13.1.3HTML5瀏覽器支持 13.2HTML5語義化標籤 13.3Canvas套用 13.3.1Canvas概述 13.3.2坐標與路徑 13.3.3繪製矩形 13.3.4繪製圓形 13.3.5繪製圖像 13.3.6圖形漸變 13.3.7空間轉換 13.3.8樣式特效 13.4表單 13.4.1新增輸入元素 13.4.2新增其他元素 13.4.3新增屬性 13.5HTML5中的多媒體套用 13.5.1音頻的套用 13.5.2視頻的套用 13.6HTML5中的其他套用 13.6.1Web存儲 13.6.2地理定位 13.6.3套用快取 13.6.4WebWorkers 小結 習題 實驗 第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管理站點 小結

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

教學資源

• 配套教材
  

該教材有配套教材——《網頁設計與開發——HTML、CSS、JavaScript實驗教程》。

書名	書號	出版社	出版時間	作者
《網頁設計與開發——HTML、CSS、JavaScript實驗教程》	9787302453505	清華大學出版社	2017.02.01	鄭婭峰、張永強

• 課程資源
  

該教材配套有20小時教學視頻、習題解答手冊、PowerPoint教案、網頁設計素材、兩套商業網站全站原始碼、線上的教材網上資源站點。

教材特色

在第3版中，編者堅持第2版所遵循的特色和原則，即該教材不僅通過提供小實例來介紹HTML、CSS、JavaScript的基本語法，而且將一個完整的案例——班級網站貫穿於全書始終，並通過每章後附有的針對性實驗，鞏固各章所學的知識，避免學習的知識停留於表面、局限於理論。

該教材所選案例都是從商業化套用網站中直接選取，符合現代網頁的設計原則和要求。該教材提供了網頁素材，對課後實驗依據素材進行了更明確的要求。

作者簡介

鄭婭峰，女，1979年5月出生，河南財經政法大學計算機與信息工程學院副教授。主講計算機網路、web編程技術課程，研究方向為異構數據集成、分散式系統等。

張永強，河南財經政法大學計算機與信息工程學院。