Dreamweaver+Flash+Photoshop網頁設計基礎培訓教程

Dreamweaver+Flash+Photoshop網頁設計基礎培訓教程

Dreamweaver+Flash+Photoshop網頁設計基礎培訓教程》全面系統地介紹了Dreamweaver、Photoshop、Flash的功能和使用方法,以及在設計與製作網頁時的方法與技巧。全書內容的編寫體系做了精心設計,按照“課堂案例-軟體功能解析-課堂練習-課後習題”這一思路進行編排,通過對各案例的實際操作,學生可以快速上手,熟悉軟體功能和網頁設計與製作的思路。書中的軟體功能解析部分使學生能夠深入學習軟體功能。課堂練習和課後習題,可以拓展提高學生的實際套用能力,強化學生的軟體使用技巧。商業案例實訓,可以幫助學生快速掌握網頁設計與製作的設計理念和設計元素,順利達到實戰水平。隨書配套光碟和網路資源中提供了書中所有實例的源檔案和相關素材,以及書中實例的視頻教程和PPT課件,方便讀者學習和參考。《Dreamweaver+Flash+Photoshop網頁設計基礎培訓教程》適合作為院校和培訓機構藝術專業課程的教材,也可作為網頁設計與製作自學人員的參考書。

目錄
第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 課堂案例——繪製可愛雪人
8.2.2 鋼筆工具
8.2.3 調整錨點和錨點轉換
8.2.4 添加和刪除錨點
8.3 課堂練習——繪製可愛卡通貓
8.4 課後習題——繪製蘋果
第9章 基礎Flash動畫製作
9.1 逐幀動畫
9.1.1 課堂案例——製作人物舞蹈動畫
9.1.2 逐幀動畫的特點
9.1.3 什麼是幀、關鍵幀和空白關鍵幀
9.2 形狀補間動畫
9.2.1 課堂案例——製作太陽公公動畫
9.2.2 形狀補間動畫的特點
9.2.3 認識“時間軸”面板
9.2.4 幀的編輯操作
9.3 補間動畫
9.3.1 課堂案例——文字淡入淡出動畫
9.3.2 補間動畫的特點
9.3.3 什麼是元件
9.3.4 元件的類型
9.3.5 “動畫預設”面板
9.4 傳統補間動畫
9.4.1 課堂案例——製作卡通角色入場動畫
9.4.2 傳統補間動畫的特點
9.4.3 套用濾鏡效果
9.5 課堂練習——製作聖誕老人飛入動畫
9.6 課後習題——製作圖像切換動畫
第10章 高級Flash動畫製作
10.1 引導線動畫
10.1.1 課堂案例——製作製作汽車路徑動畫
10.1.2 引導線動畫的特點
10.1.3 創建引導層和運動引導層
10.2 遮罩動畫
10.2.1 課堂案例——製作多層次遮罩動畫
10.2.2 遮罩動畫的特點
10.3 3D動畫
10.3.1 課堂案例——製作3D旋轉動畫
10.3.2 3D旋轉工具
10.3.3 3D平移工具
10.4 為動畫添加音樂
10.4.1 課堂案例——添加背景音樂
10.4.2 Flash中支持的音頻格式
10.4.3 支持的音頻類型
10.4.4 設定音頻屬性
10.5 為動畫導入視頻
10.5.1 課堂案例——製作網站視頻廣告
10.5.2 Flash中支持的視頻格式
10.5.3 “導入視頻”對話框
10.6 課堂練習——製作3D平移動畫
10.7 課後習題——製作圖像切換遮罩動畫
第11章 廣告文字動畫和按鈕動畫
11.1 廣告文字動畫
11.1.1 課堂案例——製作廣告文字動畫
11.1.2 文本類型
11.1.3 設定文本屬性
11.1.4 移動和選擇文本
11.1.5 課堂案例——製作閃爍文字動畫
11.1.6 為文本設定超連結
11.1.7 分離文本
11.2 按鈕動畫

相關詞條

熱門詞條

聯絡我們