Dreamweaver CS6+HTML 5+CSS 3網(wǎng)頁制作基礎(chǔ)教程（微課版）

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