Adobe Dreamweaver 2020基礎(chǔ)培訓(xùn)教材

第1課 走進(jìn)實(shí)用的Dreamweaver世界
第1節(jié)Dreamweaver能做什么
第2節(jié) 獲取ACA證書
知識點(diǎn)1什么是Adobe國際認(rèn)證
知識點(diǎn)2認(rèn)證考試介紹
知識點(diǎn)3獲得ACA證書的好處
第3節(jié) 下載、安裝與卸載的方法
知識點(diǎn)1 下載與安裝
知識點(diǎn)2 軟件卸載
第4節(jié) 怎樣學(xué)習(xí)本課課程
第2課 熟悉Dreamweaver的基礎(chǔ)操作
第1節(jié) 開始界面
第2節(jié) 站點(diǎn)
知識點(diǎn)1 什么是站點(diǎn)
知識點(diǎn)2 創(chuàng)建站點(diǎn)
知識點(diǎn)3 創(chuàng)建文檔
知識點(diǎn)4 創(chuàng)建文件夾
知識點(diǎn)5 管理站點(diǎn)
知識點(diǎn)6 站點(diǎn)操作
第3節(jié) 界面布局設(shè)置
知識點(diǎn)1 界面主題設(shè)置
知識點(diǎn)2 常用工具欄設(shè)置
知識點(diǎn)3 視圖模式設(shè)置
第4節(jié) 瀏覽器設(shè)置
知識點(diǎn)1在Dreamweaver軟件中管理瀏覽器
知識點(diǎn)2瀏覽器類型
\t\t

\t
第3課 了解HTML
第1節(jié) 什么是HTML
第2節(jié) 什么是標(biāo)記
第3節(jié) HTML標(biāo)記的分類和關(guān)系
第4節(jié) head網(wǎng)頁頭部標(biāo)記
第5節(jié) title網(wǎng)頁標(biāo)題標(biāo)記
第6節(jié) meta網(wǎng)頁元信息標(biāo)記
第7節(jié) body網(wǎng)頁主體標(biāo)記
第8節(jié)Dreamweaver默認(rèn)代碼解讀
\t
本課練習(xí)題
第4課 使用插入和DOM面板
第1節(jié) 插入面板
知識點(diǎn)1 插入div 標(biāo)記
知識點(diǎn)2 插入img標(biāo)記
知識點(diǎn)3 插入段落標(biāo)記
知識點(diǎn)4 插入標(biāo)題標(biāo)記
知識點(diǎn)5 插入無序列表標(biāo)記
知識點(diǎn)6 插入有序列表標(biāo)記
知識點(diǎn)7 插入Hyperlink標(biāo)記
知識點(diǎn)8 拓展-圖片熱區(qū)
知識點(diǎn)9 拓展-導(dǎo)入word格式
第2節(jié) DOM面板
知識點(diǎn)1 查看網(wǎng)頁結(jié)構(gòu)
知識點(diǎn)2 編輯網(wǎng)頁結(jié)構(gòu)

第5課 深入認(rèn)識HTML標(biāo)記
第1節(jié)div標(biāo)記
第2節(jié)文字標(biāo)題標(biāo)記
第3節(jié)段落標(biāo)記
第4節(jié)列表標(biāo)記
知識點(diǎn)1無序列表
知識點(diǎn)2有序列表
知識點(diǎn)3定義列表
第5節(jié)圖片標(biāo)記
知識點(diǎn)1src屬性
知識點(diǎn)2alt屬性
知識點(diǎn)3title屬性
第6節(jié)超鏈接標(biāo)記
知識點(diǎn)1跳轉(zhuǎn)到網(wǎng)址
知識點(diǎn)2#的作用
第7節(jié)span標(biāo)記
第8節(jié)其它標(biāo)記
知識點(diǎn)1
換行符
知識點(diǎn)2水平線
知識點(diǎn)3特殊符號
本課練習(xí)題
第6課 表單使用
第1節(jié)form表單標(biāo)記
第2節(jié)input標(biāo)記
知識點(diǎn)1 text文本輸入框
知識點(diǎn)2 password密碼輸入框
知識點(diǎn)3 button按鈕
知識點(diǎn)4 submit提交查詢按鈕
知識點(diǎn)5 file文件上傳
知識點(diǎn)6 reset重置按鈕
知識點(diǎn)7 radio單選框
知識點(diǎn)8 checkbox復(fù)選框
第3節(jié)select下拉列表
第4節(jié)textarea文本域
第5節(jié)label標(biāo)記
本課練習(xí)題
第7課 CSS設(shè)計(jì)器面板
第1節(jié) 源的使用
知識點(diǎn)1 在頁面中定義
知識點(diǎn)2 創(chuàng)建新的CSS文件
知識點(diǎn)3 附加現(xiàn)有的CSS文件
第2節(jié) 選擇器
第3接 CSS屬性
知識點(diǎn)1 邊框?qū)傩?br />知識點(diǎn)2 布局屬性
知識點(diǎn)3 文本屬性
知識點(diǎn)4 背景屬性
第8課 深入認(rèn)識CSS
第1節(jié) 什么是CSS
第2節(jié) CSS樣式表
知識點(diǎn)1外部樣式表
知識點(diǎn)2內(nèi)部樣式
知識點(diǎn)3 行內(nèi)樣式
第3節(jié) CSS基本語法
第4節(jié) 選擇器
知識點(diǎn)1標(biāo)記選擇器
知識點(diǎn)2class選擇器
知識點(diǎn)3id選擇器
知識點(diǎn)4群組選擇器
知識點(diǎn)5通配符選擇器
知識點(diǎn)6后代選擇器
知識點(diǎn)7 a的偽類選擇器
本課練習(xí)題

第9課 深入理解CSS常用樣式
第1節(jié)背景樣式
知識點(diǎn)1background-color背景顏色
知識點(diǎn)2background-image背景圖片
知識點(diǎn)3backgroud-repeat背景圖片重復(fù)平鋪
知識點(diǎn)4background-position背景位置
知識點(diǎn)5background-attachment背景關(guān)聯(lián)
知識點(diǎn)6background背景復(fù)合樣式

第2節(jié)字體樣式
知識點(diǎn)1color字體顏色
知識點(diǎn)2font-family字體字族
知識點(diǎn)3font-size字體大小
知識點(diǎn)4font-weight字體加粗
知識點(diǎn)5font字體復(fù)合樣式
第3節(jié)段落樣式
知識點(diǎn)1letter-spacing字間距
知識點(diǎn)2word-spacing詞間距
知識點(diǎn)3text-decoration文本修飾
知識點(diǎn)4text-transform文本轉(zhuǎn)換
知識點(diǎn)5text-indent文本縮進(jìn)
知識點(diǎn)6line-height行高
知識點(diǎn)7text-align文本水平對齊方式

第4節(jié)list-style列表樣式
第5節(jié)margin外間距樣式
知識點(diǎn)1margin 使用方位的寫法
知識點(diǎn)2margin復(fù)合樣式
第6節(jié)padding內(nèi)填充樣式
知識點(diǎn)1padding使用方位的寫法
知識點(diǎn)2padding復(fù)合樣式
第7節(jié)border邊框樣式
知識點(diǎn)1border使用方位的寫法
知識點(diǎn)2border復(fù)合樣式
第8節(jié)float浮動樣式
第9節(jié)position定位樣式
知識點(diǎn)1absolute絕對定位
知識點(diǎn)2relative相對定位
知識點(diǎn)3fixed固定定位
第10節(jié)z-index提升層級
第11節(jié)cursor光標(biāo)樣式
第12節(jié)其他樣式
知識點(diǎn)1 overflow屬性
知識點(diǎn)2 min-width最小寬度
知識點(diǎn)3 max-width最大寬度
知識點(diǎn)4 vertical-align垂直對齊
本課練習(xí)題
第10課 CSS技巧精講
第1節(jié)選擇器的優(yōu)先級
第2節(jié)margin-top的處理
第3節(jié) 標(biāo)記性質(zhì)
知識點(diǎn)1行級標(biāo)記
知識點(diǎn)2塊級標(biāo)記
知識點(diǎn)3行塊級標(biāo)記
知識點(diǎn)4display標(biāo)記性質(zhì)的轉(zhuǎn)換
第4節(jié)盒模型
知識點(diǎn)1 標(biāo)準(zhǔn)盒模型
知識點(diǎn)2 盒子自身實(shí)際大小
本課練習(xí)題
第11課 HTML+CSS的應(yīng)用
第1節(jié)CSS默認(rèn)樣式重置
知識點(diǎn)1margin和padding默認(rèn)樣式重置
知識點(diǎn)2li{ list-style：none;}
知識點(diǎn)3img{border：none;}
知識點(diǎn)4a{text-decoration：none;}
知識點(diǎn)5form表單默認(rèn)樣式重置
知識點(diǎn)6table表格默認(rèn)樣式重置
第2節(jié)注釋的使用
知識點(diǎn)1HTML注釋
知識點(diǎn)2CSS注釋
第3節(jié)超鏈接href作用
知識點(diǎn)1絕對路徑（外部鏈接）
知識點(diǎn)2相對路徑（內(nèi)部鏈接）
知識點(diǎn)3錨點(diǎn)鏈接

本課練習(xí)題
第12課 HTML+CSS專題講解
第1節(jié)浮動專題
第2節(jié)清浮動方法
第3節(jié)定位專題
第4節(jié)導(dǎo)航專題
第5節(jié)表單專題
本課練習(xí)題
第13課代碼編輯技巧
第1節(jié) 快速創(chuàng)建html 標(biāo)記
知識點(diǎn)1 定義單個(gè)標(biāo)記
知識點(diǎn)2 添加class、ID屬性
知識點(diǎn)3 隱式標(biāo)記
知識點(diǎn)4 添加屬性
知識點(diǎn)5 添加文本內(nèi)容
知識點(diǎn)6 定義多個(gè)標(biāo)記\t
知識點(diǎn)7 定義多個(gè)帶屬性的標(biāo)記
知識點(diǎn)8 定義一組代碼
第2節(jié) 快速添加css樣式
第3節(jié) 處理代碼
知識點(diǎn)1選擇、折疊、展開代碼
知識點(diǎn)2替換和快速編輯
知識點(diǎn)3錯(cuò)誤檢測
第14課 HTML+CSS整站案例實(shí)戰(zhàn)（普通結(jié)構(gòu)網(wǎng)頁制作）
第1節(jié)新建站點(diǎn)
第2節(jié)網(wǎng)頁拆分
知識點(diǎn)1 為什么要做網(wǎng)頁拆分
知識點(diǎn)2 怎么拆分網(wǎng)頁結(jié)構(gòu)
第3節(jié)網(wǎng)頁制作
知識點(diǎn)1 header區(qū)域制作
知識點(diǎn)2 banner區(qū)域制作
知識點(diǎn)3 main區(qū)域制作
知識點(diǎn)4 footer區(qū)域制作
第15課 HTML+CSS整站案例實(shí)戰(zhàn)（通欄結(jié)構(gòu)網(wǎng)頁制作）
第1節(jié)新建站點(diǎn)
第2節(jié)網(wǎng)頁拆分
第3節(jié)網(wǎng)頁制作
知識點(diǎn)1header區(qū)域制作
知識點(diǎn)2banner區(qū)域制作
知識點(diǎn)3main區(qū)域制作
知識點(diǎn)4footer區(qū)域制作
第16課 HTML5基礎(chǔ)
第1節(jié)什么是HTML5
第2節(jié)HTML5的優(yōu)勢
第3節(jié)HTML5新增標(biāo)記
知識點(diǎn)1新增塊級標(biāo)記
知識點(diǎn)2新增行級標(biāo)記
知識點(diǎn)3新增多媒體標(biāo)記
第4節(jié) input 新增類型
知識點(diǎn)1email類型
知識點(diǎn)2url類型
知識點(diǎn)3date類型
知識點(diǎn)4time 類型
本課練習(xí)題
第17課 CSS3．0常用樣式
第1節(jié)兼容性問題
知識點(diǎn)1 瀏覽器兼容
知識點(diǎn)2 瀏覽器私有屬性
第2節(jié)css3新增選擇器
知識點(diǎn)1屬性選擇器
知識點(diǎn)2結(jié)構(gòu)性偽類選擇器
知識點(diǎn)3偽類選擇器
第3節(jié)文本樣式
知識點(diǎn)1text-shadow文本陰影
知識點(diǎn)2text-stroke文字描邊
第4節(jié)rgba顏色模式
第5節(jié)box-shadow盒陰影
第6節(jié)border-radius圓角邊框
第7節(jié)background-size背景圖片尺寸
第8節(jié)box-sizing盒模型尺寸
第9節(jié)column多列布局
知識點(diǎn)1column-count列數(shù)
知識點(diǎn)2column-width列寬度
知識點(diǎn)3column-gap列間隔
知識點(diǎn)4column-rule列規(guī)則
第10節(jié) transition過渡樣式
第11節(jié)transform轉(zhuǎn)換樣式
知識點(diǎn)1translate()位移
知識點(diǎn)2rotate()旋轉(zhuǎn)
知識點(diǎn)3scale()縮放
知識點(diǎn)4skew()扭曲
第12節(jié) 動畫animation
知識點(diǎn)1@keyframes規(guī)則聲明
知識點(diǎn)2animation動畫
本課練習(xí)題
第18課\t響應(yīng)式和柵格化布局
第1節(jié)響應(yīng)式布局
知識點(diǎn)1響應(yīng)式布局原理
知識點(diǎn)2響應(yīng)式布局的實(shí)現(xiàn)
案例
第2節(jié)柵格系統(tǒng)布局
知識點(diǎn)3柵格系統(tǒng)
知識點(diǎn)4柵格布局的實(shí)現(xiàn)
案例



第19課 表格
第1節(jié) 表格結(jié)構(gòu)
第2節(jié) 表格樣式
知識點(diǎn)1基礎(chǔ)樣式
知識點(diǎn)2常用樣式
本課練習(xí)題