微課學(xué)Dreamweaver CC網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站組建

第1章?認(rèn)識(shí)Dreamweaver與創(chuàng)建站點(diǎn)  
1.1　網(wǎng)頁(yè)概述  
1.1.1?網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)頁(yè)制作  
1.1.2?網(wǎng)頁(yè)設(shè)計(jì)術(shù)語(yǔ)  
1.2　Dreamweaver工作界面  
1.2.1?啟動(dòng)Dreamweaver  
1.2.2?認(rèn)識(shí)Dreamweaver工作界面  
1.2.3?“插入”面板  
1.2.4?狀態(tài)欄  
1.3　網(wǎng)頁(yè)文件的基本操作  
1.3.1?新建網(wǎng)頁(yè)  
1.3.2?保存網(wǎng)頁(yè)  
1.3.3?打開(kāi)網(wǎng)頁(yè)  
1.3.4?預(yù)覽網(wǎng)頁(yè)  
1.4　創(chuàng)建站點(diǎn)  
1.4.1?【課堂任務(wù)】：創(chuàng)建本地靜態(tài)站點(diǎn)  
1.4.2?設(shè)置站點(diǎn)服務(wù)器  
1.4.3?【課堂任務(wù)】：創(chuàng)建企業(yè)站點(diǎn)并設(shè)置遠(yuǎn)程服務(wù)器  
1.5　站點(diǎn)文件的基本操作  
1.5.1?創(chuàng)建頁(yè)面  
1.5.2?創(chuàng)建文件夾  
1.5.3?移動(dòng)和復(fù)制文件或文件夾  
1.5.4?重命名文件或文件夾  
1.5.5?刪除文件或文件夾  
1.6　管理站點(diǎn)  
1.6.1?站點(diǎn)的切換  
1.6.2?“管理站點(diǎn)”對(duì)話框  
1.7　本章小結(jié)  
1.8　課后練習(xí)  
第2章?從HTML到HTML5  
2.1　HTML基礎(chǔ)  
2.1.1?HTML概述  
2.1.2?HTML的特點(diǎn)  
2.1.3?HTML的文檔結(jié)構(gòu)  
2.1.4?HTML的基本語(yǔ)法  
2.1.5?編寫(xiě)HTML的注意事項(xiàng)  
2.2　HTML中的常用重要標(biāo)簽  
2.2.1?字符格式標(biāo)簽  
2.2.2?區(qū)段格式標(biāo)簽  
2.2.3?列表標(biāo)簽  
2.2.4?表格標(biāo)簽  
2.2.5?鏈接標(biāo)簽  
2.2.6?多媒體標(biāo)簽  
2.2.7?表單標(biāo)簽  
2.2.8?分區(qū)標(biāo)簽  
2.2.9?【課堂任務(wù)】：在Dreamweaver中編寫(xiě)HTML  
2.3　HTML5概述  
2.3.1?了解HTML5  
2.3.2?HTML5文檔結(jié)構(gòu)  
2.4　HTML5中新增的標(biāo)簽  
2.4.1?結(jié)構(gòu)標(biāo)簽  
2.4.2?文本標(biāo)簽  
2.4.3?應(yīng)用和輔助標(biāo)簽  
2.4.4?進(jìn)度標(biāo)簽  
2.4.5?交互性標(biāo)簽  
2.4.6?在文檔和應(yīng)用中使用的標(biāo)簽  
2.4.7?標(biāo)簽  
2.4.8?其他標(biāo)簽  
2.5　網(wǎng)頁(yè)中的其他源代碼  
2.5.1?CSS樣式代碼  
2.5.2?JavaScript腳本代碼  
2.5.3?源代碼中的注釋  
2.6　本章小結(jié)  
2.7　課后練習(xí)  
第3章?精通CSS樣式  
3.1　了解CSS樣式  
3.1.1?CSS樣式概述  
3.1.2?CSS樣式規(guī)則  
3.2　認(rèn)識(shí)“CSS設(shè)計(jì)器”面板  
3.2.1?“源”選項(xiàng)區(qū)  
3.2.2?“@媒體”選項(xiàng)區(qū)  
3.2.3?“選擇器”選項(xiàng)區(qū)  
3.2.4?“屬性”選項(xiàng)區(qū)  
3.3　CSS樣式屬性  
3.3.1?布局CSS樣式屬性  
3.3.2?文本CSS樣式屬性  
3.3.3?邊框CSS樣式屬性  
3.3.4?背景CSS樣式屬性  
3.3.5?其他CSS樣式屬性  
3.3.6?【課堂任務(wù)】：設(shè)置網(wǎng)頁(yè)中的文字效果  
3.4　CSS選擇器  
3.4.1?認(rèn)識(shí)不同類(lèi)型的CSS選擇器  
3.4.2?【課堂任務(wù)】：使用通配符選擇器控制網(wǎng)頁(yè)中的所有標(biāo)簽  
3.4.3?【課堂任務(wù)】：使用標(biāo)簽選擇器設(shè)置網(wǎng)頁(yè)的整體樣式  
3.4.4?【課堂任務(wù)】：創(chuàng)建和使用ID CSS樣式  
3.4.5?【課堂任務(wù)】：創(chuàng)建和使用類(lèi) CSS樣式  
3.4.6?【課堂任務(wù)】：設(shè)置網(wǎng)頁(yè)中超鏈接的偽類(lèi)樣式  
3.4.7?【課堂任務(wù)】：創(chuàng)建并應(yīng)用派生選擇器樣式  
3.4.8?【課堂任務(wù)】：同時(shí)定義多個(gè)網(wǎng)頁(yè)元素樣式  
3.5　使用CSS樣式的方式  
3.5.1?網(wǎng)頁(yè)使用CSS樣式的4種方式  
3.5.2?【課堂任務(wù)】：鏈接外部CSS樣式表文件  
3.6　CSS 3.0新增的顏色定義方法  
3.6.1?HSL顏色定義方法  
3.6.2?HSLA顏色定義方法  
3.6.3?RGBA顏色定義方法  
3.6.4?【課堂任務(wù)】：為網(wǎng)頁(yè)元素設(shè)置半透明背景顏色  
3.7　CSS 3.0新增的文字設(shè)置屬性  
3.7.1?text-overflow屬性  
3.7.2?word-wrap屬性  
3.7.3?word-break和word-space屬性  
3.7.4?text-shadow屬性  
3.7.5?【課堂任務(wù)】：為網(wǎng)頁(yè)文字設(shè)置陰影效果  
3.7.6?@font-face規(guī)則  
3.7.7?【課堂任務(wù)】：在網(wǎng)頁(yè)中實(shí)現(xiàn)特殊字體效果  
3.8　CSS 3.0新增的背景設(shè)置屬性  
3.8.1?background-size屬性  
3.8.2?【課堂任務(wù)】：實(shí)現(xiàn)滿屏顯示的網(wǎng)頁(yè)背景  
3.8.3?background-origin屬性  
3.8.4?background-clip屬性  
3.8.5?background屬性  
3.8.6?【課堂任務(wù)】：為網(wǎng)頁(yè)設(shè)置多背景圖像  
3.9　CSS 3.0新增的邊框設(shè)置屬性  
3.9.1?border-colors屬性  
3.9.2?border-image屬性  
3.9.3?border-radius屬性  
3.9.4?box-shadow屬性  
3.9.5?【課堂任務(wù)】：為網(wǎng)頁(yè)元素設(shè)置圓角效果  
3.10　CSS 3.0新增的多列布局屬性  
3.10.1?columns屬性  
3.10.2?column-width屬性  
3.10.3?column-count屬性  
3.10.4?column-gap屬性  
3.10.5?column-rule屬性  
3.10.6?column-span屬性  
3.10.7?【課堂任務(wù)】：設(shè)置網(wǎng)頁(yè)內(nèi)容分欄顯示  
3.11　CSS 3.0新增的盒模型設(shè)置屬性  
3.11.1?opacity屬性  
3.11.2?【課堂任務(wù)】：設(shè)置網(wǎng)頁(yè)元素的不透明度  
3.11.3?overflow-x和overflow-y屬性  
3.11.4?resize屬性  
3.11.5?outline屬性  
3.11.6?content屬性  
3.12　本章小結(jié)  
3.13　課后練習(xí)  
第4章?Div CSS網(wǎng)頁(yè)布局  
4.1　創(chuàng)建Div  
4.1.1?Div概述  
4.1.2?插入Div  
4.1.3?在設(shè)計(jì)視圖中插入Div  
4.1.4?塊元素與行內(nèi)元素  
4.2　CSS基礎(chǔ)盒模型  
4.2.1?CSS基礎(chǔ)盒模型概述  
4.2.2?margin屬性——邊距  
4.2.3?border屬性——邊框  
4.2.4?padding屬性——填充  
4.2.5?【課堂任務(wù)】：設(shè)置網(wǎng)頁(yè)元素盒模型效果  
4.2.6?空白邊疊加  
4.2.7?【課堂任務(wù)】：網(wǎng)頁(yè)中空白邊疊加的應(yīng)用  
4.3　網(wǎng)頁(yè)元素的定位  
4.3.1?CSS定位屬性  
4.3.2?相對(duì)定位  
4.3.3?【課堂任務(wù)】：實(shí)現(xiàn)網(wǎng)頁(yè)元素的疊加顯示  
4.3.4?絕對(duì)定位（absolute）  
4.3.5?【課堂任務(wù)】：網(wǎng)頁(yè)元素固定在頁(yè)面右側(cè)  
4.3.6?固定定位（fixed）  
4.3.7?【課堂任務(wù)】：實(shí)現(xiàn)固定位置的頂部導(dǎo)航  
4.3.8?浮動(dòng)定位（float）  
4.3.9?【課堂任務(wù)】：制作順序排列的圖像列表  
4.4　常用網(wǎng)頁(yè)布局方式  
4.4.1?居中布局  
4.4.2?浮動(dòng)布局  
4.4.3?自適應(yīng)高度的解決方法  
4.5　本章小結(jié)  
4.6　課后練習(xí)  
第5章?插入文本元素  
5.1　網(wǎng)頁(yè)頭信息設(shè)置  
5.1.1?設(shè)置網(wǎng)頁(yè)標(biāo)題  
5.1.2?設(shè)置網(wǎng)頁(yè)關(guān)鍵字  
5.1.3?設(shè)置網(wǎng)頁(yè)說(shuō)明  
5.1.4?插入視口  
5.1.5?設(shè)置網(wǎng)頁(yè)META信息  
5.1.6?【課堂任務(wù)】：設(shè)置網(wǎng)頁(yè)頭信息  
5.2　在網(wǎng)頁(yè)中輸入文本  
5.2.1?在網(wǎng)頁(yè)中輸入文本的兩種方法  
5.2.2?【課堂任務(wù)】：制作文本介紹頁(yè)面  
5.2.3?插入段落  
5.2.4?插入換行符  
5.3　插入特殊的文本對(duì)象  
5.3.1?插入水平線  
5.3.2?插入時(shí)間  
5.3.3?插入空格和特殊字符  
5.3.4?【課堂任務(wù)】：在網(wǎng)頁(yè)中插入特殊字符  
5.4　插入列表  
5.4.1?插入無(wú)序列表  
5.4.2?【課堂任務(wù)】：制作新聞列表  
5.4.3?插入有序列表  
5.4.4?【課堂任務(wù)】：制作排行列表  
5.4.5?設(shè)置列表屬性  
5.5　【課堂任務(wù)】：在網(wǎng)頁(yè)中實(shí)現(xiàn)滾動(dòng)文本效果  
5.6　本章小結(jié)  
5.7　課后練習(xí)  
第6章?插入圖像和多媒體元素  
6.1　插入圖像元素  
6.1.1?【課堂任務(wù)】：制作圖像歡迎網(wǎng)頁(yè)  
6.1.2?設(shè)置圖像屬性  
6.1.3?鼠標(biāo)光標(biāo)經(jīng)過(guò)圖像  
6.1.4?【課堂任務(wù)】：制作網(wǎng)站導(dǎo)航菜單  
6.2　插入Canvas元素  
6.2.1?Canvas元素概述  
6.2.2?插入Canvas元素  
6.2.3?使用JavaScript實(shí)現(xiàn)在畫(huà)布中繪圖的流程  
6.2.4?【課堂任務(wù)】：在網(wǎng)頁(yè)中繪制圓形圖像  
6.3　插入動(dòng)畫(huà)元素  
6.3.1?【課堂任務(wù)】：制作Flash動(dòng)畫(huà)頁(yè)面  
6.3.2?設(shè)置Flash SWF屬性  
6.3.3?插入Flash Video  
6.3.4?了解動(dòng)畫(huà)合成  
6.3.5?【課堂任務(wù)】：制作網(wǎng)頁(yè)焦點(diǎn)輪換圖效果  
6.4　插入插件  
6.4.1?使用插件嵌入音頻  
6.4.2?使用插件嵌入視頻  
6.4.3?【課堂任務(wù)】：使用插件在網(wǎng)頁(yè)中嵌入視頻  
6.5　HTML5 Audio元素  
6.5.1?插入HTML5 Audio元素  
6.5.2?HTML5支持的音頻文件格式  
6.5.3?【課堂任務(wù)】：制作HTML5音頻頁(yè)面  
6.6　HTML5 Video元素  
6.6.1?插入HTML5 Video元素  
6.6.2?HTML5支持的視頻文件格式  
6.6.3?Audio與Video元素屬性  
6.6.4?【課堂任務(wù)】：制作HTML5視頻頁(yè)面  
6.7　本章小結(jié)  
6.8　課后練習(xí)  
第7章?設(shè)置網(wǎng)頁(yè)鏈接  
7.1　創(chuàng)建超鏈接  
7.1.1?創(chuàng)建文字和圖像超鏈接  
7.1.2?設(shè)置鏈接屬性  
7.1.3?相對(duì)路徑和絕對(duì)路徑  
7.1.4?【課堂任務(wù)】：設(shè)置網(wǎng)頁(yè)中文字和圖像鏈接  
7.2　錨點(diǎn)鏈接  
7.2.1?插入錨點(diǎn)  
7.2.2?創(chuàng)建錨點(diǎn)鏈接  
7.2.3?【課堂任務(wù)】：制作錨點(diǎn)鏈接頁(yè)面  
7.3　創(chuàng)建特殊鏈接  
7.3.1?空鏈接  
7.3.2?文件下載鏈接  
7.3.3?腳本鏈接  
7.3.4?【課堂任務(wù)】：創(chuàng)建關(guān)閉瀏覽器窗口鏈接  
7.3.5?E-mail鏈接  
7.3.6?【課堂任務(wù)】：在網(wǎng)頁(yè)中創(chuàng)建E-mail鏈接  
7.4　理解超鏈接屬性  
7.4.1?a:link  
7.4.2?a:hover  
7.4.3?a:active  
7.4.4?a:visited  
7.4.5?【課堂任務(wù)】：使用CSS樣式設(shè)置超鏈接  
7.5　本章小結(jié)  
7.6　課后練習(xí)  
第8章?插入表單元素  
8.1　插入表單元素  
8.1.1?表單的作用  
8.1.2?常用表單元素  
8.1.3?HTML5表單元素  
8.2　常用表單元素的應(yīng)用  
8.2.1?表單域  
8.2.2?文本域  
8.2.3?密碼域  
8.2.4?按鈕、“提交”按鈕和“重置”按鈕  
8.2.5?圖像按鈕  
8.2.6?【課堂任務(wù)】：制作登錄頁(yè)面  
8.2.7?文本區(qū)域  
8.2.8?文件域  
8.2.9?隱藏域  
8.2.10?選擇域  
8.2.11?單選按鈕和單選按鈕組  
8.2.12?復(fù)選框和復(fù)選框組  
8.2.13?【課堂任務(wù)】：制作注冊(cè)頁(yè)面  
8.3　HTML5表單元素的應(yīng)用  
8.3.1?電子郵件  
8.3.2?Url  
8.3.3?Tel  
8.3.4?搜索  
8.3.5?數(shù)字  
8.3.6?范圍  
8.3.7?顏色  
8.3.8?時(shí)間和日期相關(guān)表單元素  
8.3.9?【課堂任務(wù)】：制作留言表單頁(yè)面  
8.4　本章小結(jié)  
8.5　課后練習(xí)  
第9章?網(wǎng)站綜合案例  
9.1　制作企業(yè)宣傳網(wǎng)站  
9.1.1?設(shè)計(jì)分析  
9.1.2?布局分析  
9.1.3?制作步驟  
9.2　制作房地產(chǎn)宣傳網(wǎng)站  
9.2.1?設(shè)計(jì)分析  
9.2.2?布局分析  
9.2.3?制作步驟  
9.3　制作學(xué)校教育網(wǎng)站  
9.3.1?設(shè)計(jì)分析  
9.3.2?布局分析  
9.3.3?制作步驟  
9.4　本章小結(jié)  
9.5　課后練習(xí)