本書定位于Dreamweaver網頁設計與網站建設初、中級,以課堂實錄的形式進行整體編排,內容涵蓋網站建設與網頁設計入門、網頁設計及網站動畫制作、站點的搭建與網頁內容的添加、網頁排版與布局、動態網站開發、網站發布與推廣、網站建設實戰。并通過大量生動的案例幫助讀者理解,總結制作經驗和技巧,為讀者制作網頁和網站提供捷徑,配套光盤贈送了相關的視頻教學文件及素材幫助讀者加深理解。
本書可作為網頁設計與網站建設相關專業的教材和參考書,也可以作為網頁制作與網站建設愛好者的自學參考用書。
著名網頁設計專家作品:劉貴國最新力作,案例全部來源于工作一線與教學實踐。專為教學及自學量身定做:以課堂實錄的形式進行內容編排,包含64個相關視頻教學文件。知識點與實戰完美結合:12個大型實戰與52個課堂練一練結合,涵蓋所有知識點。 完善的知識體系設計:網站建設與網頁設計的入門、動畫制作、站點的搭建與內容的添加、排版與布局、動態網站開發、網站發布與推廣、網站建設實戰。
近年來隨著網絡信息技術的廣泛應用,互聯網正逐步改變著人們的生活方式和工作方式。越來越多的個人、企業等紛紛建立自己的網站,利用網站來宣傳推廣自己。Adobe Dreamweaver CS6是Adobe最新發布的Adobe CS6套裝軟件的應用程序之一,它是一款功能強大、易學易用的網頁編輯工具。使用Dreamweaver,用戶可以建立一個功能完整的Web站點,并通過其操作簡單的功能完成Web頁面設計,不僅可以制作形式豐富的多媒體網頁內容,還可以配合數據庫制作具備信息互動的動態網頁,是現如今使用最廣泛的一款網站開發軟件。它以強大的功能和友好的操作界面倍受廣大網頁設計工作者的歡迎,成為網頁制作的首選軟件。
本書主要內容
本書從網頁制作的基礎知識到動態網站程序的開發,循序漸進地對Dreamweaver CS6的內容進行全面介紹,在具體內容描述中突出重點和難點,并介紹在實際開發中經常采用的一些技巧,使讀者能夠迅速提高網頁制作水平。在介紹功能和各知識點的過程中列舉了大量的實例。全書分7篇共19課。
第一篇:網站建設與網頁設計入門,包括第1、第2課,主要講述了網站建設概述、網站建設的一般流程、常用的網頁設計軟件、頁面布局與色彩搭配。
第二篇:網頁設計及網站動畫制作,包括第3~5課,主要講述了使用Photoshop設計網站的圖片元素、快速掌握動畫設計軟件Flash CS6、制作各種類型的網頁Flash動畫。
第三篇:站點的搭建與網頁內容的添加,包括第6~8課,主要講述了熟悉Dreamweaver CS6的工作環境、添加文本、圖像、超鏈接和多媒體元素、使用行為和JavaScript點綴網頁特效。
第四篇:網頁排版與布局,包括第9~13課,主要講述了網頁版面布局原則、布局方法、常見的網頁結構類型、用表格排版網頁、使用模板和庫快速創建網頁、使用CSS樣式美化網頁、使用CSS+DIV靈活布局頁面。
第五篇:動態網站開發,包括第14~16課,主要講述了用表單創建交互式網頁、動態網站數據庫基礎、SQL語言簡介、常用的SQL語句、使用Dreamweaver CS6創建動態網站。
第六篇:網站發布與推廣,包括第17~18課,主要講述了網站的發布與維護、網站的宣傳推廣。
第七篇:網站建設實戰,包括第19課,主要講述了設計制作企業宣傳網站的制作過程。
本書主要特點
本書面向網頁設計制作的初、中級用戶,采用由淺入深、循序漸進的方式進行講解,內容豐富,結構安排合理,實例均來自設計一線,特別適合作為教材,是各類學校廣大師生的首選。
實戰性強
本書的最大特點是對每個知識點從實例的角度進行介紹,這些實例均采用Step by Step的制作流程進行詳細講解,使讀者輕松上手、舉一反三。
結構完整
本書以實用功能講解為核心,每小節分為基本知識學習和課堂練一練兩部分,基本知識學習部分以基本知識為主,講解每個知識點的操作和用法,操作步驟詳細、目標明確;課堂練一練部分則相當于一個學習任務或案例制作。最后兩課通過綜合實例講述了網站建設的全過程。
案例豐富
把知識點融匯于系統的案例實訓當中,并且結合經典案例進行講解和拓展,進而達到“知其然,并知其所以然”的學習效果,做到理論知識與實際操作的完美結合。
注重技巧的歸納和總結
在本書知識點和實例的講解過程中穿插了大量的提示和技巧,使讀者更容易理解和掌握,從而方便讀者對知識點的記憶,進而能夠舉一反三。
習題強化
每課后都附有針對性的練習題,幫助讀者快速理解和掌握本書的各個知識點。
本書讀者對象
網頁設計與制作人員;
網站建設與開發人員;
相關院校師生;
網頁制作培訓班學員;
個人網站愛好者與自學讀者。
本書由國內著名網頁設計培訓專家劉貴國編寫,參加編寫的還包括馮雷雷、晁輝、何潔、陳石送、何琛、吳秀紅、王冬霞、何本軍、喬海麗、孫良軍、鄧仰偉、孫雷杰、孫文記、何立、倪慶軍、胡秀娥、趙良濤、徐曦、劉桂香、葛俊科、葛俊彬等。
作者
第1課 動態網站建設基本流程
1.1 網站建設概述
1.1.1 什么是網站
1.1.2 網站建設的目的
1.1.3 建設網站學習內容
1.2 網站的類型
1.2.1 個人網站
1.2.2 電子商務類網站
1.2.3 娛樂游戲類網站
1.2.4 時尚類網站
1.2.5 新聞資訊類網站
1.2.6 門戶類網站
1.3 常用網頁制作軟件
1.3.1 圖像設計軟件Photoshop和Fireworks
1.3.2 動畫設計軟件Flash
第1課 動態網站建設基本流程
1.1 網站建設概述
1.1.1 什么是網站
1.1.2 網站建設的目的
1.1.3 建設網站學習內容
1.2 網站的類型
1.2.1 個人網站
1.2.2 電子商務類網站
1.2.3 娛樂游戲類網站
1.2.4 時尚類網站
1.2.5 新聞資訊類網站
1.2.6 門戶類網站
1.3 常用網頁制作軟件
1.3.1 圖像設計軟件Photoshop和Fireworks
1.3.2 動畫設計軟件Flash
1.3.3 網頁設計軟件Dreamweaver
1.3.4 HTML標記
1.3.5 動態網頁編程語言ASP
1.4 網站建設的一般流程
1.4.1 網站的目標定位
1.4.2 申請網站域名
1.4.3 申請服務器空間
1.4.4 網站整體規劃
1.4.5 確定站點風格
1.4.6 整理收集素材
1.4.7 設計網頁圖像
1.4.8 切圖并制作成頁面
1.4.9 開發動態網站模塊
1.4.10 發布與上傳
1.4.11 網站優化
1.4.12 網站維護
1.4.13 網站的推廣
1.5 習題測試
1.6 本課小結
第2課 頁面布局與色彩搭配
2.1 基礎知識
2.1.1 色彩的基本概念
2.1.2 色彩的三要素
2.1.3 網頁安全色
2.1.4 網頁的色調
2.2 各種色彩分析
2.2.1 紅色
2.2.2 黑色
2.2.3 橙色
2.2.4 灰色
2.2.5 黃色
2.2.6 綠色
2.2.7 藍色
2.2.8 紫色
2.2.9 白色
2.3 頁面色彩搭配
2.3.1 網頁色彩搭配原理
2.3.2 網頁設計中色彩搭配的技巧
2.4 習題測試
2.5 本課小結
第3課 設計網站的圖片元素
3.1 Photoshop CS6介紹
3.1.1 菜單欄
3.1.2 工具箱及工具選項欄
3.1.3 文檔窗口及狀態欄
3.1.4 面板
3.2 網頁中的設計元素
3.2.1 Logo
3.2.2 導航欄
3.2.3 網站Banner
3.2.4 網頁圖像
3.2.5 Flash動畫
3.3 設計網站Logo
3.3.1 網站Logo的重要性
3.3.2 Logo的設計原則
3.3.3 課堂練一練:設計網站Logo
3.4 設計網站Banner
3.4.1 網站Banner的設計原則
3.4.2 課堂練一練:設計有動畫效果的
Banner
3.5 制作網頁導航條
3.5.1 導航設計的基本要求
3.5.2 課堂練一練:設計橫向導航條
3.6 習題測試
3.7 本課小結
第4課 快速掌握動畫設計軟件Flash CS
4.1 Flash CS6簡介
4.1.1 Flash 應用范圍
4.1.2 Flash CS6工作界面
4.2 文本操作基礎
4.2.1 課堂練一練:靜態文本
4.2.2 課堂練一練:輸入文本
4.2.3 設置文本的基本屬性
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.5.3 設置圖層屬性
4.5.4 插入和編輯圖層文件夾
4.5.5 刪除圖層
4.6 元件
4.6.1 元件的概念
4.6.2 創建圖形元件
4.6.3 創建影片剪輯
4.6.4 創建按鈕
4.7 動作面板
4.7.1 “動作”面板的組成
4.7.2 動作面板的工具
4.7.3 工作中腳本的添加方法
4.8 Flash動畫的優化與發布
4.8.1 課堂練一練:優化動畫
4.8.2 課堂練一練:測試動畫
4.9 實戰:文字旋轉
4.10 實戰:利用元件創建按鈕
4.11 習題測試
4.12 本課小結
第5課 制作各種類型的網頁Flash動畫
5.1 實戰應用:創建逐幀動畫
5.2 補間動畫的制作
5.2.1 課堂練一練:創建改變對象
大小的動畫
5.2.2 課堂練一練:創建形狀補間動畫
5.3 利用圖層制作動畫
5.3.1 課堂練一練:創建引導動畫
5.3.2 課堂練一練:創建遮罩動畫
5.4 制作多媒體動畫
5.4.1 課堂練一練:給Flash
動畫片頭添加聲音
5.4.2 課堂練一練:制作Flash視頻動畫
5.5 制作腳本動畫
5.5.1 課堂練一練:制作發送
電子郵件動畫
5.5.2 課堂練一練:停止和播放按鈕
5.6 習題測試
5.7 本課小結
第6課 開始建站之旅——熟悉Dreamweaver CS6的工作環境
6.1 認識Dreamweaver CS6界面
6.1.1 菜單欄
6.1.2 “插入”工具欄
6.1.3 面板組
6.1.4 “屬性”面板
6.2 體驗Dreamweaver CS6的新功能
6.2.1 可響應的自適應網格版面
6.2.2 FTP快速上傳
6.2.3 Adobe Business Catalyst集成
6.2.4 增強型jQuery移動支持
6.2.5 更新的PhoneGap
6.2.6 CSS3 過渡
6.2.7 更新的實時視圖
6.2.8 更新的多屏幕預覽面板
6.3 實戰:創建本地站點
6.4 管理站點
6.4.1 打開站點
6.4.2 編輯站點
6.4.3 刪除站點
6.4.4 復制站點
6.5 習題測試
6.6 本課小結
第7課 添加網頁內容和多媒體元素
7.1 文本的輸入和編輯
7.1.1 課堂練一練:輸入文本
7.1.2 課堂練一練:設置文本屬性
7.1.3 課堂練一練:輸入特殊字符
7.2 在網頁中插入圖像
7.2.1 課堂練一練:插入圖像
7.2.2 設置圖像屬性
7.2.3 課堂練一練:插入鼠標經過圖像
7.3 鏈接的設置
7.3.1 鏈接的類型
7.3.2 課堂練一練:設置文本鏈接
7.3.3 課堂練一練:創建錨記鏈接
7.3.4 課堂練一練:創建圖像熱點鏈接
7.3.5 課堂練一練:創建電子郵件鏈接
7.3.6 課堂練一練:創建下載文件的鏈接
7.4 插入媒體
7.4.1 課堂練一練:插入Flash動畫
7.4.2 課堂練一練:插入視頻
7.4.3 課堂練一練:在網頁中插入背景音樂
7.5 實戰:制作圖文混排
的多媒體頁面
7.6 習題測試
7.7 本課小結
第8課 使用行為和JavaScript點綴網頁特效
8.1 特效中的行為和事件
8.1.1 事件
8.1.2 動作
8.2 使用Dreamweaver內置行為
8.2.1 課堂練一練:交換圖像
8.2.2 課堂練一練:彈出提示信息
8.2.3 課堂練一練:打開瀏覽器窗口
8.2.4 課堂練一練:轉到URL
8.2.5 課堂練一練:預先載入圖像
8.2.6 課堂練一練:設置容器中的文本
8.2.7 課堂練一練:顯示-隱藏元素
8.2.8 課堂練一練:檢查表單
8.2.9 課堂練一練:設置狀態欄文本
8.3 利用腳本制作特效網頁
8.3.1 JavaScript簡介
8.3.2 JavaScript的放置位置
8.3.3 JavaScript函數
8.3.4 課堂練一練:制作滾動公告網頁
8.3.5 課堂練一練:制作自動關閉網頁
8.4 習題測試
8.5 本課小結
第9課 網頁的排版布局
9.1 網頁版面布局設計
9.1.1 網頁版面布局原則
9.1.2 點、線、面的構成
9.2 網頁排版布局方法
9.2.1 紙上布局草圖法
9.2.2 軟件布局法
9.3 常見的網頁結構類型
9.3.1 “國”字型布局
9.4.2 “廠”字型布局
9.4.3 “框架”型布局
9.4.4 “封面”型布局
9.4.5 Flash型布局
9.5 頁面排版布局趨勢
9.6 習題測試
9.7 本課小結
第10課 用表格排版網頁
10.1 在網頁中插入表格
10.1.1 課堂練一練:插入表格
10.1.2 課堂練一練:添加內容到單元格
10.2 設置表格屬性
10.2.1 設置單元格屬性
10.2.2 設置表格屬性
10.3 表格的基本操作
10.3.1 選定表格
10.3.2 選取行或列
10.3.3 選取單元格
10.3.4 添加行或列
10.3.5 合并單元格
10.3.6 拆分單元格
10.3.7 調整表格大小
10.4 表格其他功能
10.4.1 課堂練一練:導入表格式數據
10.4.2 課堂練一練:排序表格
10.5 實戰應用
10.5.1 課堂練一練:利用表格排版頁面
10.5.2 課堂練一練:創建圓角表格
10.6 習題測試
10.7 本課小結
第11課 快速創建網頁——使用模板和庫
11.1 認識模板
11.2 創建模板
11.2.1 在空白文檔中創建模板
11.2.2 從現有文檔創建模板
11.2.3 課堂練一練:創建可編輯區域
11.3 實戰:創建基于模板的頁面
11.4 庫的創建、管理與應用
11.4.1 課堂練一練:創建庫項目
11.4.2 課堂練一練:庫項目的應用
11.4.3 編輯庫項目
11.5 實戰:創建完整的企業網站模板
11.5.1 創建企業網站模板
11.5.2 利用模板創建網頁
11.6 習題測試
11.7 本課小結
第12課 美化網頁——使用CSS樣式
12.1 初識CSS
12.1.1 CSS概述
12.1.2 CSS的作用
12.1.3 基本CSS語法
12.2 定義CSS樣式的屬性
12.2.1 文本樣式的定義
12.2.2 背景樣式的定義
12.2.3 區塊樣式的定義
12.2.4 方框樣式的定義
12.2.5 邊框樣式的定義
12.2.6 列表樣式的定義
12.2.7 定位樣式的定義
12.2.8 擴展樣式的定義
12.2.9 過渡樣式的定義
12.3 CSS濾鏡設計特效文字
12.3.1 濾鏡概述
12.3.2 光暈(Glow)
12.3.3 模糊(Blur)
12.3.4 遮罩(Mask)
12.3.5 透明色(Chroma)
12.3.6 陰影(Dropshadow)
12.3.7 波浪(Wave)
12.3.8 X射線(Xray)
12.4 編輯CSS樣式
12.4.1 修改CSS樣式
12.4.2 刪除CSS樣式
12.4.3 復制CSS樣式
12.5 實戰:用CSS制作文字效果
12.5.1 CSS樣式美化文字
12.5.2 應用CSS樣式制作陰影文字
12.6 習題測試
12.7 本課小結
第13課 靈活布局頁面——使用CSS+DIV
13.1 網站與Web標準
13.1.1 什么是Web標準
13.1.2 為什么要建立Web標準
13.2 初識DIV
13.2.1 Div概述
13.2.2 創建Div
13.3 CSS定位與DIV布局
13.3.1 盒子模型
13.3.2 元素的定位
13.4 CSS+DIV布局的常用方法
13.4.1 使用Div對頁面整體規劃
13.4.2 設計各塊的位置
13.4.3 使用CSS定位
13.5 常見的布局類型
13.5.1 使用CSS定位單行單列固定寬度
13.5.2 一列自適應
13.5.3 兩列固定寬度
13.5.4 兩列寬度自適應
13.5.5 三列浮動中間寬度自適應
13.6 CSS布局與傳統的表格方式
布局分析
13.7 習題測試
13.8 本課小結
第14課 用表單創建交互式網頁
14.1 表單概述
14.2 實戰:創建表單域
14.3 插入文本域
14.3.1 單行文本域
14.3.2 多行文本域
14.3.3 密碼域
14.4 復選框和單選按鈕
14.4.1 復選框
14.4.2 單選按鈕
14.4.3 單選按鈕組
14.5 列表和菜單
14.5.1 下拉菜單
14.5.2 滾動列表
14.6 跳轉菜單的使用
14.7 使用按鈕激活表單
14.7.1 插入按鈕
14.7.2 圖像按鈕
14.8 使用隱藏域和文件域
14.8.1 隱藏域
14.8.2 文件域
14.9 實戰:創建電子郵件表單
14.10 習題測試
14.11 本課小結
第15課 動態網站基礎
15.1 動態網站原理
15.1.1 什么是動態網站
15.1.2 動態網站的主要技術
15.2 搭建服務器平臺
15.2.1 IIS的安裝
15.2.2 設置IIS服務器
15.3 數據庫基礎
15.3.1 數據庫的基本概念
15.3.2 認識Access數據庫
15.3.3 建立Access數據庫
15.3.4 創建表
15.3.5 添加數據源
15.4 SQL語言簡介
15.4.1 SQL語言概述
15.4.2 SQL的優點
15.5 常用的SQL語句
15.5.1 表的建立:CREATE TABLE
15.5.2 插入數據:INSERT INTO
15.5.3 修改數據:UPDATE
15.5.4 刪除數據:DELETE
15.5.5 SQL查詢語句:SELECT
15.6 本課小結
第16課 使用Dreamweaver CS6創建動態網站
16.1 留言系統分析
16.1.1 留言系統概述
16.1.2 建立Access數據庫
16.2 創建站點
16.3 創建數據庫連接
16.3.1 創建數據庫連接
16.3.2 數據連接文件
16.4 Dreamweaver CS
中記錄集的使用
16.4.1 創建記錄集
16.4.2 插入記錄
16.4.3 更新記錄
16.4.4 刪除記