●Chapter01 網頁設計基礎
1.1 網站開發概述
1.1.1 什麼是網站
1.1.2 網站的類型
1.1.3 認識網頁
1.2 網頁設計理念
1.2.1 網頁配色藝術
1.2.2 網頁布局藝術
1.3 網頁設計軟件
1.3.1 Dreamweaver CS6
1.3.2 Photoshop CS6
1.3.3 Flash CS6
1.4 動態網頁開發技術
1.4.1 ASP技術
1.4.2 ASP.NET技術
1.4.3 JSP技術
1.4.4 PHP技術
1.5 網站開發流程
1.5.1 網站總體策劃
1.5.2 設計和制作素材
1.5.3 建立站點
1.5.4 制作網頁
1.5.5 測試和發布網站
1.5.6 網站的後期維護
1.6 上機實訓
實訓1:配置網站服務器
1.7 課後練習
Chapter02 DreamweaverCS6輕松入門
2.1 DREAMWEAVER CS6的工作界面
2.1.1 啟動Dreamweaver CS6
2.1.2 開始頁面介紹
2.1.3 自定義軟件界面
2.1.4 DreamweaverCS6的視圖模式
2.2 站點的創建與管理
2.2.1 創建站點
2.2.2 編輯站點
2.2.3 導入和導出站點
2.3 文檔的基礎操作
2.3.1 新建文檔
2.3.2 保存文檔
2.3.3 打開文檔
2.3.4 導入文檔
2.3.5 關閉文檔
2.4 上機實訓
實訓2:建立自己的站點
2.5 課後練習
Chapter03 制作網頁內容
3.1 插入網頁文本
3.1.1 插入文字
3.1.2 設置文本格式
3.1.3 設置段落格式
3.1.4 設置文本樣式
3.1.5 使用段落列表
3.1.6 插入特殊字符
3.2 插入網頁圖像
3.2.1 插入普通圖像
3.2.2 插入圖像占位符
3.2.3 插入背景圖像
3.2.4 應用鼠標經過圖像
3.2.5 插入Photoshop智能圖像
3.3 編輯網頁圖像
3.3.1 更改圖像基本屬性
3.3.2 高級圖像編輯功能
3.4 插入素
3.4.1 插入Flas
3.4.2 插入Flash視頻
3.4.3 插入其他媒體
3.4.4 應用聲音和視頻
3.5 創建超鏈接
3.5.1 創建超鏈接的方法
3.5.2 超鏈接的路徑
3.5.3 鏈接目標
3.6 上機實訓
實訓3:制作精美的文字網頁
實訓4:制作網站引導頁
實訓5:制作圖文混排網頁
3.7 課後練習
Chapter04 設計網頁布局
4.1 網頁布局類型
4.2 用表格布局網頁
4.2.1 在頁面中插入表格
4.2.2 設置表格屬性
4.2.3 表格布局網頁
4.3 用框架布局網頁
4.3.1 用框架布局頁面
4.3.2 創建框架和框架集
4.3.3 設置框架及框架集屬性
4.3.4 保存框架和框架集
4.3.5 控制帶有鏈接的框架內容
4.4 創建DIV
4.4.1 DIV標簽與AP DIV的關繫
4.4.2 創建DIV標簽
4.4.3 創建AP DIV
4.5 編輯AP DIV
4.5.1 AP DIV的基本操作
4.5.2 設置AP DIV屬性
4.6 常見DIV+CSS布局方式
4.6.1 居中布局方式
4.6.2 兩列固定寬度布局方式
4.6.3 兩列固定寬度居中布局方式
4.6.4 兩列寬度自適應布局方式
4.6.5 三列自適應布局方式
4.7 上機實訓
實訓6:利用表格布局網頁實例
實訓7:利用框架布局網頁實例
實訓8:利用DIV+CSS布局網頁實例
4.7 課後練習
Chapter05 使用CSS美化網頁
5.1 CSS入門
5.1.1 “CSS樣式”面板
5.1.2 定義CSS樣式
5.1.3 在網頁中應用CSS樣式
5.2 設置CSS樣式表屬性
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 設置過渡屬性
5.3 創建CSS樣式
5.3.1 內部樣式表
5.3.2 外部樣式表
5.4 管理CSS樣式表
5.4.1 編輯CSS樣式表
5.4.2 鏈接外部CSS樣式表文件
5.4.3 刪除CSS樣式表
5.5 CSS濾鏡的應用
5.5.1 CSS濾鏡概述
5.5.2 模糊(Blur)濾鏡
5.5.3 光暈(Glow)濾鏡
5.5.4 透明色(Chroma)濾鏡
5.5.6 波浪(Wave)濾鏡
5.5.7 陰影(Dropshadow)濾鏡
5.5.5 遮罩(Mask)濾鏡
5.6 上機實訓
實訓8:利用CSS自定義項目列表
實訓9:外部CSS文件的創建和應用
5.7 課後練習
Chapter06 應用交互特效
6.1 網頁行為
6.1.1 “標簽檢查器”面板
6.1.2 查看標簽屬性
6.1.3 編輯行為
6.2 文本交互行為
6.2.1 設置容器文本
6.2.2 設置狀態欄文本
6.3 窗口交互行為
6.3.1 彈出信息
6.3.2 打開瀏覽器窗口
6.4 圖像交互行為
6.5 SPRY框架
6.5.1 Spry菜單欄
6.5.2 Spry選項卡式面板
6.5.3 Spry效果
6.5.4 Spry控件
6.6 應用JAVASCRIPT
6.6.1 JavaScript基礎知識
6.6.2 JavaScript語句
6.6.3 JavaScript函數
6.7 JAVASCRIPT對像與DOM
6.7.1 JavaScript內置對像
6.7.2 DOM技術
6.8 上機實訓
實訓10:制作選項卡式網頁
實訓11:為網頁添加行為
6.9 課後練習
Chapter07 創建動態網頁
7.1 使用表單
7.1.1 初識網頁表單
7.1.2 添加表單
7.2 添加表單對像
7.2.1 插入文本域
7.2.2 插入復選框和單選按鈕
7.2.3 插入列表/菜單
7.2.4 插入其他表單
7.3 使用SPR素
7.3.1 Spry驗證文本域
7.3.2 Spry驗證復選框
7.3.3 Spry驗證選擇
7.3.4 Spry驗證密碼
7.3.5 Spry驗證確認
7.3.6 Spry驗證單選按鈕組
7.4 創建ACCESS
7.4.1 創建數據庫
7.4.2 創建數據表
7.4.3 輸入數據
7.5 應用數據源
7.5.1 添加數據源
7.5.2 連接數據源
7.5.3 創建記錄集
7.5.4 綁定動態數據
7.6 上機實訓
實訓12:制作注冊頁面
實訓13:驗證注冊信息
7.6 課後練習
Chapter08 網頁模板與庫
8.1 創建模板
8.1.1 創建新模板
8.1.2 將普通網頁保存為模板
8.2 編輯模板
8.2.1 可編輯區域和不可編輯區域
8.2.2 創建可編輯區域
8.2.3 選擇可編輯區域
8.2.4 刪除可編輯區域
8.3 利用模板制作網頁
8.3.1 從模板新建文檔
8.3.2 應用模板
8.3.3 將頁面從模板中分離
8.3.4 更新頁面
8.4 管理模板
8.4.1 重命名模板
8.4.2 刪除模板
8.5 庫項目
8.5.1 創建庫項目
8.5.2 設置庫屬性
8.5.3 編輯庫項目和更新站點
8.6 上機實訓
實訓14:設計一個模板網頁
實訓15:利用模板制作其他網頁
8.9 課後練習
Chapter09 Photoshop CS6基礎操作
9.1 PHOTOSHOP CS6的工作界面
9.1.1 啟動PhotoshopCS6
9.1.2 工作區布局和屏幕模式
9.2 編輯圖像文件
9.2.1 新建與保存圖像文件
9.2.2 打開網頁圖像文件
9.2.3 撤銷與恢復
9.2.4 圖像和畫布的調整
9.3 使用頁面布局工具
9.3.1 使用標尺
9.3.2 使用網格
9.3.2 使用參考線
9.3.3 使用矩形工具
9.3.4 使用直線工具
9.4 設置網頁圖像顏色
9.4.1 設置前景色和背景色
9.4.2 使用油漆桶工具
9.4.3 使用漸變工具
9.5 網頁圖像基礎知識
9.5.1 矢量圖和位圖
9.5.2 顏色模式
9.5.3 圖像的存儲格式
9.6 上機實訓
實訓16:制作網頁圖像
實訓17:繪制卡通蝴蝶
9.7 課後練習
Chaptet10 網頁圖像的設計
10.1 創建與編輯選區
10.1.1 創建選區
10.1.2 編輯選區
10.2 修改圖像
10.2.1 橡皮擦工具組
10.2.2 圖章工具組
10.2.3 修復工具組
10.3 圖層與蒙版
10.3.1 圖層的基本操作
10.3.2 圖層樣式的運用
10.3.3 圖層的混合模式
10.3.4 圖層蒙版的操作
10.4 調整網頁圖像
10.4.1 調整圖像基本屬性
10.4.2 調整圖像的色調
10.4.3 調整圖像的色彩
10.4.4 特殊色調調整
10.5 運用濾鏡增強網頁圖像的效果
10.5.1 使用濾鏡庫
10.5.2 模糊濾鏡和扭曲濾鏡
10.5.3 藝術效果濾鏡和素描濾鏡
10.6 上機實訓
實訓18:修飾圖像效果
實訓19:制作雜志插畫
10.7 課後練習
Chapter11素的設計
11.1 設計網頁文字
11.1.1 輸入和編輯文字
11.1.2 文字的轉換
11.1.3 路徑文字
11.2 設計網站圖標和LOGO
11.2.1 繪制網站圖標
11.2.2 繪制網站Logo
11.3 設計網頁按鈕和導航條
11.3.1 繪制網頁按鈕
11.3.2 繪制網頁導航條
11.4 設計網頁廣告
11.4.1 制作網站Banner
11.4.2 繪制網頁通欄廣告
11.5 設計網頁
11.5.1 繪制網頁
11.5.2 創建切片
11.5.3 優化切片並導出HTML文件
11.5.4 在Dreamweaver中編輯網頁
11.6 上機實訓
實訓20:繪制網站Logo
實訓21:繪制導航條
11.7 課後練習
Chapter12 Flash CS6 基礎操作
12.1 FLASH CS6的工作環境
12.1.1 啟動Flash CS6
12.1.2 自定義操作窗口
12.2 FLAS 檔的基本操作
12.2.1 設置文檔屬性
12.2.2 導入素材文件
12.2.3 保存動畫文檔
12.2.4 測試與發布影片
12.3 繪制矢量圖形
12.3.1 繪制線條
12.3.2 繪制簡單圖形
12.3.3 繪制復雜圖形
12.3.4 設計圖形色彩
12.3.5 編輯所繪圖形
12.4 上機實訓
實訓22:繪制卡通插畫
實訓23:繪制自然景物
12.5 課後練習
Chapter13 網頁動畫的制作
13.1 時間軸與圖層
13.1.1 “時間軸”面板簡介
13.1.2 圖層的基本操作
13.1.3 幀的基本操作
13件
13.2件的類型
13.2.2 創件
13.2.3 創建影件
13.2.4 創件
13.3 庫
13.3.1 “庫”面板簡介
13.3.2 庫的使用和管理
13.4 FLAS 的制作方法
13.4.1 逐幀動畫
13.4.2 補間動畫
13.4.3 補間形狀動畫
13.4.4 引導動畫
13.4.5 遮罩動畫
13.5 使用FLASH制作網絡廣告
13.5.1 企業形像Banner設計
13.5.2 精彩網站片頭設計
13.6 上機實訓
實訓24:手機網站動畫
實訓25:汽車網站片頭
13.7 課後練習
Chapter14 網頁特效的制作
14.1 文本的應用
14.1.1 靜態文本
14.1.2 動態文本
14.1.3 輸入文本
14.1.4 設置文本樣式
14.1.5 文本的分離與變形
14.2 音視頻的應用
14.2.1 設置聲音的屬性
14.2.2 編輯導入的聲音
14.2.3 導入視頻文件
14.2.4 處理導入的視頻
14.3 ACTIONSCRIPT3.0編程基礎
14.3.1 常量
14.3.2 變量
14.3.3 關鍵字
14.3.4 運算符
14.4 ACTIONSCRIPT3.0 語法基礎
14.4.1 點
14.4.2 注釋
14.4.3 分號
14.4.4 大括號
14.4.5 小括號
14.5 使用動作腳本
14.5.1 “動作”面板
14.5.2 動作腳本的使用
14.6 上機實訓
實訓26:網站導航菜單
實訓27:網站切換按鈕
14.7 課後練習
全書共分3大篇,其中各篇內容分別介紹如下:
第1篇為Dreamweaver篇,主要包括網頁設計基礎知識、Dreamweaver入門知識、網頁的創建、網頁的布局、網頁的美化、網頁的交互行為、網頁模板等內容。其中涉及到了圖像、多媒體、超鏈接、表格、框架、CSS樣式表素、行為、表單等眾多知識點。
第2篇為Photoshop篇,主要包括Photoshop的基礎操作、網頁圖像的設計素的設計等內容。其中涉及到了常用輔助工具、圖像上色工具、選區、圖層、蒙版、濾鏡、文字、路徑、切片等幾十個知識點。
第3篇為Flash 篇,主要包括Flash入門知識、網頁動畫的制作、網頁特效的設計等內容。其中涉及到了矢量繪圖、矢量圖的編輯、時件、庫、文本、音視頻、ActionScript腳本、Flash基礎動畫等知識點。
本書融合了作者多年的實際工作經等