Dreamweaver 4實(shí)站演練

第1章 基本須知
1-1 網(wǎng)站制作流程與設(shè)計(jì)基礎(chǔ)
網(wǎng)站制作流程說(shuō)明
網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)
1-2 HTML標(biāo)記語(yǔ)言
什么是HTML標(biāo)記
1-3 必備工具與相關(guān)軟件介紹
圖庫(kù)
網(wǎng)頁(yè)編輯軟件
圖像處理軟件
網(wǎng)頁(yè)動(dòng)畫(huà)軟件
Gif動(dòng)畫(huà)軟件
1-4 網(wǎng)頁(yè)圖片特性
圖片分辨率
圖片格式
1-5 域名與空間的申請(qǐng)
申請(qǐng)?zhí)摂M空間
申請(qǐng)域名
第2章 Dreamweaver你好
2-1 Dreamweaver4新增功能
Macromedia標(biāo)準(zhǔn)化用戶界面
快捷鍵編輯器（Edit Keyboard Shortcuts）
組合式面板
顯示HTML樣式（Roundtrip HTML）
完整的源代碼編輯功能
分窗編碼與設(shè)計(jì)（Show Code and Design Views）
JavaScript除錯(cuò)功能
內(nèi)建O’Reilly參考手冊(cè)
超強(qiáng)排版功能
輕易插入Flash文字和按鈕
與Fireworks更緊密的結(jié)合
資源管理（Assets）
網(wǎng)站報(bào)告（Reports）
內(nèi)建Email
Macromedia Exchange
2-2 系統(tǒng)需求
PC族
Mac族
2-3 工作環(huán)境介紹
排版區(qū)（Document Window）
工具箱（objects）
浮動(dòng)面板（FloatingPanel）
快速激活欄（Launcher Bar）
屬性面板（Properties）
第3章 自我介紹Part1首頁(yè)設(shè)計(jì)
3-1 學(xué)習(xí)目標(biāo)
3-2 個(gè)人風(fēng)格的網(wǎng)站規(guī)劃
站點(diǎn)結(jié)構(gòu)設(shè)計(jì)
瀏覽設(shè)計(jì)
站點(diǎn)風(fēng)格
3-3 網(wǎng)站文件夾的分類方式
不分類式
依文件類型分類
依網(wǎng)站結(jié)構(gòu)分類
3-4 建立不分類的網(wǎng)站文件夾
3-5 參數(shù)設(shè)定
General（一般設(shè)定）
Font／Encoding（字體／編碼設(shè)定）
Preview in Browser（設(shè)定預(yù)覽的瀏覽器）
3-6 網(wǎng)頁(yè)背景、文字等屬性設(shè)定
Title（設(shè)定標(biāo)題名稱）
Background Image（網(wǎng)頁(yè)的背景圖片）
Background（網(wǎng)頁(yè)的背景色）
設(shè)定文字顏色
邊界設(shè)定
Document Encoding（網(wǎng)頁(yè)字體編碼設(shè)定）
3-7 插入圖片
將Banner放入網(wǎng)頁(yè)中
保存與預(yù)覽網(wǎng)頁(yè)
第4章 自我介紹PART 2頁(yè)內(nèi)設(shè)計(jì)
4-1 學(xué)習(xí)目標(biāo)
4-2 新增網(wǎng)頁(yè)
4-3 圖片
插入圖片
圖片屬性面板
改變圖片大小
圖片提示文字
4-4 文字
輸入文字
關(guān)于字體
更改字體
字體大小
文字顏色
圖文對(duì)齊方式
4-5 快速制作其他頁(yè)面的秘訣
4-6 內(nèi)部網(wǎng)頁(yè)與信箱的鏈接
內(nèi)部網(wǎng)頁(yè)間的鏈接
信箱鏈接
回到首頁(yè)
4-7 上傳
第5章 網(wǎng)絡(luò)同學(xué)會(huì)PART 1
5-1 學(xué)習(xí)目標(biāo)
5-2 社區(qū)性的網(wǎng)站規(guī)劃
5-3 建立依文件類型分類的文件夾
5-4 自動(dòng)換頁(yè)的首頁(yè)設(shè)計(jì)
5-5 表格排版
利用表格排版的網(wǎng)站
插入表格
選取表格
調(diào)整大小
表格屬性
單元格屬性
用表格做Banner
用表格做導(dǎo)航條
內(nèi)容的編排
第6章 網(wǎng)絡(luò)同學(xué)會(huì)Part2——表格網(wǎng)頁(yè)的制作
6-1 學(xué)習(xí)目標(biāo)
6-2 Layout View排版
Layout View狀態(tài)下加入Layout Table（排版表格）
Layout View狀態(tài)下加入Layout Cell（排版單元格）
選取與移動(dòng)單元格
調(diào)整大小
隱藏表格標(biāo)題行
加入圖文
Layout View的參數(shù)設(shè)定
Spacer Images空白圖片的使用（Fixd＆Autostretch）
刪除Spacer Images
6-3 留言討論區(qū)
申請(qǐng)PC home免費(fèi)空間與討論區(qū)
鏈接打開(kāi)新窗口
6-4 自動(dòng)加上主題的信箱鏈接
6-5 CSS樣式表的應(yīng)用（CSS Styles）
CSS樣式表面板
鏈接文字去底線
滑過(guò)變色的鏈接文字
第7章 網(wǎng)絡(luò)同學(xué)會(huì)PART3
7-1 學(xué)習(xí)目標(biāo)
7-2 套用樣板快速建站（Templates）
編輯樣板
套用樣板
設(shè)定可編輯區(qū)域
7-3 導(dǎo)入Excel數(shù)據(jù)
導(dǎo)入Excel數(shù)據(jù)
表格排序
7-4 彈出式菜單（Jump Menu）
無(wú)按鈕的彈出式菜單
有按鈕的下拉菜單
7-5 插入Flash與Shockwave動(dòng)畫(huà)
版面設(shè)置
Insert Flash
Behavior：Open Browser Window打開(kāi)自定義的瀏覽窗口
Insert Shockwave
7-6 使用內(nèi)建Flash按鈕與文字
Insert Flash Button
Insert Flash Text
Shockwave參數(shù)設(shè)定
Behavior：Control Shockwave or Flash
7-7 CuteFTP上傳網(wǎng)站
刪除多余的文件
Cute的FTP上傳網(wǎng)站
第8章 網(wǎng)絡(luò)寫(xiě)真
8-1 網(wǎng)絡(luò)寫(xiě)真
用“Dreamweaver”和“Fireworks”制作寫(xiě)真集
8-2 套用現(xiàn)成樣板的網(wǎng)絡(luò)寫(xiě)真集
使用現(xiàn)成樣板建立站點(diǎn)
設(shè)定圖片的外部編輯器
用Fireworks改變圖片大小
底片化的圖片效果
樣板中文文字顯示的處理
第9章 公司網(wǎng)站制作Part 1
9-1 學(xué)習(xí)目標(biāo)
9-2 商業(yè)站點(diǎn)的網(wǎng)站規(guī)劃
架設(shè)公司網(wǎng)站的好處
架設(shè)公司網(wǎng)站需要注意的事項(xiàng)
產(chǎn)品分類方式
站點(diǎn)結(jié)構(gòu)設(shè)計(jì)
9-3 依網(wǎng)頁(yè)分類的文件夾
定義站點(diǎn)
9-4 框架網(wǎng)頁(yè)的概念與制作（Frames）
框架概念
切割框架
手動(dòng)式的切割框架
選取框架
保存框架
調(diào)整框架大小
Frameset屬性設(shè)定
Frame框架屬性設(shè)定
設(shè)定框架背景色
其他應(yīng)注意事項(xiàng)
9-5 插入圖片導(dǎo)航條（Insert Navigation Bar）
新增頁(yè)面
插入圖片導(dǎo)航條
重新編輯完成的圖片導(dǎo)航條
第10章 公司網(wǎng)站制作Part 2
10-1 學(xué)習(xí)目標(biāo)
10-2 插入鼠標(biāo)換圖——Insert Rollover Image
用Layout View排版功能完成Banner
自動(dòng)加上收件人、附件、主題與密件的信箱鏈接
插入鼠標(biāo)換圖Insert Rollover Image
插入分隔線Insert Horizontal Rule
10-3 Insert Script
為何選擇JavaScript
JavaScript能用來(lái)做什么
圖片振動(dòng)效果
10-4 利用CSS樣式表控制網(wǎng)頁(yè)背景
利用CSS控制網(wǎng)頁(yè)背景
10-5 圖層（Layers）
建立圖層（Draw Layer）
選取與移動(dòng)圖層
將對(duì)象插入圖層中
調(diào)整圖層大小
圖層屬性面板
圖層控制面板
10-6 時(shí)間軸動(dòng)畫(huà)
時(shí)間軸面板
時(shí)間軸與圖層
非直線前進(jìn)動(dòng)畫(huà)
重復(fù)播放
時(shí)間軸與Behavior行為命令
第11章 公司網(wǎng)站制作Part3
11-1 學(xué)習(xí)目標(biāo)
11-2 HTML樣式（HTML Styles）
打開(kāi)HTMLStyles控制面板
查看HTMLStyles面板上現(xiàn)成的文字樣式
新增HTMLStyle
套用HTMLStyles
重新編輯或刪除樣式
11-3 Assets認(rèn)真的對(duì)象管理員
打開(kāi)Assets對(duì)象管理員面板的三種方式
Assets對(duì)象管理員面板
更新站點(diǎn)清單
將對(duì)象新增到收藏夾清單中
使用Assets對(duì)象管理員里的對(duì)象
套上顏色或鏈接
改變對(duì)象的排列順序
選取多個(gè)Assets對(duì)象
利用Assets對(duì)象管理員尋找對(duì)象的文件位置
將對(duì)象分享給其他網(wǎng)站
將對(duì)象從收藏夾清單中刪除
為收藏對(duì)象起個(gè)小名
群組收藏對(duì)象
11-4 Library超級(jí)圖庫(kù)
輸入特殊符號(hào)
將對(duì)象加入Library
套用Library
修改Library對(duì)象
Library對(duì)象屬性面板
11-5 回填表單
11-6 錨鏈接
錨鏈接練習(xí)
11-7 圖像映射
第12章 網(wǎng)頁(yè)花招大全
12-1 Behavior行為命令
Check Plugin檢測(cè)外掛程序
加入背景音樂(lè)
按下按鈕才播放音樂(lè)
Popup Message信息窗口
Set Text of Status Bar
Show-Hide Layers顯示隱藏圖層功能
12-2 有了Swish作夢(mèng)也會(huì)笑
Swish
加入其他效果
調(diào)整動(dòng)畫(huà)長(zhǎng)度
加入圖片
加入聲音
保存動(dòng)畫(huà)
輸出動(dòng)畫(huà)
插入Dreamweaver中
12-3 擁抱DHTML
動(dòng)態(tài)歡迎文字
十字鼠標(biāo)特效
漸亮效果圖片
第13章 Extension專區(qū)
13-1 安裝Extensions組件
下載Extensions組件
安裝Extensions擴(kuò)充組件
13-2 水印特效
13-3 跑馬燈
13-4 卷動(dòng)窗口
附錄A 常見(jiàn)總是Q＆A