本書深入講解了使用Dreamweaver、Photoshop和Flash等軟件設計網頁界面,實現網頁交互,制作網頁動畫,以及建設網站的相關知識。全書共分為9章,內容涉及網頁設計基礎知識、網頁界面設計、網頁動畫設計、網頁內容的制作以及代碼的編寫等,內容由淺及深、循序漸進,各章注重知識內容與案例之間的前后承接和上下關聯。本書結構編排合理,實例豐富,可以作為高等院校相關專業和社會培訓學校的網頁制作教材,也可以作為網頁設計初學者的自學參考。
第1章 網頁設計基礎
1.1 網站建設初步
1.1.1 網站的構成
1.1.2 網站前端開發標準
1.1.3 互聯網發展趨勢
1.2 網站建設的流程
1.2.1 前期策劃
1.2.2 中期制作
1.2.3 后期維護
1.3 網頁界面設計
1.3.1 什么是用戶界面
1.3.2 用戶界面的設計原則
1.3.3 網頁用戶界面的元素
1.3.4 網頁界面設計風格
1.4 網頁配色
1.4.1 色彩的基礎概念
1.4.2 色彩的模式
1.4.3 色調與搭配
1.4.4 色彩推移
1.5 思考與練習
第2章 設計網頁元素
2.1 Photoshop使用基礎
2.1.1 Photoshop簡介
2.1.2 Photoshop CC基本界面
2.1.3 Photoshop與網頁界面設計
2.2 操作Photoshop
2.2.1 配置Photoshop
2.2.2 操作設計方案文件
2.2.3 設置畫布和圖像
2.2.4 置入素材
2.2.5 圖像的變換與變形
2.3 使用圖層
2.3.1 Photoshop圖層
2.3.2 使用【圖層】面板
2.3.3 圖層的分組
2.3.4 圖層的混合模式
2.3.5 圖層的混合選項和樣式
2.4 課堂練習:制作寶石按鈕
2.5 課堂練習:設計產品Gallery模塊
2.6 思考與練習
第3章 設計網頁界面
3.1 選取圖像內容
3.1.1 使用選框工具
3.1.2 快速選擇和魔棒
3.2 操作選區
3.2.1 全選和反選
3.2.2 取消選擇
3.2.3 編輯選區
3.3 處理文本
3.3.1 文字工具
3.3.2 處理字符
3.3.3 處理段落
3.4 輸出Web設計方案
3.4.1 圖像切片
3.4.2 優化輸出效果
3.5 課堂練習:設計搜索引擎界面
3.6 課堂練習:設計網站登錄界面
3.7 思考與練習
第4章 繪制動畫元素
4.1 Flash使用基礎
4.1.1 Flash簡介
4.1.2 Flash CC基本界面
4.2 創建動畫文檔
4.2.1 Flash動畫文檔類型
4.2.2 新建動畫設計方案
4.2.3 編輯文檔設置
4.2.4 導入素材文件
4.3 繪制矢量幾何圖形
4.3.1 線條工具和鉛筆工具
4.3.2 矩形工具和基本矩形工具
4.3.3 橢圓工具和基本橢圓工具
4.3.4 多角星形工具
4.4 編輯顏色
4.4.1 調色板
4.4.2 顏色面板
4.4.3 墨水瓶工具
4.4.4 顏料桶工具
4.5 處理矢量文本
4.5.1 文本的分類
4.5.2 文本工具
4.6 課堂練習:繪制矢量Logo
4.7 課堂練習:繪制三維按鈕
4.8 思考與練習
第5章 設計交互動畫
5.1 使用動畫元件
5.1.1 圖形元件
5.1.2 影片剪輯元件
5.1.3 按鈕元件
5.2 動畫元素的效果
5.2.1 顯示效果
5.2.2 色彩效果
5.2.3 濾鏡
5.3 制作動畫
5.3.1 動畫的原理
5.3.2 使用時間軸
5.3.3 創建補間動畫
5.3.4 創建補間形狀
5.3.5 創建引導動畫
5.4 課堂練習:節約用水廣告設計
5.5 課堂練習:制作日出特效動畫
5.6 思考與練習
第6章 制作網頁文檔
6.1 Dreamweaver使用基礎
6.1.1 Dreamweaver簡介
6.1.2 Dreamweaver CC基本界面
6.1.3 管理Dreamweaver工作環境
6.2 創建網頁文檔
6.2.1 網頁文檔的類型
6.2.2 新建文檔
6.3 操作文檔視圖
6.3.1 “代碼”視圖
6.3.2 “設計”視圖
6.3.3 “實時視圖”
6.3.4 “拆分”視圖
6.4 處理網頁文本
6.4.1 插入語義化的文本
6.4.2 設置文本屬性
6.4.3 特殊字符
6.5 處理網頁圖像
6.5.1 網頁圖像的類型
6.5.2 插入圖像
6.5.3 設置圖像屬性
6.6 處理超鏈接
6.7 課堂練習:配置本地服務器
6.8 課堂練習:管理本地站點
6.9 思考與練習
第7章 HTML 5結構語言
7.1 HTML技術概述
7.1.1 傳統的HTML和XHTML
7.1.2 HTML 5的特性
7.2 HTML5文檔結構
7.2.1 文檔類型與基本結構
7.2.2 文檔頭結構
7.2.3 文檔主體結構
7.3 基本文本結構
7.3.1 文本標題與分節
7.3.2 段落與列表
7.4 表格結構
7.4.1 表格標記
7.4.2 表格的基本結構
7.4.3 表格的完整結構
7.5 HTML多媒體
7.5.1 圖像
7.5.2 音頻
7.5.3 視頻
7.6 課堂練習:制作詩詞欣賞頁
7.7 課堂練習:班級管理制度
7.8 思考與練習
第8章 使用樣式表
8.1 CSS技術概述
8.1.1 CSS基礎知識
8.1.2 CSS語法
8.1.3 CSS 3新增功能
8.2 選擇Web元素
8.2.1 基本選擇器
8.2.2 擴展選擇器
8.2.3 選擇方法
8.3 屬性和屬性值
8.3.1 屬性的寫法
8.3.2 屬性值的類型
8.4 樣式表的優先級
8.4.1 選擇的優先級
8.4.2 屬性的優先級
8.5 使用CSS設計器
8.5.1 使用【CSS設計器】面板
8.5.2 創建和附加樣式表
8.5.3 定義媒體應用類型
8.5.4 設置CSS規則
8.6 課堂練習:景點介紹頁
8.7 課堂練習:文章頁面
8.8 思考與練習
第9章 使用表單
9.1 表單組件概述
9.2 使用表單容器
9.2.1 插入表單容器
9.2.2 HTTP數據交互方法
9.2.3 使用標簽與數據集
9.3 輸入組件
9.3.1 輸入組件標記
9.3.2 使用基本輸入組件
9.3.3 使用日期與時間輸入組件
9.3.4 使用其他輔助輸入組件
9.4 列表菜單組件
9.4.1 顯式列表菜單
9.4.2 數據列表組件
9.5 其他組件
9.5.1 按鈕組件
9.5.2 文本區域組件
9.6 課堂練習:制作用戶登錄頁面
9.7 課堂練習:用戶注冊頁面
9.8 思考與練習