目錄
第1章 了解網頁設計
1.1 什麼是網頁設計
1.1.1 網頁設計概述
1.1.2 網頁設計中的術語
1.2 網頁設計常用軟體和技術
1.2.1 網頁圖像處理軟體——Photoshop CC
1.2.2 網頁動畫製作軟體——Flash CC
1.2.3 網頁編輯製作軟體——Dreamweaver CC
1.2.4 網頁標記語言——HTML
1.2.5 網頁特效腳本語言——JavaScript
1.3 網頁三劍客的關係
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 製作網站HTML頁面
1.4.9 開發動態網站模組
1.4.10 申請域名和伺服器空間
1.4.11 測試並上傳網站
1.4.12 網站的更新與維護
第2章 Photoshop CC入門
2.1 網頁三劍客之Photoshop
2.1.1 選擇合適的網頁圖像處理軟體
2.1.2 了解網頁圖像處理軟體——Photoshop
2.2 認識Photoshop CC工作界面
2.3 檔案的基本操作
2.3.1 課堂案例——新建一個網頁尺寸文檔
2.3.2 新建檔案
2.3.3 打開檔案
2.3.4 保存檔案
2.3.5 導入檔案
2.3.6 置入檔案
2.3.7 導出檔案
2.3.8 關閉檔案
2.4 圖像編輯的輔助操作
2.4.1 課堂案例——在Photoshop中查看網頁圖像
2.4.2 使用標尺和參考線
2.4.3 課堂案例——校正傾斜圖像
2.4.4 使用“裁剪工具”
2.4.5 使用“裁剪”命令
2.5 調整網頁圖像
2.5.1 課堂案例——修改網頁圖像大小
2.5.2 “圖像大小”對話框
2.5.3 “畫布大小”對話框
2.6 課堂練習——製作鏡面投影效果
2.7 課後練習——裁剪網頁圖像
第3章 使用Photoshop處理網頁文本
3.1 輸入文本
3.1.1 課堂案例——輸入廣告文字
3.1.2 文字工具組
3.1.3 文字工具的“選項”欄
3.2 編輯文本
3.2.1 課堂案例——製作淘寶促銷廣告
3.2.2 “字元”面板
3.3 製作特殊文字效果
3.3.1 課堂案例——製作變形廣告文字
3.3.2 創建變形文字
3.3.3 課堂案例——製作路徑文字
3.3.4 路徑文字
3.4 使用“圖層”面板
3.4.1 課堂案例——製作遊戲網站導航
3.4.2 認識“圖層”面板
3.4.3 圖層的基本操作
3.5 添加圖層樣式
3.5.1 課堂案例——使用圖層樣式製作網頁廣告文字
3.5.2 添加圖層樣式
3.6 課堂練習——製作網站導航選單
3.7 課後練習——製作網頁圖文混排
第4章 修改網頁圖像的形狀和顏色
4.1 創建與編輯選區
4.1.1 課堂案例——製作精美網站促銷廣告
4.1.2 選框工具組
4.1.3 課堂案例——去除圖像不需要的內容
4.1.4 套索工具組
4.1.5 魔術棒工具組
4.1.6 修改選區
4.2 修改圖像
4.2.1 課堂案例——使用仿製圖章工具複製圖像
4.2.2 圖章工具組
4.2.3 橡皮擦工具組
4.2.4 課堂案例——去除水印
4.2.5 修復工具組
4.3 調整網頁圖像的顏色
4.3.1 課堂案例——調整網頁中的圖像
4.3.2 自動調整命令
4.3.3 “亮度/對比度”命令
4.3.3 “色相/飽和度”命令
4.3.4 課堂案例——調整網站廣告的色調
4.3.5 “色相/飽和度”命令
4.3.6 課堂案例——替換圖像顏色
4.3.7 替換顏色命令
4.4 課堂練習——調整網站廣告效果
4.5 課後練習——匹配網站廣告顏色
第5章 繪製網頁元素
5.1 基本繪圖工具
5.1.1 課堂案例——設計網站廣告圖片
5.1.2 畫筆工具
5.1.3 鉛筆工具
5.2 矢量繪圖工具
5.2.1 課堂案例——設計網站水晶質感按鈕
5.2.2 矩形工具
5.2.3 橢圓工具
5.2.4 圓角矩形工具
5.2.5 多邊形工具
5.2.6 直線工具
5.2.7 自定形狀工具
5.3 鋼筆工具
5.3.1 課堂案例——設計教育網站Logo
5.3.2 鋼筆工具
5.3.3 添加和刪除錨點
5.3.4 課堂案例——設計網站廣告頁面Logo
5.3.5 選擇路徑與錨點
5.3.6 調整路徑
5.3.7 變換路徑
5.4 課堂練習——設計網站實用圖示
5.5 課後練習——設計企業網站頁面
第6章 網頁動畫製作與切片輸出
6.1 創建與編輯切片
6.1.1 課堂案例——為網頁創建切片
6.1.2 創建切片
6.1.3 選擇和移動切片
6.1.4 刪除切片
6.2 圖像的最佳化與輸出
6.2.1 課堂案例——創建切片並輸出網頁
6.2.2 最佳化圖像
6.2.3 輸出圖像
6.3 創建Gif動畫
6.3.1 課堂案例——創建網頁GIF動畫
6.3.2 認識“動畫軸”面板
6.4 課堂練習——將圖片輸出為HTML網頁
6.5 課後習題——製作Gif廣告條
第7章 Flash CC入門
7.1 網頁三劍客之Flash
7.1.1 Flash動畫基礎
7.1.2 Flash動畫的套用及發展背景
7.2 Flash CC工作界面
7.2.1 課堂案例——自定義Flash CC工作區
7.2.2 認識Flash CC工作界面
7.2.3 選擇適合的工作區
7.3 新建Flash檔案
7.3.1 課堂案例——通過Flash模板快速製作動畫
7.3.2 “新建文檔”對話框
7.3.3 “從模板新建”對話框
7.3.4 設定Flash文檔屬性
7.4 打開和保存Flash檔案
7.4.1 課堂案例——打開Flash檔案
7.4.2 保存Flash檔案
7.4.3 另外儲存為Flash檔案
7.4.4 另外儲存為Flash模板檔案
7.4.5 關閉Flash檔案
7.5 課堂練習——製作海底世界動畫
7.6 課後習題——製作下雨動畫
第8章 掌握Flash繪圖技法
8.1 使用基本繪圖工具
8.1.1 課堂案例——繪製卡通表情
8.1.2 矩形工具和基本矩形工具
8.1.3 橢圓工具和基本橢圓工具
8.1.4 填充顏色和筆觸顏色
8.1.5 課堂案例——繪製卡通向日葵
8.1.6 多角星形工具
8.1.7 線條工具
8.1.8 鉛筆工具
8.1.9 刷子工具
8.1.10 橡皮擦工具
8.2 高級繪圖工具
8.2.1 課堂案例——繪製可愛雪人