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

第1課 走進(jìn)實(shí)用的Dreamweaver世界
第1節(jié)Dreamweaver能做什么
第2節(jié) 獲取ACA證書
知識(shí)點(diǎn)1什么是Adobe國(guó)際認(rèn)證
知識(shí)點(diǎn)2認(rèn)證考試介紹
知識(shí)點(diǎn)3獲得ACA證書的好處
第3節(jié) 下載、安裝與卸載的方法
知識(shí)點(diǎn)1 下載與安裝
知識(shí)點(diǎn)2 軟件卸載
第4節(jié) 怎樣學(xué)習(xí)本課課程
第2課 熟悉Dreamweaver的基礎(chǔ)操作
第1節(jié) 開始界面
第2節(jié) 站點(diǎn)
知識(shí)點(diǎn)1 什么是站點(diǎn)
知識(shí)點(diǎn)2 創(chuàng)建站點(diǎn)
知識(shí)點(diǎn)3 創(chuàng)建文檔
知識(shí)點(diǎn)4 創(chuàng)建文件夾
知識(shí)點(diǎn)5 管理站點(diǎn)
知識(shí)點(diǎn)6 站點(diǎn)操作
第3節(jié) 界面布局設(shè)置
知識(shí)點(diǎn)1 界面主題設(shè)置
知識(shí)點(diǎn)2 常用工具欄設(shè)置
知識(shí)點(diǎn)3 視圖模式設(shè)置
第4節(jié) 瀏覽器設(shè)置
知識(shí)點(diǎn)1在Dreamweaver軟件中管理瀏覽器
知識(shí)點(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)頁(yè)頭部標(biāo)記
第5節(jié) title網(wǎng)頁(yè)標(biāo)題標(biāo)記
第6節(jié) meta網(wǎng)頁(yè)元信息標(biāo)記
第7節(jié) body網(wǎng)頁(yè)主體標(biāo)記
第8節(jié)Dreamweaver默認(rèn)代碼解讀
\t
本課練習(xí)題
第4課 使用插入和DOM面板
第1節(jié) 插入面板
知識(shí)點(diǎn)1 插入div 標(biāo)記
知識(shí)點(diǎn)2 插入img標(biāo)記
知識(shí)點(diǎn)3 插入段落標(biāo)記
知識(shí)點(diǎn)4 插入標(biāo)題標(biāo)記
知識(shí)點(diǎn)5 插入無(wú)序列表標(biāo)記
知識(shí)點(diǎn)6 插入有序列表標(biāo)記
知識(shí)點(diǎn)7 插入Hyperlink標(biāo)記
知識(shí)點(diǎn)8 拓展-圖片熱區(qū)
知識(shí)點(diǎn)9 拓展-導(dǎo)入word格式
第2節(jié) DOM面板
知識(shí)點(diǎn)1 查看網(wǎng)頁(yè)結(jié)構(gòu)
知識(shí)點(diǎn)2 編輯網(wǎng)頁(yè)結(jié)構(gòu)

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

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

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

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

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



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