Adobe Dreamweaver 2020基礎(chǔ)培訓(xùn)教材
定 價(jià):59 元
- 作者:王琦 著
- 出版時(shí)間:2020/10/1
- ISBN:9787115544964
- 出 版 社:人民郵電出版社
- 中圖法分類(lèi):TP393.092.2
- 頁(yè)碼:256
- 紙張:
- 版次:01
- 開(kāi)本:16開(kāi)
本書(shū)是Adobe 中國(guó)授權(quán)培訓(xùn)中心官方教材,針對(duì)Dreamweaver初學(xué)者深入淺出地講解了軟件的使用技巧,并用實(shí)戰(zhàn)案例進(jìn)一步引導(dǎo)讀者掌握軟件的應(yīng)用方法。
全書(shū)以Dreamweaver 2020 版本為基礎(chǔ)進(jìn)行講解:第1課講解了Dreamweaver 的應(yīng)用和學(xué)習(xí)方法、ACA 證書(shū)的獲取,以及Dreamweaver的下載、安裝、卸載;第2課為熟悉Dreamweaver的基礎(chǔ)操作;第3課講解了HTML的含義以及Dreamweaver默認(rèn)代碼解讀;第4 課講解了插入面板和DOM面板的使用;第5課對(duì)常見(jiàn)的HTML標(biāo)記做深入講解;第6 課講解表單的各種類(lèi)型以及使用方法;第7 課講解CSS設(shè)計(jì)器面板;第8課講解深入認(rèn)識(shí)CSS;第9 課講解深入理解CSS常用樣式;第10課為CSS技巧精講;第11課為HTML+CSS的應(yīng)用;第12 課為HTML+CSS專(zhuān)題講解;第13課為代碼編輯技巧;第14課為HTML+CSS整站案例實(shí)戰(zhàn)(普通結(jié)構(gòu)網(wǎng)頁(yè)制作);第15課為HTML+CSS整站案例實(shí)戰(zhàn)(通欄結(jié)構(gòu)網(wǎng)頁(yè)制作);第16課為HTML5基礎(chǔ);第17 課為CSS3.0常用樣式;第18課為響應(yīng)式和柵格化布局;第19 課講解了表格。部分課后還布置了操作練習(xí)題,用以檢驗(yàn)讀者的學(xué)習(xí)效果。
本書(shū)附贈(zèng)視頻教程、講義,以及案例的素材、源文件等,以便讀者拓展學(xué)習(xí)。
本書(shū)適合Dreamweaver 的初、中級(jí)用戶學(xué)習(xí)使用,也適合作為各院校相關(guān)專(zhuān)業(yè)學(xué)生和培訓(xùn)班學(xué)員的教材或輔導(dǎo)書(shū)。
知名設(shè)計(jì)培訓(xùn)機(jī)構(gòu)火星時(shí)代全新一代教程,匯集多年教學(xué)的核心方法和精彩案例
紙書(shū)加視頻,專(zhuān)題式學(xué)習(xí),一課一作業(yè),多維度學(xué)習(xí),方便讀者學(xué)習(xí)與提升
AATC官方合作教材,AATC協(xié)助推廣
王琦,北京火星時(shí)代科技有限公司總裁,火星時(shí)代動(dòng)畫(huà)學(xué)院院長(zhǎng),Adobe教育專(zhuān)家,Autodesk教育專(zhuān)家,手機(jī)動(dòng)漫協(xié)會(huì)理事,中國(guó)動(dòng)漫產(chǎn)業(yè)發(fā)展促進(jìn)中心主任。中國(guó)最早期的三維動(dòng)畫(huà)制作人。1994年出版中國(guó)首部三維動(dòng)畫(huà)教材《三維動(dòng)畫(huà)速成》,1997年出版了榮獲新聞出版署兩項(xiàng)大獎(jiǎng)的多媒體教學(xué)軟件《火星人》,至今已出版圖書(shū)和多媒體作品50余部。
劉勝喜:火星時(shí)代教育互動(dòng)媒體學(xué)院教學(xué)主任、專(zhuān)家講師,第三季木疙瘩模板大賽評(píng)委,第16屆中國(guó)大學(xué)生廣告藝術(shù)節(jié)學(xué)院獎(jiǎng)優(yōu)秀指導(dǎo)教師,服務(wù)單位包括國(guó)務(wù)院、北京教育考試院、北京語(yǔ)言大學(xué)、聯(lián)想集團(tuán)等。
魯慧娟,火星時(shí)代教育互動(dòng)媒體學(xué)院資深講師,資深web設(shè)計(jì)師、web前端工程師,專(zhuān)注于網(wǎng)頁(yè)、電商等領(lǐng)域,8年設(shè)計(jì)工作經(jīng)驗(yàn),曾服務(wù)于網(wǎng)易、北京奧辰博信環(huán)保、遼寧永壯、多家淘寶店鋪等。
第1課 走進(jìn)實(shí)用的Dreamweaver世界
第1節(jié)Dreamweaver能做什么
第2節(jié) 獲取ACA證書(shū)
知識(shí)點(diǎn)1什么是Adobe國(guó)際認(rèn)證
知識(shí)點(diǎn)2認(rèn)證考試介紹
知識(shí)點(diǎn)3獲得ACA證書(shū)的好處
第3節(jié) 下載、安裝與卸載的方法
知識(shí)點(diǎn)1 下載與安裝
知識(shí)點(diǎn)2 軟件卸載
第4節(jié) 怎樣學(xué)習(xí)本課課程
第2課 熟悉Dreamweaver的基礎(chǔ)操作
第1節(jié) 開(kāi)始界面
第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瀏覽器類(lèi)型
\t\t
\t
第3課 了解HTML
第1節(jié) 什么是HTML
第2節(jié) 什么是標(biāo)記
第3節(jié) HTML標(biāo)記的分類(lèi)和關(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的偽類(lèi)選擇器
本課練習(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 使用方位的寫(xiě)法
知識(shí)點(diǎn)2margin復(fù)合樣式
第6節(jié)padding內(nèi)填充樣式
知識(shí)點(diǎn)1padding使用方位的寫(xiě)法
知識(shí)點(diǎn)2padding復(fù)合樣式
第7節(jié)border邊框樣式
知識(shí)點(diǎn)1border使用方位的寫(xiě)法
知識(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專(zhuān)題講解
第1節(jié)浮動(dòng)專(zhuān)題
第2節(jié)清浮動(dòng)方法
第3節(jié)定位專(zhuān)題
第4節(jié)導(dǎo)航專(zhuān)題
第5節(jié)表單專(zhuān)題
本課練習(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選擇、折疊、展開(kāi)代碼
知識(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 新增類(lèi)型
知識(shí)點(diǎn)1email類(lèi)型
知識(shí)點(diǎn)2url類(lèi)型
知識(shí)點(diǎn)3date類(lèi)型
知識(shí)點(diǎn)4time 類(lèi)型
本課練習(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)性偽類(lèi)選擇器
知識(shí)點(diǎn)3偽類(lèi)選擇器
第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)畫(huà)animation
知識(shí)點(diǎn)1@keyframes規(guī)則聲明
知識(shí)點(diǎn)2animation動(dòng)畫(huà)
本課練習(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í)題