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

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

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

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

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

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

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

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



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