Dreamweaver CS6完美網頁制作——基礎、實例與技巧從入門到精通
第一部分 預備知識篇
1 網頁設計基礎
1.1 網頁基本知識
1.1.1 什么是 Internet
1.1.2 什么是網站
1.1.3 什么是Web服務器
1.1.4 什么是靜態網頁
1.1.5 什么是動態網頁
1.2 網頁的基本構成元素
1.2.1 網站LOGO
1.2.2 網站Banner
1.2.3 導航欄
1.2.4 文本
1.2.5 圖像
1.2.6 Flash動畫
1.3 常用網頁設計軟件
2 網頁色彩知識
2.1 網頁配色基礎
2.2 色彩意象
2.3 網頁色彩搭配知識
2.3.1 網頁色彩搭配的技巧
2.3.2 網頁要素色彩的搭配
2.3.3 色彩的對比搭配
3 網頁的布局設計
3.1 網頁版面布局設計
3.1.1 網頁版面布局原則
3.1.2 點、線、面的構成
3.2 網頁布局方法
3.2.1 紙上布局法
3.2.2 軟件布局法
3.3 常見的版面布局形式
3.4 文字與版式設計
3.4.1 文字的字體、字號、行距
3.4.2 文字的顏色
3.4.3 文字的圖形化
3.5 圖像與版式設計
3.5.1 圖像的設計流程
3.5.2 網頁中應用圖像的要點
第二部分 靜態網頁制作篇
4 基本文本網頁的創建
4.1 Dreamweaver CS6 簡介
4.2 Dreamweaver CS6 的操作界面
4.2.1 菜單欄
4.2.2 常用插入欄
4.2.3 文檔窗口
4.2.4 【屬性】面板
4.2.5 浮動面板
4.3 創建站點
4.3.1 使用向導建立站點
4.3.2 使用高級設置建立站點
4.4 添加文本
4.4.1 在網頁中添加文本
4.4.2 設置文本屬性
4.5 創建項目列表和編號列表
4.5.1 創建項目列表
4.5.2 創建編號列表
4.6 設置頭信息
4.6.1 設置標題
4.6.2 設置META
4.6.3 插入關鍵字
4.6.4 插入說明
4.6.5 插入刷新
4.7 實戰演練——創建基本文本網頁
4.8 技巧與問答
第1問 為何無法在文字中輸入多個空格字符
第2問 為什么插入的水平線顏色無法修改
第3問 如何設定若干秒后自動轉向指定的網頁
第4問 如何在整個站點中查找與替換文字
第5問 如何在網頁中插入特殊符號
第6問 如何清除網頁中不必要的HTML代碼
第7問 如何在網頁中輸入上下標
第8問 為什么讓一行字居中，其他行也居中
第9問 為什么在Dreamweaver中按
鍵換行時，與上一行的距離很大
5 圖像和多媒體的使用
5.1 網頁中圖像的使用常識
5.2 圖像的基本操作
5.2.1 在網頁中插入圖像
5.2.2 設置圖像屬性
5.2.3 裁剪圖像
5.2.4 調整圖像的亮度和對比度
5.2.5 銳化圖像
5.3 插入其他網頁圖像
5.3.1 背景圖像
5.3.2 創建鼠標經過圖像
5.4 添加Flash影片
5.5 插入視頻文件
5.6 插入其他媒體對象
5.6.1 插入Shockwave 影片
5.6.2 插入Java小應用程序
5.7 實戰演練
5.7.1 實例1——創建鼠標經過圖像導航欄
5.7.2 實例2——創建圖文混和網頁
5.8 技巧與問答
第1問 如何給網頁圖像添加邊框
第2問 為什么設置的背景圖像不顯示
第3問 如何制作當鼠標移到圖片上時會自動出現該圖片的說明文字
第4問 如何調整圖片與文字的間距
第5問 如何把網頁中的Flash背景設置為透明
第6問 如何在網頁中插入背景音樂
第7問 如何讓網頁中的圖片出現不同程度的透明或漸變透明效果
第8問 如何制作圖像由透明到清楚，再由清楚到透明，這樣忽隱忽現的效果
6 使用表格排列網頁數據
6.1 插入表格
6.2 設置表格的各項屬性
6.2.1 設置表格的屬性
6.2.2 設置單元格屬性
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.5 實戰演練——利用表格布局網頁
6.6 技巧與問答
第1問 如何制作細線表格
第2問 為何在Dreamweaver中把單元格寬度或高度設置為1沒有效果
第3問 如何制作圓角表格
第4問 如何實現當鼠標移到某個單元格上時，該單元格自動變換背景色
第5問 如何將外部的數據導入到網頁中
第6問 如何給表格中的數據排序
第7問 怎樣使表格具有陰影特效
第8問 如何讓表格的邊框具有不同顏色、不斷閃爍的效果
第9問 如何制作出具有立體感的表格
7 使用模板、庫和插件
7.1 創建模板
7.1.1 直接創建模板
7.1.2 從現有文檔創建模板
7.2 創建可編輯區域
7.3 使用模板創建新網頁
7.4 創建與應用庫項目
7.4.1 創建庫項目
7.4.2 應用庫項目
7.5 安裝和應用第三方插件
7.5.1 安裝插件
7.5.2 應用插件
7.6 實戰演練
7.6.1 實例1——創建模板
7.6.2 實例2——利用模板創建網頁
7.6.3 實例3——制作圖片漸顯效果插件
7.7 技巧與問答
第1問 什么時候需要使用模板
第2問 如何定義重復區域
第3問 如何定義重復表格
第4問 如何利用庫更新站點網頁
第5問 如何插入可選區域
第6問 如何將文檔從模板中分離
第7問 如何利用插件制作網頁上的飄浮圖片
第8問 如何利用插件實現在不同時刻顯示不同的問候語
第9問 利用插件制作隨機顯示指定圖像列表中的圖像
8 表單的使用
8.1 插入表單
8.2 插入文本域
8.2.1 插入單行文本域
8.2.2 插入密碼域
8.2.3 插入多行文本域
8.3 復選框和單選按鈕
8.3.1 插入單選按鈕
8.3.2 插入復選框
8.4 插入列表和菜單
8.5 插入按鈕
8.6 實戰演練——創建電子郵件反饋表單
8.7 技巧與問答
第1問 如何顯示表單中的紅色虛線框
第2問 如何改變多行文本域中滾動條的顏色
第3問 如何實現復選框全選、全不選和反選效果
第4問 如何避免表單撐開表格
第5問 如何制作一個可以返回到上一頁的按鈕
第6問 如何禁止在文本框中輸入中文
第7問 如何限制在多行文本框中輸入的文字總數
第8問 訪問者填寫好表單並提交后，如何檢查各項數據的正確性
第9問 如何讓訪問者輸入正確的名稱和密碼才能進入網頁且不通過數據庫實現
9 超級鏈接的創建
9.1 超級鏈接的基本概念
9.2 創建鏈接的方法
9.3 實戰演練
9.3.1 實例1——創建外部鏈接
9.3.2 實例2——創建E-mail 鏈接
9.3.3 實例3——創建錨點鏈接
9.3.4 實例4——創建圖像熱點鏈接
9.4 技巧與問答
第1問 如何實現當鼠標移到超級鏈接上時改變形狀
第2問 如何實現鼠標移動到滾動的文字上時，文字就停止滾動，再用鼠標單擊文字並離開時又會繼續滾動
第3問 如何設置在任何情況下使所有鏈接文字都看不到其底線
第4問 內容很長的網頁，如何設置可以隨時跳回最前面
第5問 如何刪除圖片鏈接的藍色邊框
第6問 如何設置單擊鏈接后打開的網頁顯示在新窗口中
第7問 如何創建下載文件的鏈接
第8問 如何實現當鼠標移到某個圖片上時會自動變換圖片，移開后又換回來
第9問 如何實現鼠標移到某鏈接文字時，字會變大或改變顏色，移開后又恢復原狀
10 CSS樣式表的應用
10.1 在HTML中引用樣式表的方法
10.2 設置CSS屬性
10.2.1 類型屬性
10.2.2 背景屬性
10.2.3 區塊屬性
10.2.4 方框屬性
10.2.5 邊框屬性
10.2.6 列表屬性
10.2.7 定位屬性
10.2.8 擴展屬性
10.2.9 設置過渡樣式
10.3 鏈接到或導出外部CSS樣式表
10.3.1 創建外部樣式表
10.3.2 鏈接外部樣式表
10.4 實戰演練
10.4.1 實例1——應用CSS 樣式定義文本間行距
10.4.2 實例2——應用CSS 樣式制作陰影文字
10.5 技巧與問答
第1問 CSS的3種用法在一個網頁中可以混用嗎
第2問 在CSS中出現“〈!--”和“--〉”可以刪除嗎
第3問 為何網頁中的文字在某些電腦上顯示正常，但在某些電腦上會變大或變小
第4問 如何利用CSS去掉鏈接文字下划線
第5問 如何利用CSS設計水平線樣式
第6問 如何利用CSS濾鏡制作光暈文字
第7問 如何利用CSS改變鼠標形狀
第8問 如何利用CSS實現背景變換的導航菜單
第9問 如何利用CSS實現滾動條的彩色顯示
11 CSS+Div靈活布局網頁
11.1 初識Div
11.1.1 Div 概述
11.1.2 Div 與 Span 的區別
11.1.3 Div 與 CSS 布局優勢
11.2 CSS 定位
11.2.1 盒子模型的概念
11.2.2 float定位
11.2.3 position定位
11.3 CSS 布局理念
11.3.1 將頁面用 Div 分塊
11.3.2 設計各塊的位置
11.3.3 用CSS 定位
11.4 常見的布局類型
11.4.1 列固定寬度
11.4.2 列自適應
11.4.3 兩列固定寬度
11.4.4 兩列寬度自適應
11.4.5 兩列右列寬度自適應
11.4.6 三列浮動中間寬度自適應
12 利用行為和腳本制作動感特效網頁
12.1 行為的概述
12.2 行為的動作和事件
12.2.1 常見的動作類型
12.2.2 事件
12.3 使用Dreamweaver內置行為
12.3.1 交換圖像
12.3.2 彈出信息
12.3.3 打開瀏覽器窗口
12.3.4 轉到URL
12.3.5 預先載入圖像
12.3.6 設置容器中的文本
12.3.7 顯示-隱藏元素
12.3.8 檢查插件
12.3.9 檢查表單
12.3.10 設置狀態欄文本
12.4 技巧與問答
第1問 如何制作滾動公告
第2問 如何制作自動關閉網頁
第3問 如何顯示當前日期和時間
第4問 如何將站點加入收藏夾
第5問 如何將站點設為首頁
第6問 如何實現定時關閉窗口
第7問 如何為頁面設置訪問口令
第三部分 動態網頁制作篇
13 Dreamweaver CS6動態網頁設計基礎
13.1 HTML 的基礎
13.1.1 HTML 的基本概念
13.1.2 HTML 的基本語法
13.2 在 Dreamweaver CS6 中編寫代碼
13.2.1 使用代碼提示
13.2.2 使用代碼片段
13.2.3 使用標簽選擇器插入標簽
13.2.4 使用標簽編輯器編輯標簽
13.2.5 用標簽檢查器編輯標簽
13.3 建立數據庫連接
13.3.1 了解DSN
13.3.2 定義系統 DSN
13.3.3 建立系統DSN 連接
13.4 編輯數據表記錄
13.4.1 了解記錄集
13.4.2 創建記錄集
13.4.3 插入記錄
13.4.4 更新記錄
13.4.5 刪除記錄
13.5 增加服務器行為
13.5.1 插入重復區域
13.5.2 插入顯示區域
13.5.3 記錄集分頁
13.5.4 轉到詳細頁面
13.5.5 轉到相關頁面
13.5.6 用戶身份驗證
13.6 實戰演練——創建留言系統
13.6.1 創建數據庫
13.6.2 設置數據源ODBC
13.6.3 定義數據庫連接
13.6.4 制作發布留言頁面
13.6.5 制作留言列表頁面
13.6.6 制作顯示留言頁面
13.7 系統測試
13.8 技巧與問答
第1問 如何使用代碼提示插入滾動公告
第2問 創建數據庫連接一定要在服務器端設置DSN嗎
第3問 如何獲得更多的服務器行為
4問 如何編數據源
第5問 如何設置數據源的數據格式
第6問 如何使用動態表單
14 設計典型動態網站模塊
14.1 新聞發布系統
14.1.1 新聞發布系統分析
14.1.2 設計數據庫
14.1.3 創建數據庫連接
14.1.4 制作新聞列表頁面
14.1.5 制作新聞詳細顯示頁面
14.1.6 制作管理員登錄頁面
14.1.7 創建新聞列表管理頁面
14.1.8 制作新聞添加頁面
14.1.9 制作新聞修改頁面
14.1.10 制作新聞刪除頁面
14.1.11 系統測試
14.2 制作會員注冊登錄系統
14.2.1 數據庫設計與連接
14.2.2 制作注冊頁面zhc
14.2.3 制作注冊成功與失敗頁面
14.2.4 制作登錄頁面
14.2.5 制作登錄成功頁面
14.2.6 制作登錄失敗頁面
14.2.7 系統測試
14.3 技巧與問答
第1問 如果ASP文件有錯誤，IIS只會顯示“HTTP500錯誤”，但卻不顯示詳細的錯誤信息，如何解決
第2問 如何使用ASP發送郵件
第3問 如何在網頁中使用包含文件
第4問 如何保護自己的ASP源代碼不泄露
第5問 什么是ActiveX控件，在何處可以下載
第6問 我已經在服務器行為中將“插入記錄”行為刪除了，為什么重做“插入記錄”后，運行時還會提示變量重復定義
第四部分 網站建設篇
15 網站建設規范與流程
15.1 網站建設規范
15.1.1 組建開發團隊規范
15.1.2 開發工具規范
15.1.3 超鏈接設計規范
15.1.4 文件夾和文件命名規范
15.1.5 代碼設計規范
15.2 網站建設的基本流程
15.2.1 確定站點目標
15.2.2 確定目標瀏覽者
15.2.3 確定站點風格
15.2.4 收集資源
15.2.5 設計網頁圖像
15.2.6 制作網頁
15.2.7 開發動態網站模塊
15.2.8 申請域名和服務器空間
15.2.9 測試與發布
15.2.10 推廣網站
16 網站的發布與推廣
16.1 測試站點
16.1.1 檢查鏈接
16.1.2 站點報告
16.1.3 清理文檔
16.2 發布網站
16.3 維護網站
16.4 網站的推廣
16.4.1 登錄搜索引擎
16.4.2 交換廣告條
16.4.3 使用meta標簽
16.4.4 使用傳統方式推廣
16.4.5 借助網絡廣告
16.4.6 登錄網址導航站點
16.4.7 通過BBS 宣傳
第五部分 綜合案例篇
17 制作個人網站
17.1 個人網站設計要點
17.2 主要功能頁面
17.3 制作個人網站主頁
17.4 制作主頁特效
17.4.1 制作狀態欄顯示停留時間特效
17.4.2 制作刷新網頁隨機播放音樂特效
17.5 制作網絡素材頁面
17.5.1 制作浮動框架頁
17.5.2 插入浮動框架
17.6 技巧與問答
技巧1 使用表格布局網頁的一些技巧
技巧2 巧妙清除網頁距瀏覽器左邊框和頂部邊框的空白
技巧3 浮動框架iframe的使用技巧
18 公司宣傳網站的制作
18.1 企業網站設計分析
18.1.1 企業網站內容設計
18.1.2 排版構架
18.2 各部分設計
18.2.1 Logo與頂部導航
18.2.2 左側導航
18.2.3 主體內容
18.2.4 制作搜索部分
18.2.5 制作公司新聞
18.2.6 制作聯系我們
18.2.7 底部版權信息
19 制作時尚購物網站
19.1 購物網站設計概述
19.2 創建數據庫表
19.3 創建數據庫連接
19.4 制作購物系統前台頁面
19.4.1 制作商品分類展示頁面
19.4.2 制作商品詳細信息頁面
19.5 制作購物系統后台管理
19.5.1 制作管理員登錄頁面
19.5.2 制作添加商品分類頁面
19.5.3 制作添加商品頁面
19.5.4 制作商品管理頁面
19.5.5 制作修改頁面
19.5.6 制作刪除頁面
19.6 技巧與問答
第1問 如何創建動態圖像
第2問 如何安裝第三方服務器行為
第3問 如何為網站增加購物車和在線支付功能
思維導圖
防止博客圖床圖片失效，防止圖片源站外鏈：
http://www.processon.com/chart_image/5e5b2ce4e4b0541c5e14899b.png)
思維導圖在線編輯鏈接：