Dreamweaver CS6+HTML 5+CSS 3網頁製作基礎教程（微課版）

1.1Web時代的重要理念1
1.1.1Web標準簡介1
1.1.2表現與結構相分離3
1.1.3HTML 5時代5
1.2網站的入門知識6
1.2.1網頁、網站及其構成元素6
1.2.2網頁設計的原則、風格和潮流8
1.2.3網站建設的基本流程11
1.2.4開發與調試工具13
1.3習題14
第2章HTML語言基礎15
2.1HTML的歷史沿革15
2.1.1從HTML 4.01到XHTML15
2.1.2從XHTML到HTML 515
2.1.3HTML 5要解決的問題16
2.2文檔結構17
2.2.1標籤、元素、屬性和值17
2.2.2DOCTYPE聲明19
2.2.3html元素、head元素與body元素19
2.3HTML 5中常見的元素20
2.3.1塊級元素21
2.3.2內聯元素22
2.3.3清單類元素25
2.3.4表格類元素27
2.3.5表單類元素28
2.3.6多媒體類元素33
2.3.7HTML 5新增的結構類元素35
2.4過程指導——HTML 5元素的簡單運用37
2.5自主任務——使用記事本創建簡單頁面40
2.6習題40
Dreamweaver CS6+HTML 5+CSS 3網頁製作基礎教程(微課版)目錄第3章Dreamweaver基礎與CSS入門42
3.1工作環境42
3.1.1文檔和編碼工具列42
3.1.2屬性面板44
3.1.3常用面板介紹45
3.1.4常規設置46
3.2網站47
3.2.1網站的基本概念及其創建方法47
3.2.2“檔”面板的常用操作49
3.2.3管理網站51
3.3重要的div元素52
3.3.1div元素是什麼53
3.3.2在Dreamweaver中創建DIV容器的方法53
3.4CSS入門55
3.4.1什麼是CSS56
3.4.2CSS語法與連結方法56
3.4.3盒子模型58
3.5常見的CSS選擇器61
3.5.1萬用字元選擇器與類型選擇器62
3.5.2ID選擇器與類別選取器62
3.5.3包含選擇器與群組選擇器64
3.5.4屬性選擇器64
3.6過程指導——淘 寶店鋪周年慶專題頁面66
3.6.1過程分析66
3.6.2步驟詳解66
3.7自主任務——“中秋茶相伴”淘 寶店鋪專題銷售頁面72
3.8習題72
第4章文本與圖像74
4.1文本74
4.1.1插入文本74
4.1.2創建超連結75
4.1.3與文本相關的基礎屬性78
4.1.4行高與首行縮進81
4.1.5文本陰影83
4.1.6溢出文本與文本換行83
4.1.7CSS偽類在超連結方面的應用86
4.2圖像87
4.2.1插入圖像與圖像超連結88
4.2.2與圖像相關的CSS屬性92
4.2.3圖文混排94
4.3過程指導——使用HTML 5新增元素創建“燈塔漫畫背景博客”96
4.3.1過程分析96
4.3.2步驟詳解97
4.4自主任務——圖像與文本的簡單應用103
4.5習題104
第5章浮動、定位和列表106
5.1浮動106
5.1.1浮動的基本知識106
5.1.2清除浮動109
5.2定位110
5.2.1靜態定位與固定定位110
5.2.2相對定位與絕對定位112
5.3列表115
5.3.1與清單相關的CSS屬性115
5.3.2清單的圖像修飾符116
5.3.3縱向導航118
5.3.4橫向導航119
5.3.5圖文信息清單121
5.4過程指導——“五月美食節專場”網頁的設計與製作124
5.4.1過程分析124
5.4.2步驟詳解124
5.5自主任務——“手機專賣網”的製作129
5.6習題130
第6章表格與表單131
6.1表格的創建與編輯131
6.1.1創建表格131
6.1.2儲存格屬性設置132
6.1.3儲存格基本操作133
6.2CSS在表格中的應用135
6.2.1使用border collapse屬性製作細線表格135
6.2.2使用偽類別選取器製作隔行變色表格137
6.3表單的創建與編輯138
6.3.1表單欄位138
6.3.2常見表單對象140
6.4CSS在表單中的應用147
6.4.1文本域的美化147
6.4.2CSS 3按鈕147
6.4.3搜索框的美化149
6.5過程指導——“Yuze App註冊”頁面的製作150
6.5.1過程分析150
6.5.2步驟詳解150
6.6自主任務——“網站後臺登錄”頁面的製作154
6.7習題155
第7章框架、範本與CSS 3新增佈局156
7.1框架156
7.1.1基本概念156
7.1.2使用iframe元素創建框架頁面157
7.2範本158
7.2.1範本是什麼158
7.2.2使用範本快速創建頁面158
7.2.3範本的修改162
7.3CSS 3多列佈局163
7.3.1使用columns屬性創建多列佈局163
7.3.2多列佈局的相關屬性164
7.4CSS 3彈性盒佈局166
7.4.1使用盒佈局166
7.4.2彈性盒佈局相關屬性詳解166
7.5適合移動設備的回應式佈局172
7.5.1回應式佈局172
7.5.2使用CSS 3的media query實現回應式佈局172
7.6過程指導——製作適合多種設備終端顯示的回應式頁面176
7.6.1過程分析176
7.6.2步驟詳解179
7.7自主任務——製作簡單響應式頁面185
7.8習題186
第8章行為與Spry構件187
8.1行為187
8.1.1事件與動作相關概念187
8.1.2“行為”面板188
8.1.3“彈出資訊”行為189
8.1.4“打開流覽器視窗”行為190
8.1.5“改變屬性”行為190
8.2Spry構件193
8.2.1Spry功能表列193
8.2.2Spry選項卡式面板193
8.2.3Spry折疊式構件194
8.3過程指導——精品課程網站的設計與製作195
8.3.1過程分析196
8.3.2步驟詳解196
8.4自主任務——精品課程網站主頁的製作211
8.5習題212
第9章CSS進階213
9.1CSS Sprite技術213
9.1.1CSS Sprite技術簡述213
9.1.2CSS Sprite技術詳解214
9.2CSS 3偽類別選取器217
9.2.1:root、:not、:target和∷selection選擇器217
9.2.2:first child、:last child和:only child選擇器219
9.3CSS 3漸變220
9.4CSS 3過渡222
9.4.1transition屬性簡介222
9.4.2CSS 3過渡動畫的實現223
9.5習題226
第10章網站測試、上傳與維護227
10.1網站測試227
10.1.1流覽器相容性測試227
10.1.2連結的測試228
10.2網站上傳230
10.2.1註冊功能變數名稱230
10.2.2申請網站空間232
10.2.3內容上傳233
10.3維護與推廣238
10.3.1網站維護238
10.3.2網站推廣239
10.4習題240
第11章綜合案例解析——電子商務網站241
11.1電子商務網站的簡易需求分析241
11.2電子商務網站的佈局分析242
11.3實現過程245
11.3.1主頁的實現245
11.3.2檢索頁的實現253
11.3.3產品資訊頁的實現256
11.4習題258
第12章實訓指導260
12.1實訓的意義和目的260
12.2實訓要求與步驟261
12.3考核標準261
參考文獻263