李志雲編寫的《網頁設計與制作案例教程(HTML
+CSS+DIV+JavaScript工業和信息化十三五高職高專
人纔培養規劃教材)》以真實網站制作案例組織全書
內容，主要介紹學院網站的制作。書中將該網站制作
過程中的知識點進行分解，首先以小案例引導每章內
容，然後介紹案例中的關鍵知識點，最後完成完整案
例。通過案例的實現，讓學生掌握利用HTML、css和
JavaScript制作網站的關鍵技術。
本書最後一章介紹晨豐發電設備公司動態網站的
制作。從設計規劃、效果圖的制作、靜態網站的實現
到使用KesionCMS後臺管理繫統完成動態網站制作，
完全按照實際網站的制作過程進行講解。
本書適合作為高職高專院校網頁設計與制作相關
課程的教材，也可以作為網頁設計愛好者的參考書。

第1章 網頁設計概述
1.1 初識網頁
1.2 網頁相關概念
1.3 常用的瀏覽器介紹
1.4 Dreamweaver工具的使用
1.4.1 Dreamweaver的發展
1.4.2 Dreamweaver CS6的操作界面
1.4.3 案例：創建**個網頁
本章小結
習題
實訓
第2章 HTML語言
2.1 案例：簡單學校網站
2.2 知識準備
2.2.1 HTML文檔的基本結構
2.2.2 HTML標記及其屬性
2.2.3 HTML文本標記
2.2.4 HTML列表標記
2.2.5 HTML超鏈接標記
2.2.6 HTML圖像標記
2.3 案例實現
2.3.1 創建站點
2.3.2 創建首頁
2.3.3 創建學院簡介頁面
3.3.4 創建學院新聞頁面
2.3.5 創建專業介紹頁面
本章小結
習題
實訓
第３章 CSS基礎
3.1 案例：學院新聞詳情頁面
3.2 知識準備
3.2.1 初識
3.2.2 引入CSS樣式
3.2.3 常用的CSS選擇器
3.2.4 CSS常用文本屬性
3.2.5 CSS的**特性
3.3 案例實現
3.3.1 創建站點
3.3.2 創建新聞詳情頁面
本章小結
習題
實訓
第4章 盒子模型
4.1 案例：學院簡介頁面
4.2 知識準備
4.2.1 盒子模型的概念
4.2.2 盒子模型的相關屬性
4.2.3 CSS設置背景
4.2.4 元素的類型與轉換
4.2.5 塊元素間的外邊距
4.3 案例實現
4.3.1 制作頁面結構
4.3.2 添加CSS樣式
本章小結
習題
實訓
第5章 列表與超鏈接
5.1 案例：學院新聞塊與學院網站導航
5.2 知識準備
5.2.1 列表樣式設置
5.2.2 超鏈接樣式設置
5.3 案例實現
5.3.1 制作學院新聞塊
5.3.2 制作學院網站導航條
本章小結
習題
實訓
第6章 表格與表單
6.1 表格案例：學生信息表
6.2 表格相關知識
6.2.1 表格標記
6.2.2 標記的屬性
6.2.3 標記的屬性
6.2.4

和

標記的屬性 6.2.5 使用CSS設置表格樣式 6.3 表格案例實現 6.3.1 學生信息表的頁面結構 6.3.2 添加CSS樣式 6.4 表單案例：用戶注冊表 6.5 表單相關知識 6.5.1 認識表單 6.5.2 表單標記 6.5.3 表單控件 6.5.4 使用CSS設置表單樣式 6.6 表單案例實現 6.6.1 用戶信息注冊表單的頁面結構 6.6.2 添加CSS樣式 本章小結 習題 實訓 第7章 DIV+CSS布局網頁 7.1 案例：學院網站主頁布局 7.2 知識準備 7.2.1 元素的浮動 7.2.2 元素的定位 7.2.3 DIV+CSS布局 7.3 案例實現 7.3.1 制作頁面結構 7.3.2 添加CSS樣式 本章小結 習題 實訓 第8章 使用JavaScript制作網頁** 8.1 什麼是JavaScript語言 8.2 在網頁中調用Jav 8.2.1 直接嵌入HTML文檔中 8.2.2 引入外部腳本文件 8.2.3 在事件代碼中添加腳本 8.3 案例：制作Flash幻燈片** 8.4 案例：制作下拉菜單** 8.5 案例：制作選項卡** 本章小結 習題 實訓 第9章 完整案例：信息學院網站制作 9.1 信息學院網站描述 9.2 網站規劃 9.3 效果圖設計 9.3.1 效果圖設計原則 9.3.2 效果圖設計步驟 9.3.3 效果圖切片導出網頁 9.4 網站主頁設計 9.4.1 主頁布局設計 9.4.2 主頁設計步驟 9.5 網站模板頁設計 9.6 網站其他頁面設計 9.6.1 制作學院簡介頁面 9.6.2 制作學院榮譽列表頁面 9.6.3 制作學院榮譽詳細情況頁面 9.6.4 制作高技能人纔培訓基地頁面 9.6.5 制作辦公電話頁面 9.6.6 制作視頻宣傳頁面 9.7 添加首頁中的JavaScript腳本 本章小結 習題 實訓 **0章 完整案例：發電設備公司動態網站制作 10.1 發電設備公司動態網站描述 10.2 網站規劃 10.3 效果圖設計 10.3.1 效果圖設計原則 10.3.2 效果圖設計步驟 10.3.3 效果圖切片導出網頁 10.4 網站靜態頁面設計 10.4.1 網站首頁設計 10.4.2 欄目頁設計 10.4.3 內容頁設計 10.5 KessionCMS後臺管理繫統的使用 10.5.1 kessionCMS介紹 10.5.2 kesionCMS完成動態網站的步驟 10.5.3 靜態頁面與kessionCMS的整合 10.6 IIS的安裝與配置 10.7 後臺登錄與設置 10.7.1 後臺登錄 10.7.2 基本信息設置 10.7.3 設置網站欄目 10.8 創建繫統函數標簽 10.9 創建網站模板 10.10 模板綁定 10.11 添加文章內容 10.12 創建留言頁面 10.13 發布首頁 10.14 創建模板中的超鏈接 本章小結 實訓