Dreamweaver CS5網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)教程

第1章　網(wǎng)頁(yè)制作基礎(chǔ)知識(shí)　
　1.1　網(wǎng)頁(yè)概述　
　1.1.1　靜態(tài)網(wǎng)頁(yè)的含義　
　1.1.2　動(dòng)態(tài)網(wǎng)頁(yè)的含義　
　1.2　網(wǎng)頁(yè)的基本要素　
　1.2.1　logo　
　1.2.2　banner　
　1.2.3　導(dǎo)航欄　
　1.2.4　文本　
　1.2.5　圖像　
　1.2.6　flash動(dòng)畫　
　1.3　網(wǎng)頁(yè)中的色彩特性　
　1.3.1　相近色的應(yīng)用　
　1.3.2　對(duì)比色的應(yīng)用　
　1.3.3　網(wǎng)頁(yè)安全色　
　1.3.4　色彩模式　
　1.4　思考與練習(xí)　
第2章　dreamweaver　cs5快速入門　
　2.1　dreamweaver　cs5的工作環(huán)境　
　2.1.1　菜單欄　
　2.1.2　工具欄　
　2.1.3　【屬性】面板　
　2.1.4　面板組　
　2.2　【插入】欄　
　2.2.1　【常用】插入欄　
　2.2.2　【布局】插入欄　
　2.2.3　【表單】插入欄　
　2.2.4　【數(shù)據(jù)】插入欄　
　2.2.5　spry插入欄　
　2.2.6　【文本】插入欄　
　2.2.7　【收藏夾】插入欄　
　2.3　使用可視化助理布局　
　2.3.1　使用標(biāo)尺　
　2.3.2　網(wǎng)格的設(shè)置　
　2.4　實(shí)踐案例與上機(jī)指導(dǎo)　
　2.4.1　使用輔助線　
　2.4.2　使用跟蹤圖像　
　2.5　思考與練習(xí)　
第3章　創(chuàng)建與管理站點(diǎn)　
　3.1　創(chuàng)建本地站點(diǎn)　
　3.1.1　使用【管理站點(diǎn)】向?qū)Т罱ㄕ军c(diǎn)　
　3.1.2　使用【高級(jí)】面板創(chuàng)建站點(diǎn)　
　3.2　管理站點(diǎn)　
　3.2.1　打開站點(diǎn)　
　3.2.2　編輯站點(diǎn)　
　3.2.3　刪除站點(diǎn)　
　3.2.4　復(fù)制站點(diǎn)　
　3.3　管理站點(diǎn)中的文件　
　3.3.1　創(chuàng)建文件夾　
　3.3.2　創(chuàng)建網(wǎng)頁(yè)文件　
　3.3.3　移動(dòng)和復(fù)制文件　
　3.4　實(shí)踐案例與上機(jī)指導(dǎo)　
　3.4.1　站點(diǎn)的切換　
　3.4.2　保存網(wǎng)頁(yè)文件　
　3.5　思考與練習(xí)　
第4章　在網(wǎng)頁(yè)中創(chuàng)建文本　
　4.1　文本的基本操作　
　4.1.1　在網(wǎng)頁(yè)中輸入文本　
　4.1.2　設(shè)置字體　
　4.1.3　設(shè)置字號(hào)　
　4.1.4　設(shè)置字體顏色　
　4.1.5　設(shè)置字體樣式　
　4.1.6　編輯與設(shè)置段落格式　
　4.1.7　設(shè)置是否顯示不可見元素　
　4.2　插入特殊文本對(duì)象　
　4.2.1　插入特殊字符　
　4.2.2　插入水平線　
　4.2.3　插入注釋　
　4.2.4　插入日期　
　4.3　項(xiàng)目符號(hào)和編號(hào)列表　
　4.3.1　創(chuàng)建項(xiàng)目列表　
　4.3.2　創(chuàng)建編號(hào)列表　
　4.4　插入頁(yè)面的頭部?jī)?nèi)容　
　4.4.1　設(shè)置meta　
　4.4.2　插入關(guān)鍵字　
　4.4.3　插入說(shuō)明　
　4.4.4　插入刷新　
　4.4.5　設(shè)置基礎(chǔ)　
　4.4.6　設(shè)置鏈接　
　4.4.7　設(shè)置標(biāo)題　
　4.5　實(shí)踐案例與上機(jī)指導(dǎo)　
　4.5.1　查找與替換　
　4.5.2　輸入連續(xù)的空格　
　4.5.3　在【代碼】視圖中創(chuàng)建himl頁(yè)面　
　4.6　思考與練習(xí)　
第5章　使用圖像與多媒體豐富網(wǎng)頁(yè)內(nèi)容　
　5.1　網(wǎng)頁(yè)中常見的圖像格式　
　5.1.1　gif格式圖像　
　5.1.2　jpeg格式圖像　
　5.1.3　png格式圖像　
　5.2　插入與設(shè)置圖像　
　5.2.1　在網(wǎng)頁(yè)中插入圖像　
　5.2.2　設(shè)置圖像屬性　
　5.2.3　圖像的對(duì)齊方式　
　5.3　插入其他圖像元素　
　5.3.1　插入圖像占位符　
　5.3.2　設(shè)置圖像占位符　
　5.3.3　插入鼠標(biāo)經(jīng)過(guò)圖像　
　5.4　多媒體在網(wǎng)頁(yè)中的應(yīng)用　
　5.4.1　插入flash動(dòng)畫　
　5.4.2　插入flv視頻　
　5.4.3　為網(wǎng)頁(yè)添加背景音樂(lè)　
　5.4.4　在網(wǎng)頁(yè)中插入音頻　
　5.5　實(shí)踐案例與上機(jī)指導(dǎo)　
　5.5.1　創(chuàng)建圖文混排網(wǎng)頁(yè)　
　5.5.2　創(chuàng)建精彩的多媒體網(wǎng)頁(yè)　
　5.6　思考與練習(xí)　
第6章　網(wǎng)頁(yè)中超級(jí)鏈接的應(yīng)用　
　6.1　認(rèn)識(shí)超鏈接　
　6.1.1　超鏈接的定義　
　6.1.2　內(nèi)部、外部與腳本鏈接　
　6.1.3　常見的超鏈接　
　6.2　關(guān)于鏈接路徑　
　6.2.1　絕對(duì)路徑　
　6.2.2　相對(duì)路徑　
　6.2.3　根路徑　
　6.3　創(chuàng)建超鏈接的方法　
　6.3.1　使用【屬性】面板創(chuàng)建鏈接　
　6.3.2　使用指向文件圖標(biāo)創(chuàng)建鏈接　
　6.3.3　使用菜單創(chuàng)建鏈接　
　6.4　創(chuàng)建各種類型的鏈接　
　6.4.1　創(chuàng)建文本超鏈接　
　6.4.2　圖像熱點(diǎn)鏈接　
　6.4.3　創(chuàng)建e-mail鏈接　
　6.4.4　創(chuàng)建錨記鏈接　
　6.4.5　創(chuàng)建空鏈接　
　6.4.6　創(chuàng)建腳本鏈接　
　6.5　管理超鏈接　
　6.5.1　自動(dòng)更新鏈接　
　6.5.2　在站點(diǎn)范圍內(nèi)更改鏈接　
　6.5.3　檢查站點(diǎn)中的鏈接錯(cuò)誤　
　6.6　實(shí)踐案例與上機(jī)指導(dǎo)　
　6.6.1　創(chuàng)建錨記鏈接　
　6.6.2　圖像映射　
　6.7　思考與練習(xí)　
第7章　使用表格布局頁(yè)面　
　7.1　創(chuàng)建表格　
　7.1.1　表格的基本概念　
　7.1.2　插入表格　
　7.1.3　在表格中輸入內(nèi)容　
　7.2　設(shè)置表格及單元格屬性　
　7.2.1　設(shè)置表格屬性　
　7.2.2　設(shè)置單元格屬性　
　7.2.3　設(shè)置列與行的屬性　
　7.3　編輯與調(diào)整表格結(jié)構(gòu)　
　7.3.1　選擇表格及單元格　
　7.3.2　調(diào)整表格和單元格的大小　
　7.3.3　增加和刪除表格的行和列　
　7.3.4　拆分單元格　
　7.3.5　合并單元格　
　7.3.6　剪切、復(fù)制、粘貼表格　
　7.4　表格數(shù)據(jù)的處理　
　7.4.1　排序表格　
　7.4.2　導(dǎo)入/導(dǎo)出表格數(shù)據(jù)　
　7.5　使用樣式控制數(shù)據(jù)表格　
　7.5.1　表格模型　
　7.5.2　表格標(biāo)題　
　7.5.3　表格樣式控制　
　7.6　實(shí)踐案例與上機(jī)指導(dǎo)　
　7.6.1　使用表格布局模式設(shè)計(jì)網(wǎng)頁(yè)　
　7.6.2　制作網(wǎng)頁(yè)細(xì)線表格　
　7.7　思考與練習(xí)　
第8章　應(yīng)用css樣式美化網(wǎng)頁(yè)　
　8.1　認(rèn)識(shí)css樣式表　
　8.1.1　css的基本概念　
　8.1.2　css樣式的類型　
　8.1.3　css樣式的基本語(yǔ)法　
　8.2　創(chuàng)建css樣式　
　8.2.1　建立標(biāo)簽樣式　
　8.2.2　建立類樣式　
　8.2.3　建立復(fù)合內(nèi)容樣式　
　8.2.4　建立id樣式　
　8.2.5　鏈接外部樣式表　
　8.3　將css應(yīng)用到網(wǎng)頁(yè)　
　8.3.1　內(nèi)聯(lián)樣式表　
　8.3.2　內(nèi)部樣式表　
　8.3.3　外部樣式表　
　8.4　設(shè)置css樣式　
　8.4.1　設(shè)置文本樣式　
　8.4.2　設(shè)置背景樣式　
　8.4.3　設(shè)置區(qū)塊樣式　
　8.4.4　設(shè)置方框樣式　
　8.4.5　設(shè)置邊框樣式　
　8.4.6　設(shè)置列表樣式　
　8.4.7　設(shè)置定位樣式　
　8.5　實(shí)踐案例與上機(jī)指導(dǎo)　
　8.5.1　設(shè)置擴(kuò)展樣式　
　8.5.2　樣式?jīng)_突　
　8.6　思考與練習(xí)　
第9章　應(yīng)用css+div靈活布局網(wǎng)頁(yè)　
　9.1　初識(shí)div　
　9.1.1　div概述　
　9.1.2　[div]和[span]的相同點(diǎn)　
　9.1.3　[div]與[span]的區(qū)別　
　9.2　css定位　
　9.2.1　盒子模型　
　9.2.2　float定位　
　9.2.3　position定位　
　9.3　div布局　
　9.3.1　使用div對(duì)頁(yè)面整體規(guī)劃　
　9.3.2　設(shè)計(jì)各塊的位置　
　9.3.3　使用css定位　
　9.4　css布局方式　
　9.4.1　居中版式布局　
　9.4.2　浮動(dòng)版式布局　
　9.5　實(shí)踐案例與上機(jī)指導(dǎo)　
　9.5.1　一列固定寬度　
　9.5.2　一列自適應(yīng)寬度　
　9.6　思考與練習(xí)　
第10章　使用ap　div元素布局頁(yè)面　
　10.1　ap　div和【ap元素】面板　
　10.1.1　ap　div概述　
　10.1.2　ap　div和div的區(qū)別　
　10.1.3　【ap元素】面板　
　10.2　插入ap　div　
　10.2.1　創(chuàng)建普通ap　div　
　10.2.2　創(chuàng)建嵌套ap　div　
　10.3　設(shè)置ap　div的屬性　
　10.3.1　設(shè)置ap　div的顯示/隱藏屬性　
　10.3.2　改變ap　div的堆疊順序　
　10.3.3　為ap　div添加滾動(dòng)條　
　10.3.4　改變ap　div的可見性　
　10.4　ap　div與表格的轉(zhuǎn)換　
　10.4.1　把a(bǔ)p　div轉(zhuǎn)換為表格　
　10.4.2　把表格轉(zhuǎn)換為ap　div　
　10.5　實(shí)踐案例與上機(jī)指導(dǎo)　
　10.5.1　使用ap　div排版　
　10.5.2　創(chuàng)建浮動(dòng)框架　
　10.5.3　改變ap　div屬性　
　10.6　思考與練習(xí)　
第11章　使用框架布局網(wǎng)頁(yè)　
　11.1　框架概述　
　11.1.1　框架的組成　
　11.1.2　框架結(jié)構(gòu)的優(yōu)缺點(diǎn)　
　11.2　創(chuàng)建框架和框架集　
　11.2.1　創(chuàng)建預(yù)定義的框架集　
　11.2.2　向框架中添加內(nèi)容　
　11.2.3　保存框架和框架集文件　
　11.3　選擇框架或框架集　
　11.3.1　在文檔窗口中選擇　
　11.3.2　在【框架】面板中選擇　
　11.4　設(shè)置框架和框架集的屬性　
　11.4.1　設(shè)置框架的屬性　
　11.4.2　設(shè)置框架集的屬性　
　11.5　iframe框架　
　11.5.1　制作iframe框架頁(yè)面　
　11.5.2　iframe框架頁(yè)面鏈接　
　11.6　實(shí)踐案例與上機(jī)指導(dǎo)　
　11.6.1　制作網(wǎng)頁(yè)　
　11.6.2　改變框架的背景顏色　
　11.7　思考與練習(xí)　
第12章　利用模板和庫(kù)創(chuàng)建網(wǎng)頁(yè)　
　12.1　創(chuàng)建模板　
　12.1.1　直接創(chuàng)建模板　
　12.1.2　從現(xiàn)有文檔創(chuàng)建模板　
　12.2　定義與應(yīng)用模板　
　12.2.1　定義可編輯區(qū)域　
　12.2.2　定義可選區(qū)域　
　12.2.3　定義重復(fù)區(qū)域　
　12.2.4　可編輯標(biāo)簽屬性　
　12.3　應(yīng)用與管理模板　
　12.3.1　創(chuàng)建基于模板的網(wǎng)頁(yè)　
　12.3.2　在現(xiàn)有文檔中應(yīng)用模板　
　12.3.3　更新模板中的頁(yè)面　
　12.4　創(chuàng)建與應(yīng)用庫(kù)項(xiàng)目　
　12.4.1　關(guān)于庫(kù)項(xiàng)目　
　12.4.2　創(chuàng)建庫(kù)項(xiàng)目　
　12.5　實(shí)踐案例與上機(jī)指導(dǎo)　
　12.5.1　應(yīng)用庫(kù)項(xiàng)目　
　12.5.2　庫(kù)項(xiàng)目的編輯和更新　
　12.6　思考與練習(xí)　
第13章　使用javascript行為創(chuàng)建動(dòng)態(tài)效果　
　13.1　行為簡(jiǎn)介與概述　
　13.1.1　行為的概念　
　13.1.2　常見動(dòng)作類型　
　13.1.3　常見事件　
　13.2　使用dreamweaver內(nèi)置行為　
　13.2.1　彈出提示信息　
　13.2.2　打開瀏覽器窗口　
　13.2.3　檢查插件　
　13.2.4　設(shè)置狀態(tài)欄文本　
　13.2.5　預(yù)先載入圖像　
　13.2.6　轉(zhuǎn)到url　
　13.2.7　顯示/隱藏元素　
　13.2.8　設(shè)置容器的文本　
　13.3　實(shí)踐案例與上機(jī)指導(dǎo)　
　13.3.1　實(shí)現(xiàn)打印功能　
　13.3.2　實(shí)現(xiàn)關(guān)閉窗口功能　
　13.3.3　創(chuàng)建自動(dòng)滾屏網(wǎng)頁(yè)效果　
　13.4　思考與練習(xí)　
第14章　站點(diǎn)的發(fā)布與推廣　
　14.1　網(wǎng)站測(cè)試　
　14.1.1　檢查瀏覽器兼容性　
　14.1.2　檢查鏈接　
　14.1.3　創(chuàng)建站點(diǎn)報(bào)告　
　14.2　上傳發(fā)布網(wǎng)站　
　14.2.1　鏈接到遠(yuǎn)程服務(wù)器　
　14.2.2　文件上傳　
　14.2.3　文件下載　
　14.3　網(wǎng)站運(yùn)營(yíng)與維護(hù)　
　14.3.1　網(wǎng)站的運(yùn)營(yíng)　
　14.3.2　網(wǎng)站的更新維護(hù)　
　14.4　常見的網(wǎng)站推廣方式　
　14.4.1　注冊(cè)搜索引擎　
　14.4.2　電子郵件推廣　
　14.4.3　資源合作推廣　
　14.5　實(shí)踐案例與上機(jī)指導(dǎo)　
　14.5.1　導(dǎo)航網(wǎng)站登錄　
　14.5.2　病毒性營(yíng)銷方法　
　14.6　思考與練習(xí)