《網頁設計與制作：基於計算思維》基於以計算思維的培養為導向的教學改革，按照由淺入深的過程，逐步講解網頁設計與制作相關的基礎知識，包括HTML基礎，CSS基礎，顏色、圖像和多媒體的使用，表格的使用，超鏈接，Div+CSS布局，模板和庫，表單，行為，JavaScript，jQuery框架，網站的發布與維護，並通過綜合實例完整地講述了一個實際網站的制作過程，最後介紹了用於快速建立網站的CMS內容管理繫統。附錄中提供了HTML常用標簽和CSS常用屬性，並介紹Dreamweaver CS6等工具軟件的基本使用方法。本書提供案例相關文件、部分習題答案及電子課件，可登錄華信教育資源網（www.hxedu.com.cn）注冊後下載。
《網頁設計與制作：基於計算思維》適合作為高等院校網頁設計與制作課程的教學用書，也可以作為網頁設計工作人員的參考用書。

第1章 網頁設計與制作基礎
1．1 網站與網頁
1．1．1 網站
1．1．2 網頁
1．1．3 網頁的基素
1．2 網頁相關的概念
1．2．1 Internet、IP和域名
1．2．2 WWW和FTP
1．2．3 HTTP和HTML
1．2．4 瀏覽器和Web服務器
1．2．5 靜態網頁和動態網頁
1．3 網站制作基本流程
1．4 網頁設計制作工具
1．4．1 原型設計工具
1．4．2 圖形圖像制作工具
1．4．3 網頁編輯工具
本章小結
課後習題
第2章 HTML基礎
2．1 標記語言的作用
2．2 HTML基礎
2．2．1 HTML和XHTML
2．2．2 HTML5
2．2．3 HTML的基本語法
2．2．4 XHTML的語法
2．3 HTML的結構
2．3．1 基本結構
2．3．2 文檔類型定義
2．3．3 頭部內容
2．3．4 主體內容
2．4 標題與段落
2．4．1 標題
2．4．2 段落
2．5 文字格式
2．6 建立和使用列表
2．6．1 無序列表
2．6．2 有序列表
2．6．3 定義列表
2．7 特殊字符和注釋
2．8 HTML5中的新素
2．9 使用Dreamweaver編寫網頁
2．9．1 新建網頁
2．9．2 設置網頁標題
2．9．3 設置文章中的標題
2．9．4 設置無序列表和有序列表
2．9．5 設置文字格式
2．9．6 特殊字符的輸入
本章小結
課後習題
第3章 CSS基礎
3．1 CSS基本概念
3．1．1 CSS的概述
3．1．2 CSS的基本語法
3．2 CSS選擇器
3．2．1 基本選擇器
3．2．2 其他選擇器
3．3 在HTML中應用CSS
3．3．1 行內樣式
3．3．2 內部樣式
3．3．3 外部樣式
3．4 使用CSS控制文字樣式
3．4．1 文字字體
3．4．2 Web字體
3．4．3 文字大小
3．4．4 文字粗細
3．4．5 斜體
3．4．6 文字修飾
3．4．7 字間距
3．4．8 英文字母的大小寫
3．4．9 陰影效果
3．5 使用CSS控制段落樣式
3．5．1 首行縮進
3．5．2 段落水平對齊
3．5．3 行高
3．5．4 分欄
3．6 繼承性和層疊性
3．6．1 CSS的繼承性
3．6．2 CSS的層疊性
3．7 使用Dreamweaver編輯CSS
3．7．1 CSS樣式面板
3．7．2 創建與應用CSS規則
3．7．3 編輯和移動CSS規則
3．7．4 附加樣式表
本章小結
課後習題
第4章 網頁中的顏色、圖像和多媒體
4．1 顏色的基礎知識
4．1．1 三原色
4．1．2 色相、明度、飽和度
4．1．3 冷暖色
4．2 網頁中的顏色
4．2．1 網頁中顏色的表示
4．2．2 網頁安全色
4．2．3 網頁配色基礎
4．2．4 Dreamweaver中顏色的操作
4．3 網頁中的圖像
4．3．1 圖像在網頁中的應用
4．3．2 網頁中的圖像類型
4．3．3 網頁中的圖像標簽
4．4 使用Dreamweaver操作圖像
4．4．1 網頁圖像的添加
4．4．2 網頁圖像屬性的設置
4．4．3 網頁圖像占位符
4．4．4 網頁中的背景圖像設置
4．5 在網頁中添加多媒體對像
4．5．1 在網頁中插入聲音對像
4．5．2 在網頁中插入視頻對像
4．5．3 在網頁中插入Flash對像
4．5．4 在網頁中插入其他媒體對像
本章小結
課後習題
第5章 網頁中表格的使用
5．1 表格概述
5．1．1 表格的基本功能
5．1．2 表格的基本標簽
5．1．3 表格的基本屬性
5．2 Dreamweaver中有關表格的操作
5．2．1 表格的創建
5．2．2 在表格中添加內容
5．2．3選素
5．2．4 復制、粘貼表格
5．2．5 調整表格
5．2．6 插入和刪除表格行或列
5．2．7 刪除表格和清除表格內容
5．2．8 合並和格
5．2．9 表格屬性的設置
5．2．10 導入和導出表格的數據
5．2．11 排序表格
5．3 使用表格布局網頁
5．3．1 表格布局技術的產生
5．3．2 用表格布局網頁的基本原理
5．3．3 表格布局的優缺點
5．3．4 使用表格布局網頁的基本步驟
5．3．5 表格布局應用實例
本章小結
課後習題
第6章 超鏈接
6．1 超鏈接概述
6．1．1 超鏈接的概念
6．1．2 超鏈接的種類
6．1．3 鏈接路徑
6．2 超鏈接的標簽及常用屬性
6．3 超鏈接的CSS樣式
6．3．1 超鏈接屬性控制
6．3．2 超鏈接特效
6．4 Dreamweaver中有關超鏈接的操作
6．4．1 創建文本超鏈接
6．4．2 創建圖像超鏈接
6．4．3 創建熱點超鏈接
6．4．4 鼠標經過圖像超鏈接
6．4．5 電子郵件超鏈接
6．4．6 創建錨點超鏈接
6．4．7 創建下載文件超鏈接
6．4．8 創建空鏈接
6．4．9 創建腳本超鏈接
6．4．10 超鏈接的編輯和更新
本章小結
課後習題
第7章 CSS布局基礎
7．1 基礎知識
7．1．1 網頁中素素
7．1．2 盒模型
7．1．3 外邊距的疊加
7．1．素的內容溢出
7．2 浮動定位
7．2．1 設置浮動
7．2．2 浮動的清除
7．3 位置定位
7．3．1 靜態定位
7．3．2 相對定位
7．3．3 絕對定位
7．3．4 固定定位
7．3．5 z-index
本章小結
課後習題
第8章 CSS布局及應用
8．1 網頁整體布局
8．1．1 固定寬度布局
8．1．2 流動布局
8．2 網站中的導航
8．2．1 垂直導航
8．2．2 水平導航
8．2．3 下拉菜單
8．3 首字下沉效果
8．4 自定義符號列表
8．5 圖文混排
8．6 全圖排版
8．7 Dreamweaver中的頁面組件
8．7．1 Spry菜單欄
8．7．2 Spry選項卡式面板
8．7．3 Spry折疊式面板
本章小結
課後習題
第9章 模板和庫項目
9．1 模板的概念
9．2 模板的創建和使用
9．2．1 創建模板
9．2．2 創建模板的區域
9．2．3 應用模板
9．2．4 管理模板
9．2．5 創建嵌套模板
9．3 庫項目的創建和使用
9．3．1 關於庫項目
9．3．2 創建庫項目
9．3．3 應用庫項目
9．3．4 管理庫項目
本章小結
課後習題
第10章 表單
10．1 表單
10．1．1 表單基本概念
10．1．2 創建表單
10．2 素
10．3 使用Dreamweaver編輯表單網頁
10．3．1 在Dreamweaver中創建表單
10．3．2 在Dreamweaver中插素
10．4 表單網頁的頁面布局
10．4．1 案例1：利用Div+CSS布局實現論壇登錄頁面
10．4．2 案例2：用表格布局實現論壇注冊頁面
10．5 Spr素
10．5．1 Spry驗證文本域
10．5．2 Spry驗證文本區域
10．5．3 Spry驗證復選框
10．5．4 Spry驗證選擇
10．5．5 Spry驗證密碼
10．5．6 Spry驗證確認
10．5．7 Spry驗證單選按鈕組
本章小結
課後習題
第11章 行為和CSS過渡效果
11．1 行為
11．1．1 行為的概念
11．1．2 添加行為
11．1．3 修改或刪除行為
11．2 使用Dreamweaver內置行為
11．2．1 交換圖像
11．2．2 彈出信息
11．2．3 打開瀏覽器窗口
11．2．4 拖素
11．2．5 改變屬性
11．2．6 效果
11．2．7 顯示素
11．2．8 檢查插件
11．2．9 檢查表單
11．2．10 設置文本
11．3 使用第三方提供的行為
11．4 CSS過渡效果
11．4．1 創建CSS過渡效果
11．4．2 編輯CSS過渡效果
本章小結
課後習題
第12章 JavaScript
12．1 JavaScript
12．1．1 JavaScript簡介
12．1．2 在網頁中使用JavaScript
12．2 JavaScript中的對像
12．2．1 對像的基礎知識
12．2．2 常用JavaScript的內置對像
12．2．3 自定義對像
12．2．4 BOM和DOM
12．3 JavaScript語言基礎
12．3．1 基本數據類型
12．3．2 常量和變量
12．3．3 運算符和表達式
12．3．4 基本語句
12．3．5 程序控制語句
12．3．6 函數
12．4 案例
12．4．1 案例1：表單校驗
12．4．2 案例2：聯動菜單
本章小結
課後習題
第13章 jQuery框架
13．1 jQuery框架基礎
13．1．1 JavaScript框架
13．1．2 jQuery框架的功能
13．1．3 搭建jQuery運行環境
13．1．4 jQuery的選擇器
13．1．5 jQuery中的事件
13．2 使用jQuery操素
13．2．1 獲取和設素屬性
13．2．2 獲取和設素的CSS樣式屬性
13．3 jQuery動畫
13．3．1 基礎動畫函數
13．3．2 淡入/淡出動畫函數
13．3．3 滑動函數
13．4 jQuery插件
13．4．1 jQuery UI插件
13．4．2 圖像幻燈片插件
13．4．3 圖像燈箱插件
13．4．4 內容切換插件
13．4．5 數據表格插件
本章小結
課後習題
第14章 網站的發布和維護
14．1 網站的測試與優化
14．1．1 網站測試
14．1．2 網站優化
14．2 網站的發布與維護
14．2．1 網站的發布
14．2．2 網站的維護
14．3 網站的宣傳推廣
本章小結
課後習題
第15章 綜合案例
15．1 案例描述
15．2 布局規劃及原型設計
15．3 使用Photoshop設計頁面效果圖
15．3．1 主頁效果圖設計
15．3．2 內容頁效果圖設計
15．3．3 切片
15．4 站點制作
15．4．1 站點目錄結構
15．4．2 主頁頭部設計
15．4．3 主頁主體內容設計
15．4．4 主頁底部設計
15．4．5 內容頁主體內容設計
本章小結
課後習題
第16章 CMS內容管理繫統
16．1 CMS概述
16．1．1 CMS的概念
16．1．2 常用CMS繫統
16．2 搭建網站運行環境
16．2．1 搭建Web服務平臺
16．2．2 Joomla的安裝
16．3 使用Joomla建立網站
16．3．1 全局設置
16．3．2 分類管理
16．3．3 媒體管理
16．3．4 文章管理
16．3．5 菜單管理
16．3．6 頭版文章管理
16．3．7 模板管理
16．3．8 模塊管理
本章小結
課後習題
附錄A HTML常用標簽
附錄B CSS常用屬性
B．1 CSS書寫規範
B．2 CSS常用屬性
附錄C Dreamweaver CS6的基本使用
C．1 Dreamweaver CS6的工作界面
C．2 創建和管理站點
附錄D Firebug和Web Developer的使用
D．1 Firebug的使用
D．2 Web Developer的使用
參考文獻