《網頁設計與制作實例教程》面向網頁設計與制作的初學者，采用全新流行的Web標準，以HTML技術為基礎，由淺入深、完整、詳細地介紹了HTML、CSS及JavaScript網頁制作內容。全書以興宇書城網站的設計與制作為講解主線，圍繞書城欄目的設計，詳細、全面、系統地介紹了網頁制作、設計、規劃的基本知識以及網站設計、開發的完整流程。本書共分11章，主要內容包括：HTML概述、塊級標簽、行級標簽、CSS樣式表、Div+CSS布局方法、使用CSS實現常用的樣式修飾、使用CSS設置鏈接與導航菜單、使用JavaScript制作網頁特效、興宇書城首頁和列表頁、圖書詳細信息頁面和查看購物車頁面、興宇書城后臺管理頁面。本書所有例題、習題及上機實訓均采用案例驅動的方式講述，通過大量實例深入淺出、循序漸進地引導讀者學習。
第1章 HTML概述
1.1 HTML簡介
1.2 HTML編寫規范
1.2.1 標簽及其屬性
1.2.2 HTML代碼規范
1.2.3 HTML文檔結構
1.3 創建HTML文件
1.4 網頁的摘要信息
1.4.1 ＜title＞標簽
1.4.2 ＜meta＞標簽
1.4.3 案例—制作興宇書城頁面摘要信息
1.5 HTML頁面中的塊和行
1.6 注釋和特殊符號
1.6.1 注釋
1.6.2 特殊符號
1.7 實訓—制作力天商務網的版權信息
習題1
第2章 塊級標簽
2.1 基本塊級標簽
2.1.1 標題標簽＜h#＞…＜/h#＞
2.1.2 段落標簽＜p＞…＜/p＞
2.1.3 水平線標簽＜hr/＞
2.1.4 案例—制作興宇書城積分說明頁面
2.2 用于布局的塊級標簽
2.2.1 無序列表
2.2.2 有序列表
2.2.3 表格
2.2.4 表單
2.2.5 分區
2.3 實訓—制作力天科技簡介頁面
習題2
第3章 行級標簽
3.1 超鏈接
3.1.1 超鏈接的基本概念
3.1.2 超鏈接的應用
3.1.3 案例—制作興宇書城購物指南
3.2 圖像
3.2.1 Web上常用的圖像格式
3.2.2 圖像標簽＜img＞
3.2.3 用圖像作為超鏈接熱點
3.2.4 案例—制作興宇書城圖文簡介
3.3 表單元素
3.3.1 ＜input＞元素
3.3.2 選擇欄＜select＞
3.3.3 多行文本域＜textarea＞…＜/textarea＞
3.3.4 表單的高級用法
3.3.5 案例—制作興宇書城會員注冊表單
3.3.6 表單布局
3.4 范圍標簽＜span＞
3.5 換行標簽＜br/＞
3.6 實訓—制作力天商務網“聯系我們”表單
習題3
第4章 CSS樣式表
4.1 CSS概述
4.1.1 CSS的基本概念
4.1.2 CSS的發展歷史
4.1.3 CSS的代碼規范
4.1.4 CSS的工作環境
4.1.5 體驗CSS
4.2 樣式表語法
4.2.1 CSS規則
4.2.2 常用的選擇符
4.3 CSS的屬性單位
4.3.1 長度、百分比單位
4.3.2 色彩單位
4.4 網頁中插入CSS的方法
4.4.1 定義內部樣式表
4.4.2 定義行內樣式表
4.4.3 鏈入外部樣式表
4.4.4 導入外部樣式表
4.4.5 案例—制作興宇書城圖書詳細信息
4.5 樣式表的層疊、特殊性與重要性
4.5.1 樣式表的層疊
4.5.2 特殊性
4.5.3 重要性
4.6 元素分類
4.7 實訓—制作力天商務網商機發布信息區
習題4
第5章 Div+CSS布局方法
5.1 Div布局理念
5.1.1 Div布局頁面的優點
5.1.2 使用嵌套的Div容器實現頁面排版
5.2 CSS盒模型
5.2.1 盒模型的概念
5.2.2 盒模型的屬性
5.2.3 盒模型的寬度與高度
5.2.4 外邊距的疊加
5.2.5 盒模型綜合案例
5.3 盒子的定位
5.3.1 靜態定位
5.3.2 相對定位
5.3.3 絕對定位
5.3.4 相對定位與絕對定位的混合使用
5.3.5 固定定位
5.4 盒子的浮動
5.4.1 浮動
5.4.2 清除浮動
5.4.3 定位與浮動綜合案例
5.5 CSS常用布局樣式
5.5.1 兩列布局樣式
5.5.2 三列布局樣式
5.6 Div+CSS布局綜合案例
5.6.1 頁面布局規劃
5.6.2 頁面的制作過程
5.7 實訓—力天商務網博客頁面的布局
5.7.1 頁面布局規劃
5.7.2 頁面的制作過程
習題5
第6章 使用CSS實現常用的樣式修飾
6.1 設置文字的樣式
6.1.1 設置文字的字體
6.1.2 設置字體的大小
6.1.3 設置字體的粗細
6.1.4 設置字體的傾斜
6.1.5 設置字體的修飾
6.1.6 設置文本的顏色
6.2 設置段落的樣式
6.2.1 設置文字的對齊方式
6.2.2 設置首行縮進
6.2.3 設置首字下沉
6.2.4 設置行高
6.2.5 設置字間距
6.2.6 設置字符間距
6.2.7 設置文本的大、小寫
6.3 設置圖片樣式
6.3.1 圖片的邊框
6.3.2 圖片的縮放
6.4 設置背景
6.4.1 設置背景顏色
6.4.2 設置背景圖像
6.4.3 設置背景重復
6.4.4 設置背景定位
6.4.5 設置背景大小
6.4.6 案例—制作興宇書城購物車統計信息
6.5 圖文混排
6.6 用CSS設置常用樣式修飾的綜合案例
6.6.1 頁面布局規劃
6.6.2 頁面的制作過程
6.7 實訓—制作力天商務網商務安全中心頁面
習題6
第7章 使用CSS設置鏈接與導航菜單
7.1 使用CSS設置鏈接
7.1.1 超鏈接偽類
7.1.2 改變文字鏈接的外觀
7.1.3 創建按鈕式超鏈接
7.1.4 圖文鏈接
7.2 使用CSS設置列表
7.2.1 設置列表類型
7.2.2 設置列表項圖像
7.2.3 設置列表項位置
7.2.4 圖文信息列表
7.3 創建導航菜單
7.3.1 普通的超鏈接導航菜單
7.3.2 縱向列表模式的導航菜單
7.3.3 橫向列表模式的導航菜單
7.4 使用CSS設置鏈接與導航菜單綜合案例
7.4.1 頁面布局規劃
7.4.2 頁面的制作過程
7.5 實訓—制作力天商務網技術支持頁面
習題7
第8章 使用JavaScript制作網頁特效
8.1 JavaScript簡介
8.2 在網頁中插入JavaScript的方法及定義
8.2.1 在HTML文檔中嵌入腳本程序
8.2.2 鏈接腳本文件
8.2.3 在標簽內添加腳本
8.3 常見的網頁特效
8.3.1 循環滾動的圖文字幕
8.3.2 幻燈片切換的廣告
8.4 實訓—制作二級縱向列表模式的導航菜單
習題8
第9章 興宇書城首頁和列表頁
9.1 網站的開發流程
9.1.1 規劃站點
9.1.2 網站制作
9.1.3 測試網站
9.1.4 發布站點
9.2 設計首頁布局
9.2.1 使用Dreamweaver創建站點
9.2.2 頁面布局規劃
9.3 首頁的制作
9.4 制作列表頁
習題9
第10章 圖書詳細信息頁面和查看購物車頁面
10.1 制作圖書詳細信息頁面
10.2 制作查看購物車頁面
習題10
第11章 興宇書城后臺管理頁面
……
新書資訊