新手學(xué)做網(wǎng)站（Dreamweaver+Flash+Photoshop CS6版）

第 1 章 快速解讀網(wǎng)站
1.1 網(wǎng)站的建設(shè)及流程
學(xué)習(xí)1小時
1.1.1 網(wǎng)站和網(wǎng)頁的認識
1.1.2 網(wǎng)站類型
1.1.3 創(chuàng)建網(wǎng)站前的準(zhǔn)備工作
1. 認識和購買服務(wù)器空間
2. 申請域名
1.1.4 網(wǎng)站建設(shè)的流程
1. 收集資料和素材
2. 規(guī)劃站點
3. 制作網(wǎng)頁
4. 測試站點
5. 發(fā)布站點
6. 更新和維護站點
1.1.5 網(wǎng)站建設(shè)常用的軟件
上機1小時：申請網(wǎng)站空間及域名
1.2 網(wǎng)站開發(fā)環(huán)境配置
學(xué)習(xí)1小時
1.2.1 安裝IIS的作用
1.2.2 安裝IIS
1.2.3 配置IIS
1.2.4 建立并配置站點
1. 建立并配置本地站點
2. 配置測試站點
3. 配置遠程站點
上機1小時：配置開發(fā)環(huán)境
1.3 練習(xí)1小時
1. 建設(shè)網(wǎng)站前的準(zhǔn)備工作
2. 創(chuàng)建并配置sgw1站點

第 2 章 制作簡單絢麗的網(wǎng)頁
2.1 網(wǎng)頁制作的基本操作
學(xué)習(xí)1小時
2.1.1 認識Dreamweaver CS6的操作界面
2.1.2 創(chuàng)建并保存網(wǎng)頁文檔
1. 創(chuàng)建網(wǎng)頁文檔
2. 保存網(wǎng)頁文檔
2.1.3 打開并關(guān)閉網(wǎng)頁文檔
2.1.4 設(shè)置頁面屬性
上機1小時：創(chuàng)建index.html網(wǎng)頁
2.2 添加網(wǎng)頁元素
學(xué)習(xí)1小時
2.2.1 為網(wǎng)頁添加文本
1. 添加一般的文本
2. 添加空格
3. 添加水平線
4. 添加項目列表
5. 添加編號列表
2.2.2 在網(wǎng)頁中添加圖像
1. 添加圖像
2. 設(shè)置圖像屬性
3. 創(chuàng)建鼠標(biāo)經(jīng)過圖像
2.2.3 使用超級鏈接
2.2.4 創(chuàng)建鏈接
1. 創(chuàng)建普通鏈接
2. 創(chuàng)建錨鏈接
3. 創(chuàng)建郵件鏈接
2.2.5 插入動態(tài)元素
1. 插入Flash動畫
2. 插入Flash FLV視頻
3. 插入視頻
4. 添加背景音樂
上機1小時：制作“Game.html”網(wǎng)頁
2.3 使用CSS美化網(wǎng)頁
學(xué)習(xí)1小時
2.3.1 什么是CSS樣式表
2.3.2 創(chuàng)建并應(yīng)用CSS樣式
1. 內(nèi)部CSS樣式
2. 外部CSS樣式表
2.3.3 修改CSS樣式
1. 使用“規(guī)則定義”對話框修改
2. 使用“屬性”選項修改
2.3.4 設(shè)置CSS樣式的屬性
1. “類型”選項
2. “背景”選項
3. “區(qū)塊”選項
4. “方框”選項
5. “邊框”選項
6. “列表”選項
7. “定位”選項
8. “擴展”選項
上機1小時：美化“Flower_L.html”網(wǎng)頁
2.4 練習(xí)2小時
1. 制作“help.html”網(wǎng)頁
2. 美化“zhuangshi.html”網(wǎng)頁

第 3 章 網(wǎng)頁布局
3.1 使用表格進行網(wǎng)頁布局
學(xué)習(xí)1小時
3.1.1 創(chuàng)建表格
1. 創(chuàng)建一般表格
2. 創(chuàng)建嵌套表格
3.1.2 選擇表格元素
1. 選擇單元格
2. 選擇整行單元格
3. 選擇整列單元格
4. 選擇整個表格
3.1.3 編輯表格
1. 合并或拆分單元格
2. 添加或刪除單元格
3.1.4 設(shè)置表格屬性
3.1.5 設(shè)置單元格的屬性
上機1小時：制作“2014年日歷”網(wǎng)頁
3.2 使用DIV+CSS進行網(wǎng)頁布局
學(xué)習(xí)1小時
3.2.1 認識DIV+CSS
3.2.2 插入DIV標(biāo)簽
3.2.3 DIV+CSS的盒子模型
1. 盒子模型的概述
2. margin（邊界）
3. border（邊框）
4. padding（填充）
5. content（內(nèi)容）
3.2.4 DIV+CSS定位
1. Position屬性
2. Float屬性
3.2.5 DIV+CSS布局
1. 設(shè)置DIV標(biāo)簽的自適應(yīng)高度
2. 設(shè)置網(wǎng)頁居中效果
3. 設(shè)置首字下沉
上機1小時：制作花店網(wǎng)頁
3.3 使用框架進行網(wǎng)頁布局
學(xué)習(xí)1小時
3.3.1 認識框架及框架集
3.3.2 創(chuàng)建框架網(wǎng)頁
1. 創(chuàng)建基本框架網(wǎng)頁
2. 手動拆分框架
3. 嵌套框架
3.3.3 選擇框架和框架集
3.3.4 保存框架和框架集
1. 保存單個框架網(wǎng)頁
2. 保存框架集
3. 保存所有文檔
3.3.5 框架及框架集的屬性設(shè)置
1. 框架的屬性設(shè)置
2. 框架集的屬性設(shè)置
3.3.6 IFrame框架的使用
1. 創(chuàng)建IFrame框架
2. 鏈接IFrame框架頁面
上機1小時：制作網(wǎng)站后臺管理頁面
3.4 練習(xí)1小時
1. 制作攝影首頁
2. 制作個性網(wǎng)頁

第 4 章 表單與動態(tài)網(wǎng)頁的制作
4.1 表單和行為的使用
學(xué)習(xí)1小時
4.1.1 認識表單
4.1.2 表單的使用
1. 插入表單
2. 表單屬性的設(shè)置
3. 添加并設(shè)置表單對象的屬性
4.1.3 認識行為
4.1.4 認識“行為”面板
4.1.5 行為的應(yīng)用
上機1小時：編輯“l(fā)ogin.html”登錄頁面
4.2 制作動態(tài)網(wǎng)頁
學(xué)習(xí)1小時
4.2.1 創(chuàng)建數(shù)據(jù)庫
4.2.2 動態(tài)站點的創(chuàng)建及配置（IIS配置）
4.2.3 動態(tài)網(wǎng)頁與數(shù)據(jù)庫的連接
4.2.4 數(shù)據(jù)庫動態(tài)網(wǎng)頁
1. 讀取數(shù)據(jù)庫中的記錄
2. 添加記錄
3. 更改記錄
4. 刪除記錄
上機1小時：制作登錄動態(tài)網(wǎng)頁
4.3 練習(xí)1小時
1. 制作“注冊”表單頁面
2. 制作“注冊”動態(tài)頁面

第 5 章 繪制與編輯Flash圖形
5.1 Flash的基礎(chǔ)知識
學(xué)習(xí)1小時
5.1.1 Flash CS6工作界面
5.1.2 Flash CS6的基礎(chǔ)操作
1. 新建Flash動畫文檔
2. 保存和關(guān)閉Flash動畫文檔
3. 打開Flash動畫文檔
4. 設(shè)置動畫文檔屬性
5.1.3 使用輔助工具
上機1小時：新建“banner”動畫文檔
5.2 使用Flash繪制與填充對象
學(xué)習(xí)1小時
5.2.1 使用標(biāo)準(zhǔn)工具繪制對象
1. 矩形工具和基本矩形工具
2. 橢圓工具和基本橢圓工具
3. 多角星形工具
5.2.2 使用自由工具繪制對象
1. 線條工具
2. 鉛筆工具
3. 鋼筆工具
4. Deco工具
5.2.3 為對象填充顏色
上機1小時：繪制小花圖形
5.3 制作動畫特效文字
學(xué)習(xí)1小時
5.3.1 使用文本工具輸入文本
5.3.2 設(shè)置文本屬性
1. 跨多個容器的流動文本
2. 設(shè)置滾動文本
3. 設(shè)置輸入文本
4. 設(shè)置URL鏈接
5.3.3 分離文字
上機1小時：眼鏡宣傳動畫
5.4 編輯對象
學(xué)習(xí)1小時
5.4.1 選擇對象
1. 選擇工具
2. 部分選取工具
3. 套索工具
5.4.2 變形對象
5.4.3 圖形的組合
5.4.4 圖像的基本操作
1. 移動圖像
2. 復(fù)制圖像
3. 設(shè)置圖像不透明度
5.4.5 圖像的高級操作
1. 合并對象
2. 設(shè)置圖像混合模式
3. 為圖像添加濾鏡
上機1小時：制作產(chǎn)品宣傳動畫界面
5.5 練習(xí)1小時
1. 新建“Logo”Flash文檔
2. 制作Flash廣告對象

第6 章 快速管理Flash中的素材
6.1 認識時間軸與圖層
學(xué)習(xí)1小時
6.1.1 認識“時間軸”面板
6.1.2 時間軸的基本操作
6.1.3 認識圖層
6.1.4 圖層的基礎(chǔ)操作
上機1小時：為“大優(yōu)惠”動畫創(chuàng)建圖層
6.2 素材、元件與庫的使用
學(xué)習(xí)1小時
6.2.1 素材的使用
1. Flash常用的圖片格式
2. 導(dǎo)入位圖
6.2.2 創(chuàng)建元件
1. 認識元件
2. 創(chuàng)建圖形元件
3. 創(chuàng)建按鈕元件
4. 創(chuàng)建影片剪輯元件
6.2.3 使用“庫”面板
1. 認識“庫”面板
2. 管理和使用庫
上機1小時：制作生日賀卡
6.3 練習(xí)1小時
新建“唐詩”Flash文檔

第 7 章 制作網(wǎng)頁簡單動畫
7.1 創(chuàng)建基本動畫
學(xué)習(xí)1小時
7.1.1 Flash基本動畫類型
7.1.2 創(chuàng)建逐幀動畫
7.1.3 創(chuàng)建補間形狀動畫
7.1.4 創(chuàng)建補間動畫
7.1.5 創(chuàng)建傳統(tǒng)補間動畫
7.1.6 創(chuàng)建引導(dǎo)層動畫
7.1.7 創(chuàng)建遮罩動畫
上機1小時：創(chuàng)建“地圖”動畫
7.2 制作多媒體Flash動畫
學(xué)習(xí)1小時
7.2.1 在Flash CS6中可使用的聲音類型
7.2.2 導(dǎo)入聲音
7.2.3 使用聲音
7.2.4 設(shè)置音頻
1. 設(shè)置聲音屬性
2. 將聲音與動畫同步
3. 設(shè)置聲音重復(fù)
7.2.5 編輯聲音
7.2.6 壓縮并導(dǎo)出聲音
1. 壓縮聲音
2. 壓縮聲音選項
7.2.7 可導(dǎo)入的視頻格式
7.2.8 導(dǎo)入視頻
1. 視頻導(dǎo)入向?qū)?br /> 2. 使用FLVPlayback 組件
上機1小時：制作“音樂賀卡”動畫
7.3 練習(xí)1小時
制作“波浪”動畫

第 8 章 制作并發(fā)布交互式動畫
8.1 制作Flash腳本動畫
學(xué)習(xí)1小時
8.1.1 了解ActionScript
8.1.2 ActionScript 3.0語法規(guī)則
1. 基本語法
2. 變量和常量
3. 數(shù)據(jù)類型
4. 函數(shù)
5. 類型轉(zhuǎn)換
6. 運算符
7. 屬性
8.1.3 常用ActionScript語句
1. 播放控制語句
2. 播放跳轉(zhuǎn)語句
3. 條件語句
4. 循環(huán)語句
上機1小時：制作Flash導(dǎo)航菜單
8.2 Flash的優(yōu)化與發(fā)布
學(xué)習(xí)1小時
8.2.1 優(yōu)化動畫
1. 優(yōu)化文檔
2. 優(yōu)化顏色
3. 優(yōu)化元素和線條
4. 優(yōu)化文本和字體
5. 優(yōu)化圖形
6. 優(yōu)化動畫
7. 加快文檔顯示速度
8.2.2 測試動畫
8.2.3 設(shè)置動畫發(fā)布格式
8.2.4 預(yù)覽發(fā)布效果
8.2.5 發(fā)布動畫
8.2.6 導(dǎo)出動畫
8.2.7 導(dǎo)出圖像
上機1小時：優(yōu)化并發(fā)布“愛”動畫
8.3 練習(xí)1小時
制作游戲開場動畫

第 9 章 在Photoshop中制作網(wǎng)頁主體界面
9.1 Photoshop的基礎(chǔ)知識
學(xué)習(xí)1小時
9.1.1 Photoshop CS6的工作界面
9.1.2 Photoshop CS6的基本操作
1. 新建圖像
2. 打開圖像
3. 設(shè)置圖像大小和畫布大小
4. 旋轉(zhuǎn)與裁剪圖像
5. 復(fù)制和粘貼圖像
6. 移動圖像
9.1.3 使用“輔助”工具
1. 使用標(biāo)尺和參考線
2. 網(wǎng)格
上機1小時：制作“獎品展示”圖像
9.2 繪制與編輯圖像
學(xué)習(xí)1小時
9.2.1 顏色的選取方法
9.2.2 使用形狀工具組繪制圖像
9.2.3 為圖像填充顏色
1. 使用“油漆桶工具”
2. 使用“漸變工具”
上機1小時：制作“幫助中心”頁面圖像
9.3 使用路徑進行網(wǎng)站標(biāo)志繪制
學(xué)習(xí)1小時
9.3.1 認識“路徑”面板
9.3.2 創(chuàng)建路徑
9.3.3 選擇路徑
9.3.4 調(diào)整路徑
上機1小時：使用路徑繪制網(wǎng)站Logo
9.4 制作網(wǎng)頁文本
學(xué)習(xí)1小時
9.4.1 文字的類型
9.4.2 輸入文字
9.4.3 設(shè)置變形文字
9.4.4 創(chuàng)建路徑文字
上機1小時：制作“兌獎廣告”圖像
9.5 網(wǎng)頁切片輸出
學(xué)習(xí)1小時
9.5.1 創(chuàng)建切片
9.5.2 編輯切片
9.5.3 輸出切片
上機1小時：為“熱門商品”圖像切片并輸出
9.6 練習(xí)1小時
制作“用戶登錄效果圖”

第 10章 編輯網(wǎng)頁圖像
10.1 圖像編輯與色彩調(diào)整
學(xué)習(xí)1小時
10.1.1 使用工具創(chuàng)建選區(qū)
1. “選框”工具組
2. “套索”工具組
3. “魔棒”工具組
10.1.2 修改選區(qū)
1. 增刪反選選區(qū)
2. 收縮與擴展選區(qū)
10.1.3 使用工具修復(fù)與編輯圖像
1. 使用畫筆工具
2. 使用“圖章”工具組
3. 使用“修復(fù)”工具組
4. 使用“橡皮擦”工具組
5. 使用“減淡”工具組
10.1.4 調(diào)整圖像顏色
1. 調(diào)整色相/飽和度
2. 調(diào)整亮度/對比度
3. 調(diào)整曲線
4. 調(diào)整黑白色
10.1.5 使用蒙版編輯圖像
1. 創(chuàng)建與編輯快速蒙版
2. 創(chuàng)建并編輯剪貼蒙版
上機1小時：處理“清純少女”圖像
10.2 使用圖層和濾鏡美化圖像
學(xué)習(xí)1小時
10.2.1 使用圖層美化圖像
10.2.2 設(shè)置圖層樣式
1. 設(shè)置圖層不透明度
2. 設(shè)置圖層的混合模式
3. 打開“圖層樣式”對話框
10.2.3 認識濾鏡
10.2.4 使用濾鏡美化圖像
1. “馬賽克”濾鏡
2. “高斯模糊”濾鏡
3. “光圈模糊”濾鏡
4. “添加雜色”濾鏡
5. “鏡頭光暈”濾鏡
6. “液化”濾鏡
上機1小時：制作“對話”圖像
10.3 練習(xí)1小時
制作“童話”圖像

第 11章 網(wǎng)頁設(shè)計技巧
11.1 學(xué)習(xí)1小時
學(xué)習(xí)目標(biāo)
11.1.1 網(wǎng)頁制作原理以及技巧
1. 網(wǎng)頁制作的基本原則
2. 網(wǎng)頁基本元素的標(biāo)準(zhǔn)及使用技巧
11.1.2 網(wǎng)頁配色原理
1. 色彩搭配技巧
2. 網(wǎng)站的配色方案
11.1.3 收集站點的素材和內(nèi)容
1. 素材的收集原則
2. 素材的獲取方式
11.1.4 網(wǎng)頁版面布局設(shè)計
11.1.5 圖文搭配方法
11.2 上機1小時
上機目標(biāo)：制作電影宣傳網(wǎng)站
11.3 練習(xí)1小時
制作“個人作品網(wǎng)站”圖像

第 12章 綜合實例演練
12.1 上機1小時：制作訂餐網(wǎng)站首頁圖像
12.1.1 實例目標(biāo)
12.1.2 制作思路
12.1.3 制作過程
1. 新建圖像
2. 為網(wǎng)頁布局
3. 對網(wǎng)站素材進行編輯
12.2 上機1小時：制作RMWT網(wǎng)站宣傳動畫
12.2.1 實例目標(biāo)
12.2.2 制作思路
12.2.3 制作過程
1. 制作元件
2. 為元件輸入腳本
12.3 上機1小時：制作訂餐網(wǎng)站首頁
12.3.1 實例目標(biāo)
12.3.2 制作思路
12.3.3 制作過程
1. DIV+CSS布局網(wǎng)頁
2. 制作頭部內(nèi)容
3. 制作網(wǎng)頁的中間部分
4. 制作網(wǎng)頁信息鏈接
12.4 練習(xí)1小時
制作家具網(wǎng)站首頁
附錄A 秘技連連看
一、Dreamweaver的使用技巧
1. 將配置好的文件快速復(fù)制到另一臺電腦上
2. 選擇網(wǎng)頁文字的技巧
3. 網(wǎng)頁圖像的選用技巧
4. 修改文本超級鏈接
5. 調(diào)整表格屬性
6. 將內(nèi)部樣式表中的樣式保存為外部樣式表
7. 手動更新站點中用模板制作的網(wǎng)頁
8. 為整個框架集統(tǒng)一設(shè)置背景色
9. 使框架變得更加靈活
10. 消除網(wǎng)頁中的亂碼
11. 將網(wǎng)頁設(shè)置為禁止保存
12. 去掉單擊超級鏈接后的圖像虛線
二、Flash的使用技巧
1. 擦除圖形和圖像的技巧
2. 使用選擇工具調(diào)整形狀的方法
3. 合并繪制模式
4. 快速復(fù)制關(guān)鍵幀
5. 粘貼傳統(tǒng)補間屬性
6. 將MP3聲音導(dǎo)出為WAV文件
7. 聲音的編輯技巧
8. 嵌入視頻的注意事項和技巧
三、Photoshop的使用技巧
1. 快速恢復(fù)圖像效果
2. 控制圖像顯示大小
3. 增加黑白照片層次感
4. 制作從實到虛過渡的效果
5. 濾鏡的作用范圍和使用注意事項
6. 重復(fù)濾鏡效果
7. 對文字使用濾鏡
8. 為一個圖像添加多個濾鏡
9. 使修復(fù)的圖片更加逼真
10. 使用外部畫筆
11. 將畫筆預(yù)設(shè)恢復(fù)成默認狀態(tài)
附錄B 72小時后該如何提升
1. 加強實際操作
2. 總結(jié)經(jīng)驗和教訓(xùn)
3. 多觀看、分析別人制作的網(wǎng)頁作品
4. 學(xué)習(xí)其他的軟件協(xié)同編輯素材
5. 吸取多方面的專業(yè)知識
6. 上技術(shù)論壇進行學(xué)習(xí)
7. 還可以找我們