Dreamweaver CS5網(wǎng)頁設計與制作基礎教程

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