本書基於以計算思維的培養為導向的教學改革，按照由淺入深的過程，逐步講解網頁設計與製作相關的基礎知識，包括HTML基礎，CSS基礎，顏色、圖像和多媒體的使用，表格的使用，超連結，Div+CSS布局，模板和庫，表單，行為，JavaScript，jQuery框架，網站的發布與維護，並通過綜合實例完整地講述了一個實際網站的製作過程，最後介紹了用於快速建立網站的CMS內容管理系統。附錄中提供了HTML常用標籤和CSS常用屬性，並介紹Dreamweaver CS6等工具軟體的基本使用方法。本書提供案例相關檔案、部分習題答案及電子課件，可登錄華信教育資源網（www.hxedu.com.cn）註冊後下載。本書適合作為高等院校網頁設計與製作課程的教學用書，也可以作為網頁設計工作人員的參考用書。
基本介紹
- 書名：網頁設計與製作:基於計算思維
- 類型：藝術
- 出版日期：2014年1月1日
- 語種：簡體中文
- ISBN：9787121219443
- 作者：王海波 張偉娜
- 出版社：電子工業出版社
- 頁數：370頁
- 開本：16
- 品牌：電子工業出版社
內容簡介,圖書目錄,序言,
內容簡介
王海波、張偉娜、王兆華編著的《網頁設計與製作--基於計算思維》在基本概念的講解上，通過計算思維方法的引入和圖示化的講解，以簡單明了的方式講述基本概念的原理，使讀者可以快速地了解並掌握。本書通過對CSS布局的基本原理和不同布局方式的深入講解，展示CSS布局的基本方法和不同布局方式之間的區別。本書詳細講解網頁整體及各組成部分的實現過程，如水平導航和垂直導航、列表、圖文混排、Spry選單欄、Spry選項卡式面板等。讀者可以通過掌握基本的網頁組件，快速地設計出不同類型的網頁。本書提供大量的實用案例，除各章中講解原理的基礎案例和具有逼真效果的真實案例外，還包括一個從設計階段開始到全部完成的網站綜合案例，使讀者可以通過案例了解網頁設計的基本原理，並掌握在實際工作中網頁設計的流程。本書適合作為高等院校網頁設計與製作課程的教學用書，也可以作為網頁設計工作人員的參考用書。
圖書目錄
第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.4 元素的內容溢出
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 Spry表單元素
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 拖動AP元素
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章 網站的發布和維護
第15章 綜合案例
第16章 CMS內容管理系統
附錄A HTML常用標籤
附錄B CSS常用屬性
附錄C Dreamweaver CS6的基本使用
附錄D Firebug和Web Developer的使用
參考文獻
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.4 元素的內容溢出
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 Spry表單元素
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 拖動AP元素
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章 網站的發布和維護
第15章 綜合案例
第16章 CMS內容管理系統
附錄A HTML常用標籤
附錄B CSS常用屬性
附錄C Dreamweaver CS6的基本使用
附錄D Firebug和Web Developer的使用
參考文獻
序言
前 言
隨著信息技術的不斷發展，網際網路已經成為當前傳播信息的重要途徑。越來越多的網站出現在網際網路上，網站開發及網頁設計與製作技術受到人們越來越多的關注。隨著全球資訊網聯盟W3C的建立以及Web標準的制定，HTML、CSS以及JavaScript成為網頁設計中最重要的三個組成部分，這就需要網頁設計人員更加全面地了解相關的知識。網頁設計與製作是一門綜合性的學科，它涉及心理學、美學、工程科學、程式設計等諸多方面，計算思維成為這一過程中人們必須具備的基礎性思維方式，用來指導相關知識的學習。
本書主要內容
本書主要圍繞HTML、CSS和JavaScript來介紹網頁設計過程中的相關知識和套用，並結合網頁設計軟體Dreamweaver的使用來講解網頁設計過程的具體操作。在每個知識環節，都穿插了大量的實例來對知識點進行剖析和講解，使得讀者能夠在學習這一部分內容後，對其本質有更深入的了解，從而能夠在實際的網頁設計過程中加以運用。
第1章介紹網頁製作的基礎知識，包括網站的分類、網頁的基本構成元素、與網頁相關的基本概念，並介紹網站製作的基本流程以及與網頁設計相關工具。
第2章介紹HTML語言的基本語法和基本結構，包括標題、段落、文字格式、列表等元素的學習。
第3章介紹CSS的基本概念、CSS選擇器、在網頁中套用CSS等相關知識，並詳細介紹通過CSS對文字和段落進行樣式的控制。
第4章介紹有關網頁顏色、圖像和多媒體的基礎知識，包括網頁中顏色的表示、網頁安全色、網頁配色，網頁中的圖像類型、圖像在網頁中的套用等知識，以及在網頁中使用聲音、視頻等多媒體對象。
第5章介紹表格在網頁中的使用，包括表格的基本操作及使用表格進行網頁布局的方法。
第6章介紹超連結的基本概念及網頁中不同類型的超連結，並介紹通過CSS對超連結的樣式進行設定的基本方法。
第7章介紹CSS布局的基本模型——盒模型，對盒模型的組成進行深入講解，並介紹浮動定位、位置定位等CSS布局的主要定位方式。
第8章介紹CSS布局在網頁布局中的實際套用，包括網頁的整體布局、網頁中的組件布局等，如導航選單、圖文混排、全圖排版等，並介紹Dreamweaver軟體中Spry頁面組件的使用。
第9章介紹Dreamweaver中模板和庫項目的概念和作用，並通過實例展示模板和庫項目在網頁設計過程中如何提高網頁製作效率。
第 10 章介紹網頁中表單的基本概念及組成表單的不同元素，並通過實例講解網站訪問者與網站之間進行信息互動的方法，還介紹Dreamweaver中可以自動完成驗證功能的Spry表單對象。
第11章介紹Dreamweaver中行為的基本概念和一些基本的內置行為，並介紹通過行為給網頁中的元素添加動態效果的方法。
第12章介紹JavaScript的基本概念和在網頁中的使用，包括JavaScript的基本語法、內置對象等概念，並通過實例講解通過JavaScript對用戶的輸入數據進行驗證、聯動選單的建立等方法。
第13章介紹JavaScript框架的作用及jQuery框架的基本功能，包括使用jQuery操作網頁元素以及基本的網頁動畫效果的實現，並介紹一些常用的jQuery外掛程式的使用，如圖像幻燈片外掛程式、內容切換外掛程式等。
第14章介紹網站的測試、發布和維護的基本概念和方法，包括通過Dreamweaver測試網頁在不同瀏覽器下的兼容性、是否有無效的超連結、對網頁檔案進行清理操作等。
第15章通過一個綜合案例，介紹網頁從原型設計到頁面效果圖設計，再到網頁設計的一系列過程，完整體現網頁編寫的真實過程。
第16章介紹內容管理系統CMS的基本概念，並結合Joomla這一CMS系統，介紹通過CMS建立網站的基本過程，包括站點的搭建、分類管理、選單管理、文章管理等基本操作。
在本書的附錄中，介紹HTML的常用標籤、CSS的常用屬性，以及與網頁設計相關的Dreamweaver、Firebug外掛程式等軟體的基本使用方法。
本書提供案例相關檔案、部分習題答案及電子課件，可登錄華信教育資源網註冊後下載。
本書主要特色
1．基於計算思維的原理和概念的講解
在基本概念的講解上，通過計算思維方法的引入和圖示化的講解，以簡單明了的方式講述基本概念的原理，使讀者可以快速地了解並掌握。
2．CSS布局原理的深入講解
CSS布局是一種不同於傳統表格布局的基於Web標準的網頁布局方式。本書通過對CSS布局的基本原理和不同布局方式的深入講解，展示CSS布局的基本方法和不同布局方式之間的區別。
3．網頁組件的模組式講解
本書詳細講解網頁整體及各組成部分的實現過程，如水平導航和垂直導航、列表、圖文混排、Spry選單欄、Spry選項卡式面板等。讀者可以通過掌握基本的網頁組件，快速地設計出不同類型的網頁。
4．大量的實用案例
本書提供大量的實用案例，除各章中講解原理的基礎案例和具有逼真效果的真實案例外，還包括一個從設計階段開始到全部完成的網站綜合案例，使讀者可以通過案例了解網頁設計的基本原理，並掌握在實際工作中網頁設計的流程。
本書使用對象
本書適合作為高等院校網頁設計與製作課程的教學用書，也可以作為網頁設計工作人員的參考用書。
本書由王海波、張偉娜、王兆華編著。第1、2、3、7、8、13、15、16章由王海波編寫，第4、5、6章由王兆華編寫，第9、10、11、12、14章由張偉娜編寫，劉立新主審。
由於編者水平有限，書中難免有不妥之處，敬請讀者批評指正。
作 者
隨著信息技術的不斷發展，網際網路已經成為當前傳播信息的重要途徑。越來越多的網站出現在網際網路上，網站開發及網頁設計與製作技術受到人們越來越多的關注。隨著全球資訊網聯盟W3C的建立以及Web標準的制定，HTML、CSS以及JavaScript成為網頁設計中最重要的三個組成部分，這就需要網頁設計人員更加全面地了解相關的知識。網頁設計與製作是一門綜合性的學科，它涉及心理學、美學、工程科學、程式設計等諸多方面，計算思維成為這一過程中人們必須具備的基礎性思維方式，用來指導相關知識的學習。
本書主要內容
本書主要圍繞HTML、CSS和JavaScript來介紹網頁設計過程中的相關知識和套用，並結合網頁設計軟體Dreamweaver的使用來講解網頁設計過程的具體操作。在每個知識環節，都穿插了大量的實例來對知識點進行剖析和講解，使得讀者能夠在學習這一部分內容後，對其本質有更深入的了解，從而能夠在實際的網頁設計過程中加以運用。
第1章介紹網頁製作的基礎知識，包括網站的分類、網頁的基本構成元素、與網頁相關的基本概念，並介紹網站製作的基本流程以及與網頁設計相關工具。
第2章介紹HTML語言的基本語法和基本結構，包括標題、段落、文字格式、列表等元素的學習。
第3章介紹CSS的基本概念、CSS選擇器、在網頁中套用CSS等相關知識，並詳細介紹通過CSS對文字和段落進行樣式的控制。
第4章介紹有關網頁顏色、圖像和多媒體的基礎知識，包括網頁中顏色的表示、網頁安全色、網頁配色，網頁中的圖像類型、圖像在網頁中的套用等知識，以及在網頁中使用聲音、視頻等多媒體對象。
第5章介紹表格在網頁中的使用，包括表格的基本操作及使用表格進行網頁布局的方法。
第6章介紹超連結的基本概念及網頁中不同類型的超連結，並介紹通過CSS對超連結的樣式進行設定的基本方法。
第7章介紹CSS布局的基本模型——盒模型，對盒模型的組成進行深入講解，並介紹浮動定位、位置定位等CSS布局的主要定位方式。
第8章介紹CSS布局在網頁布局中的實際套用，包括網頁的整體布局、網頁中的組件布局等，如導航選單、圖文混排、全圖排版等，並介紹Dreamweaver軟體中Spry頁面組件的使用。
第9章介紹Dreamweaver中模板和庫項目的概念和作用，並通過實例展示模板和庫項目在網頁設計過程中如何提高網頁製作效率。
第 10 章介紹網頁中表單的基本概念及組成表單的不同元素，並通過實例講解網站訪問者與網站之間進行信息互動的方法，還介紹Dreamweaver中可以自動完成驗證功能的Spry表單對象。
第11章介紹Dreamweaver中行為的基本概念和一些基本的內置行為，並介紹通過行為給網頁中的元素添加動態效果的方法。
第12章介紹JavaScript的基本概念和在網頁中的使用，包括JavaScript的基本語法、內置對象等概念，並通過實例講解通過JavaScript對用戶的輸入數據進行驗證、聯動選單的建立等方法。
第13章介紹JavaScript框架的作用及jQuery框架的基本功能，包括使用jQuery操作網頁元素以及基本的網頁動畫效果的實現，並介紹一些常用的jQuery外掛程式的使用，如圖像幻燈片外掛程式、內容切換外掛程式等。
第14章介紹網站的測試、發布和維護的基本概念和方法，包括通過Dreamweaver測試網頁在不同瀏覽器下的兼容性、是否有無效的超連結、對網頁檔案進行清理操作等。
第15章通過一個綜合案例，介紹網頁從原型設計到頁面效果圖設計，再到網頁設計的一系列過程，完整體現網頁編寫的真實過程。
第16章介紹內容管理系統CMS的基本概念，並結合Joomla這一CMS系統，介紹通過CMS建立網站的基本過程，包括站點的搭建、分類管理、選單管理、文章管理等基本操作。
在本書的附錄中，介紹HTML的常用標籤、CSS的常用屬性，以及與網頁設計相關的Dreamweaver、Firebug外掛程式等軟體的基本使用方法。
本書提供案例相關檔案、部分習題答案及電子課件，可登錄華信教育資源網註冊後下載。
本書主要特色
1．基於計算思維的原理和概念的講解
在基本概念的講解上，通過計算思維方法的引入和圖示化的講解，以簡單明了的方式講述基本概念的原理，使讀者可以快速地了解並掌握。
2．CSS布局原理的深入講解
CSS布局是一種不同於傳統表格布局的基於Web標準的網頁布局方式。本書通過對CSS布局的基本原理和不同布局方式的深入講解，展示CSS布局的基本方法和不同布局方式之間的區別。
3．網頁組件的模組式講解
本書詳細講解網頁整體及各組成部分的實現過程，如水平導航和垂直導航、列表、圖文混排、Spry選單欄、Spry選項卡式面板等。讀者可以通過掌握基本的網頁組件，快速地設計出不同類型的網頁。
4．大量的實用案例
本書提供大量的實用案例，除各章中講解原理的基礎案例和具有逼真效果的真實案例外，還包括一個從設計階段開始到全部完成的網站綜合案例，使讀者可以通過案例了解網頁設計的基本原理，並掌握在實際工作中網頁設計的流程。
本書使用對象
本書適合作為高等院校網頁設計與製作課程的教學用書，也可以作為網頁設計工作人員的參考用書。
本書由王海波、張偉娜、王兆華編著。第1、2、3、7、8、13、15、16章由王海波編寫，第4、5、6章由王兆華編寫，第9、10、11、12、14章由張偉娜編寫，劉立新主審。
由於編者水平有限，書中難免有不妥之處，敬請讀者批評指正。
作 者
