網(wǎng)頁制作與網(wǎng)站建設實戰(zhàn)大全

第1篇  網(wǎng)站基礎
第1章  網(wǎng)站開發(fā)入門（  教學視頻：24分鐘）
1.1  Web網(wǎng)站入門
1.1.1  認識網(wǎng)頁與網(wǎng)站
1.1.2  網(wǎng)站的組成結構
1.1.3  常見的網(wǎng)站分類
1.1.4  如何設計吸引人的網(wǎng)站
1.1.5  網(wǎng)站開發(fā)的相關技術
1.1.6  創(chuàng)建一個簡單的網(wǎng)頁
1.2  網(wǎng)站開發(fā)工具
1.2.1  Dreamweaver設計工具
1.2.2  圖像處理工具Photoshop
1.2.3  網(wǎng)頁圖形工具Fireworks
1.2.4  網(wǎng)頁動畫設計工具Flash
1.3  網(wǎng)站建設的基本步驟
1.3.1  網(wǎng)站的定位
1.3.2  確定網(wǎng)站的結構
1.3.3  設計網(wǎng)站的主題風格
1.3.4  制作網(wǎng)頁
1.3.5  網(wǎng)站的測試
1.3.6  申請網(wǎng)站域名
1.3.7  購買網(wǎng)頁空間
1.3.8  使用FTP上傳網(wǎng)站
1.3.9  瀏覽并優(yōu)化網(wǎng)站
1.3.10  推廣自己的網(wǎng)站
1.4  小結
第2章  使用HTML語言編寫網(wǎng)頁（  教學視頻：40分鐘）
2.1  認識HTML語言
2.1.1  HTML是什么
2.1.2  HTML標簽、元素和屬性
2.1.3  HTML文件組成
2.2  HTML文檔頭標記
2.2.1  文檔類型聲明
2.2.2  文檔頭標簽
2.2.3  文檔基地址
2.2.4  文檔鏈接
2.2.5  網(wǎng)頁標題
2.2.6  元數(shù)據(jù)定義
2.3  基本的HTML標簽
2.3.1  主體標簽
2.3.2  設置頁面邊距
2.3.3  常用的標簽列表
2.3.4  標題標簽至
2.3.5  換行標簽

2.3.6  段落標簽
2.3.7  水平分割線標簽
2.3.8  HTML的注釋
2.4  文字和鏈接
2.4.1  文本格式化標簽
2.4.2  文本引用與縮進
2.4.3  文本輸入字符
2.4.4  字體和顏色設置
2.4.5  超級鏈接標簽
2.4.6  相對路徑和絕對路徑
2.4.7  頁內(nèi)跳轉超級鏈接
2.4.8  電子郵件鏈接mailto
2.5  圖片和列表
2.5.1  網(wǎng)頁圖像格式
2.5.2  圖像標簽
2.5.3  用圖像作為鏈接
2.5.4  有序列表（項目列表）
2.5.5  無序列表
2.5.6  嵌套列表
2.6  表格和框架
2.6.1  創(chuàng)建基本表格
2.6.2  表格的邊框和背景
2.6.3  合并表格單元格
2.6.4  表格的間距與邊距
2.6.5  框架結構標簽
2.6.6  框架集的屬性
2.6.7  框架的屬性
2.6.8  框架頁導航
2.6.9  使用標簽
2.7  表單
2.7.1  表單標簽
2.7.2  HTML表單控件
2.7.3  Input表單輸入控件
2.7.4  文本域和下拉列表控件
2.8  小結
第3章  CSS定義網(wǎng)頁樣式（  教學視頻：25分鐘）
3.1  CSS概述
3.1.1  CSS的作用
3.1.2  CSS樣式表的類型
3.1.3  CSS語句的語法
3.1.4  在Dreamweaver中創(chuàng)建CSS
3.2  CSS選擇器
3.2.1  標簽選擇器
3.2.2  類別選擇器
3.2.3  id選擇器
3.2.4  通配符選擇器
3.2.5  屬性選擇器
3.3  格式化文本
3.3.1  設置字體
3.3.2  文本的排版
3.3.3  表格和邊框
3.3.4  顏色與背景
3.4  列表樣式
3.4.1  在列表中應用CSS
3.4.2  更改列表類型
3.4.3  在列表中使用圖像
3.4.4  列表項的顯示位置
3.5  小結
第2篇  網(wǎng)頁設計與制作
第4章  如何設計吸引人的網(wǎng)站（  教學視頻：22分鐘）
4.1  理解色彩
4.1.1  什么是色彩
4.1.2  如何進行網(wǎng)頁配色
4.1.3  網(wǎng)頁的色調(diào)
4.1.4  網(wǎng)頁色彩設計規(guī)則
4.2  布局設計
4.2.1  布局的重要性
4.2.2  常見布局結構
4.2.3  布局的方法
4.2.4  網(wǎng)頁布局技術
4.3  圖片和多媒體的應用
4.3.1  圖片的作用
4.3.2  圖片與文字的布局
4.3.3  網(wǎng)站的Logo設計
4.3.4  網(wǎng)站的圖標和按鈕
4.3.5  添加多媒體動畫
4.4  小結
第5章  用Dreamweaver可視化設計頁面（  教學視頻：33分鐘）
5.1  Dreamweaver工作區(qū)
5.1.1  工作區(qū)布局簡介
5.1.2  使用文檔編輯器
5.1.3  使用屬性面板
5.1.4  Dreamweaver選項設置
5.2  添加文本和圖像
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  鼠標經(jīng)過圖像
5.3  鏈接與導航
5.3.1  文字鏈接
5.3.2  頁面跳轉鏈接
5.3.3  創(chuàng)建Spry導航菜單欄
5.4  添加多媒體內(nèi)容
5.4.1  插入Flash動畫
5.4.2  插入視頻
5.4.3  插入音樂
5.5  使用模板和資源
5.5.1  創(chuàng)建并使用模板
5.5.2  創(chuàng)建重復區(qū)域
5.5.3  創(chuàng)建可選區(qū)域
5.5.4  使用網(wǎng)頁資源
5.6  小結
第6章  創(chuàng)建和管理Web站點（  教學視頻：13分鐘）
6.1  定義Web站點
6.1.1  定義網(wǎng)站的邏輯結構
6.1.2  使用站點管理工具
6.1.3  創(chuàng)建遠程站點
6.2  管理站點文件
6.2.1  認識文件管理面板
6.2.2  使用展開文件面板
6.2.3  創(chuàng)建和管理文件和文件夾
6.3  測試與管理站點
6.3.1  創(chuàng)建測試服務器
6.3.2  使用版本控制
6.3.3  導入和導出站點設置
6.4  小結
第7章  使用DIV和CSS進行頁面布局（  教學視頻：32分鐘）
7.1  網(wǎng)頁布局方法
7.1.1  使用表格布局頁面
7.1.2  表格布局的缺點
7.1.3  使用DIV和CSS布局
7.2  CSS布局基礎
7.2.1  CSS的盒模型
7.2.2  CSS盒模型屬性
7.2.3  CSS中的浮動
7.2.4  浮動布局基礎
7.2.5  相對定位和絕對定位
7.2.6  圖文混排的方法
7.3  DIV和CSS常見布局結構
7.3.1  一列固定寬度居中
7.3.2  一列寬度自適應
7.3.3  二列固定寬度
7.3.4  二列自適應寬度
7.3.5  三行一列固定高度
7.4  小結
第8章  用JavaScript讓網(wǎng)頁動起來（  教學視頻：27分鐘）
8.1  JavaScript概述
8.1.1  什么是JavaScript
8.1.2  將JavaScript插入頁面
8.2  JavaScript語言基礎
8.2.1  變量和注釋
8.2.2  理解數(shù)據(jù)類型
8.2.3  表達式和運算符
8.2.4  程序流程控制
8.2.5  函數(shù)
8.2.6  對象和數(shù)組
8.3  用JavaScript操作HTML網(wǎng)頁
8.3.1  DOM對象簡介
8.3.2  使用window窗口對象
8.3.3  添加網(wǎng)頁定時器
8.3.4  窗口的打開和關閉
8.3.5  使用document文檔對象
8.3.6  更改頁面元素的屬性
8.4  小結
第9章  添加動態(tài)頁面特效（  教學視頻：29分鐘）
9.1  網(wǎng)頁行為和事件
9.1.1  網(wǎng)頁行為
9.1.2  網(wǎng)頁事件
9.1.3  使用擴展管理器管理行為
9.2  使用Dreamweaver內(nèi)置行為
9.2.1  檢查插件行為
9.2.2  拖動AP層
9.2.3  轉到URL行為
9.2.4  打開瀏覽器窗口
9.2.5  彈出信息
9.2.6  顯示隱藏元素
9.2.7  交換圖像
9.2.8  檢查表單
9.2.9  預先載入圖像
9.2.10  跳轉菜單
9.2.11  調(diào)用JavaScript
9.2.12  改變屬性
9.3  使用JavaScript編寫特效
9.3.1  隨機問候信息
9.3.2  動態(tài)時鐘效果
9.3.3  創(chuàng)建滾動字幕
9.3.4  左右晃動的圖像
9.3.5  單擊按鈕打開全屏窗口
9.4  小結
第10章  用jQuery操縱網(wǎng)頁（  教學視頻：38分鐘）
10.1  認識jQuery
10.1.1  jQuery的作用
10.1.2  下載和安裝JQuery
10.1.3  第一個jQuery頁面
10.2  使用jQuery對象
10.2.1  訪問jQuery對象
10.2.2  訪問DOM對象屬性
10.2.3  jQuery基本語法
10.3  使用jQuery的選擇器
10.3.1  基本選擇器
10.3.2  層次選擇器
10.3.3  過濾選擇器
10.3.4  表單選擇器
10.4  操作網(wǎng)頁文檔
10.4.1  修改元素屬性
10.4.2  設置元素內(nèi)容
10.4.3  動態(tài)創(chuàng)建內(nèi)容
10.4.4  動態(tài)插入節(jié)點
10.4.5  動態(tài)刪除節(jié)點
10.4.6  復制節(jié)點
10.4.7  替換與包裹節(jié)點
10.5  操作DOM事件
10.5.1  頁面加載事件
10.5.2  綁定事件
10.5.3  移除事件綁定
10.5.4  切換事件
10.6  設計動畫特效
10.6.1  基本動畫
10.6.2  滑動動畫
10.6.3  淡入淡出
10.7  小結
第11章  用HTML 5開發(fā)網(wǎng)頁（  教學視頻：33分鐘）
11.1  HTML 5入門
11.1.1  什么是HTML 5
11.1.2  HTML 5的特性
11.1.3  HTML 5與HTML 4的區(qū)別
11.1.4  在Dreamweaver中創(chuàng)建HTML 5網(wǎng)頁
11.2  HTML 5元素介紹
11.2.1  DOCTYPE和字符集
11.2.2  新增與移除的標簽
11.2.3  語義性元素
11.2.4  結構化語義元素
11.2.5  語義性塊元素
11.2.6  語義性內(nèi)聯(lián)元素
11.2.7  全局屬性
11.2.8  交互性頁面元素
11.3  HTML 5 Canvas畫布
11.3.1  畫布的基礎知識
11.3.2  canvas對象入門
11.3.3  繪制矩形
11.3.4  繪制圓形
11.3.5  繪制線條
11.3.6  繪制文本
11.3.7  繪制圖像
11.4 小結
第12章  HTML 5多媒體應用（  教學視頻：32分鐘）
12.1  圖像處理高級應用
12.1.1  使用繪圖樣式
12.1.2  線性漸變填充
12.1.3  放射性漸變填充
12.1.4  圖案填充
12.1.5  圖像的移動、旋轉和縮放
12.1.6  使用陰影效果
12.2  播放音頻
12.2.1  理解音頻格式
12.2.2  轉換音頻文件
12.2.3  使用audio元素
12.2.4  控制音樂播放
12.2.5  自定義播放器外觀
12.3  播放視頻
12.3.1  理解視頻格式
12.3.2  使用video元素
12.3.3  在畫布上播放視頻
12.4  小結
第13章  用Photoshop設計網(wǎng)頁圖像（  教學視頻：36分鐘）
13.1  Photoshop基礎
13.1.1  圖像的分類
13.1.2  Photoshop的工作區(qū)界面
13.1.3  創(chuàng)建和打開圖像文件
13.2  圖像的基本操作
13.2.1  選擇圖像
13.2.2  調(diào)整大小
13.2.3  旋轉和變換
13.2.4  裁切
13.2.5  剪切、復制和粘貼
13.2.6  畫筆描邊
13.2.7  圖像填充
13.3  使用圖層
13.3.1  什么是圖層
13.3.2  創(chuàng)建圖層
13.3.3  修改圖層
13.3.4  圖層鎖定
13.3.5  圖層蒙版
13.3.6  圖層樣式
13.4  顏色與通道
13.4.1  調(diào)整圖像色彩
13.4.2  轉換圖像模式
13.4.3  什么是通道
13.4.4  創(chuàng)建和編輯通道
13.5  文本和濾鏡
13.5.1  添加文本
13.5.2  文本特效
13.5.3  濾鏡的作用
13.5.4  使用濾鏡
13.6  小結
第14章  使用Fireworks優(yōu)化圖片輸出（  教學視頻：36分鐘）
14.1  Fireworks基礎
14.1.1  認識Fireworks主界面
14.1.2  打開和創(chuàng)建圖像文件
14.1.3  使用繪圖工作區(qū)
14.2  Fireworks繪圖
14.2.1  選擇圖像
14.2.2  位圖工具
14.2.3  位圖效果
14.2.4  矢量圖工具
14.2.5  矢量圖效果
14.2.6  添加文字
14.3  應用特效
14.3.1  使用圖層
14.3.2  創(chuàng)建蒙版
14.3.3  使用樣式
14.3.4  應用濾鏡
14.4  網(wǎng)頁圖像優(yōu)化
14.4.1  使用切片工具
14.4.2  創(chuàng)建交互式按鈕
14.4.3  創(chuàng)建交互式菜單
14.4.4  優(yōu)化圖像輸出
14.5  小結
第15章  使用Flash設計網(wǎng)頁動畫（  教學視頻：37分鐘）
15.1  Flash簡介
15.1.1  認識Flash主界面
15.1.2  創(chuàng)建第一個Flash動畫
15.1.3  使用ActionScript控制動畫播放
15.2  設計動畫圖形
15.2.1  在Flash中繪制圖形
15.2.2  使用繪圖工具
15.2.3  創(chuàng)建文本對象
15.2.4  對象的操作
15.3  創(chuàng)建Flash動畫
15.3.1  Flash動畫的種類
15.3.2  使用時間軸和幀
15.3.3  元件、實例和庫
15.3.4  逐幀動畫
15.3.5  補間動畫
15.3.6  圖層遮罩動畫
15.3.7  沿路徑運動的動畫
15.4  小結
第3篇  動態(tài)網(wǎng)站開發(fā)
第16章  使用PHP開發(fā)動態(tài)網(wǎng)站（  教學視頻：48分鐘）
16.1  動態(tài)網(wǎng)站基礎
16.1.1  什么是動態(tài)網(wǎng)站
16.1.2  PHP語言簡介
16.1.3  安裝PHP環(huán)境
16.1.4  一個簡單的PHP示例
16.2  PHP語言入門
16.2.1  PHP標記
16.2.2  變量和類型
16.2.3  常量
16.2.4  運算符和表達式
16.2.5  算術運算符
16.2.6  賦值運算符
16.2.7  比較運算符
16.2.8  邏輯運算符
16.2.9  字符串運算符
16.2.10  遞增/遞減運算符
16.2.11  運算符的優(yōu)先級
16.3  流程控制語句
16.3.1  使用if條件判斷語句
16.3.2  使用switch語句
16.3.3  使用while循環(huán)語句
16.3.4  for和 foreach循環(huán)
16.3.5  使用break和continue
16.4  函數(shù)和數(shù)組
16.4.1  定義和使用函數(shù)
16.4.2  函數(shù)的參數(shù)
16.4.3  函數(shù)的返回值
16.4.4  字符串函數(shù)
16.4.5  日期時間函數(shù)
16.4.6  創(chuàng)建和使用數(shù)組
16.5  小結
第17章  操縱MySQL數(shù)據(jù)庫（  教學視頻：36分鐘）
17.1  MySQL數(shù)據(jù)庫基礎
17.1.1  數(shù)據(jù)庫基礎知識
17.1.2  MySQL簡介
17.1.3  MySQL的命令操作
17.1.4  使用phpMyAdmin管理MySQL數(shù)據(jù)庫
17.2  MySQL數(shù)據(jù)庫操作
17.2.1  更改用戶密碼
17.2.2  創(chuàng)建新用戶
17.2.3  創(chuàng)建數(shù)據(jù)庫
17.2.4  管理數(shù)據(jù)庫
17.2.5  刪除數(shù)據(jù)庫
17.3  定義數(shù)據(jù)表
17.3.1  SQL語言簡介
17.3.2  設計數(shù)據(jù)表
17.3.3  創(chuàng)建數(shù)據(jù)表
17.3.4  CREATE TABLE語句
17.3.5  修改數(shù)據(jù)表
17.3.6  刪除數(shù)據(jù)表
17.4  記錄的增、刪、改
17.4.1  插入數(shù)據(jù)
17.4.2  修改數(shù)據(jù)
17.4.3  刪除數(shù)據(jù)
17.5  查詢數(shù)據(jù)表
17.5.1  SELECT語句
17.5.2  DISTINCT抑制重復行
17.5.3  WHERE條件查詢
17.5.4  ORDER BY查詢排序
17.5.5  GROUP BY分組查詢
17.6  小結
第18章  用Dreamweaver創(chuàng)建 PHP&MySQL動態(tài)網(wǎng)站（  教學視頻：33分鐘）
18.1  Dreamweaver與PHP的整合
18.1.1  在Dreamweaver中開發(fā)PHP網(wǎng)站
18.1.2  連接MySQL數(shù)據(jù)庫
18.1.3  Dreamweaver動態(tài)網(wǎng)站開發(fā)流程
18.2  創(chuàng)建圖書管理動態(tài)網(wǎng)站
18.2.1  網(wǎng)站結構設計
18.2.2  創(chuàng)建圖書列表記錄集
18.2.3  顯示圖書列表
18.2.4  顯示圖書借閱詳細信息
18.2.5  添加圖書
18.2.6  修改圖書
18.2.7  刪除圖書
18.3  用PHP操縱MySQL
18.3.1  連接數(shù)據(jù)庫
18.3.2  選擇要使用的數(shù)據(jù)庫
18.3.3  執(zhí)行SQL語句
18.4  小結
第4篇  網(wǎng)站維護與優(yōu)化
第19章  網(wǎng)站的測試與發(fā)布（  教學視頻：19分鐘）
19.1  站點的測試
19.1.1  功能測試
19.1.2  性能測試
19.1.3  用戶界面測試
19.1.4  兼容性測試
19.1.5  安全性測試
19.2  網(wǎng)站的發(fā)布
19.2.1  網(wǎng)站空間
19.2.2  申請域名
19.2.3  發(fā)布網(wǎng)站
19.2.4  使用CuteFTP上傳網(wǎng)站
19.2.5  使用FileZilla上傳網(wǎng)站
19.3  小結
第20章  網(wǎng)站的日常維護（  教學視頻：23分鐘）
20.1  理解網(wǎng)站維護
20.1.1  網(wǎng)站維護的內(nèi)容
20.1.2  網(wǎng)站維護的作用
20.1.3  網(wǎng)站維護的方法
20.2  網(wǎng)頁內(nèi)容管理
20.2.1  靜態(tài)網(wǎng)站的更新
20.2.2  動態(tài)網(wǎng)站的更新
20.3  PHP頁面安全性管理
20.3.1  預防SQL注入
20.3.2  會話數(shù)據(jù)的安全管理
20.3.3  常見Web安全預防
20.4  MySQL數(shù)據(jù)庫維護
20.4.1  檢查數(shù)據(jù)表
20.4.2  備份數(shù)據(jù)庫
20.4.3  恢復數(shù)據(jù)庫
20.5  小結
第21章  網(wǎng)站的推廣與優(yōu)化（  教學視頻：25分鐘）
21.1  使用網(wǎng)站推廣
21.1.1  網(wǎng)站推廣的目的
21.1.2  網(wǎng)站推廣的特點
21.1.3  網(wǎng)站推廣的方式
21.2  認識搜索引擎優(yōu)化SEO
21.2.1  什么是搜索引擎
21.2.2  理解搜索引擎優(yōu)化SEO
21.2.3  網(wǎng)站對SEO的影響
21.2.4  理解搜索引擎關鍵字
21.3  搜索引擎友好的網(wǎng)頁設計
21.3.1  標題和元數(shù)據(jù)
21.3.2  Url結構優(yōu)化
21.3.3  避免使用頁框架
21.3.4  網(wǎng)站導航的SEO優(yōu)化
21.3.5  圖像和Flash優(yōu)化
21.3.6  壓縮網(wǎng)頁尺寸
21.4  小結
第5篇  綜合案例
第22章  設計制作企業(yè)門戶網(wǎng)站（  教學視頻：35分鐘）
22.1  網(wǎng)站前期策劃
22.1.1  網(wǎng)站設計需求
22.1.2  定義網(wǎng)站結構
22.1.3  網(wǎng)站風格定位
22.1.4  網(wǎng)站預覽
22.1.5  在Dreamweaver中創(chuàng)建網(wǎng)站
22.2  設計網(wǎng)站首頁
22.2.1  網(wǎng)站布局結構
22.2.2  使用CSS控制布局顯示
22.2.3  CSS+DIV導航結構
22.2.4  首頁布局的實現(xiàn)
22.2.5  首頁內(nèi)容的實現(xiàn)
22.3  設計解決方案頁
22.3.1  頁面布局
22.3.2  CSS控制布局顯示
22.4  設計“聯(lián)系我們”頁
22.4.1  頁面布局
22.4.2  創(chuàng)建表單
22.4.3  表單樣式
22.5  小結
第23章  基于PHP+MySQL的內(nèi)容管理網(wǎng)站（  教學視頻：49分鐘）
23.1  網(wǎng)站前期策劃
23.1.1  內(nèi)容管理系統(tǒng)的作用
23.1.2  網(wǎng)站功能架構
23.2  定義與訪問數(shù)據(jù)庫
23.2.1  網(wǎng)站數(shù)據(jù)庫設計
23.2.2  網(wǎng)站數(shù)據(jù)庫安裝
23.2.3  定義數(shù)據(jù)庫訪問類
23.2.4  連接和關閉數(shù)據(jù)庫
23.2.5  查詢數(shù)據(jù)庫數(shù)據(jù)
23.2.6  插入、更新和刪除數(shù)據(jù)庫數(shù)據(jù)
23.2.7  網(wǎng)站配置文件config.inc.php
23.3  網(wǎng)站前臺實現(xiàn)
23.3.1  頁眉和頁腳的實現(xiàn)
23.3.2  網(wǎng)站首頁實現(xiàn)
23.3.3  文章列表實現(xiàn)
23.3.4  文章內(nèi)容頁實現(xiàn)
23.3.5  顯示靜態(tài)頁面內(nèi)容
23.3.6  留言頁面的實現(xiàn)
23.4  后臺管理功能實現(xiàn)
23.4.1  用戶登錄界面
23.4.2  管理首頁實現(xiàn)
23.4.3  欄目管理
23.4.4  文章管理
23.4.5  添加和修改文章
23.4.6  頁面管理
23.5  小結
第24章  基于HTML 5+CSS 3企業(yè)網(wǎng)站開發(fā)（  教學視頻：28分鐘）
24.1  網(wǎng)站前期策劃
24.1.1  理解HTML 5的語義性元素
24.1.2  CSS 3的新增特性
24.1.3  房產(chǎn)租售網(wǎng)站結構
24.1.4  網(wǎng)站頁面預覽
24.2  設計網(wǎng)站首頁
24.2.1  首頁的布局
24.2.2  導航欄的設計
24.2.3  宣傳廣告欄
24.2.4  CSS布局設計
24.3  設計網(wǎng)站內(nèi)容頁
24.3.1  出售房源頁面
24.3.2  購買房源頁面
24.3.3  出租房源頁面
24.3.4  房產(chǎn)過戶頁面
24.3.5 “聯(lián)系我們”頁面
24.4  小結