Dreamweaver CS6完美網(wǎng)頁制作：基礎(chǔ)、實例與技巧從入門到精通

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