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

1.1Web時(shí)代的重要理念1
1.1.1Web標(biāo)準(zhǔn)簡(jiǎn)介1
1.1.2表現(xiàn)與結(jié)構(gòu)相分離3
1.1.3HTML 5時(shí)代5
1.2網(wǎng)站的入門(mén)知識(shí)6
1.2.1網(wǎng)頁(yè)、網(wǎng)站及其構(gòu)成元素6
1.2.2網(wǎng)頁(yè)設(shè)計(jì)的原則、風(fēng)格和潮流8
1.2.3網(wǎng)站建設(shè)的基本流程11
1.2.4開(kāi)發(fā)與調(diào)試工具13
1.3習(xí)題14
第2章HTML語(yǔ)言基礎(chǔ)15
2.1HTML的歷史沿革15
2.1.1從HTML 4.01到XHTML15
2.1.2從XHTML到HTML 515
2.1.3HTML 5要解決的問(wèn)題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中常見(jiàn)的元素20
2.3.1塊級(jí)元素21
2.3.2內(nèi)聯(lián)元素22
2.3.3列表類(lèi)元素25
2.3.4表格類(lèi)元素27
2.3.5表單類(lèi)元素28
2.3.6多媒體類(lèi)元素33
2.3.7HTML 5新增的結(jié)構(gòu)類(lèi)元素35
2.4過(guò)程指導(dǎo)——HTML 5元素的簡(jiǎn)單運(yùn)用37
2.5自主任務(wù)——使用記事本創(chuàng)建簡(jiǎn)單頁(yè)面40
2.6習(xí)題40
Dreamweaver CS6+HTML 5+CSS 3網(wǎng)頁(yè)制作基礎(chǔ)教程(微課版)目錄第3章Dreamweaver基礎(chǔ)與CSS入門(mén)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入門(mén)55
3.4.1什么是CSS56
3.4.2CSS語(yǔ)法與鏈接方法56
3.4.3盒子模型58
3.5常見(jiàn)的CSS選擇器61
3.5.1通配符選擇器與類(lèi)型選擇器62
3.5.2ID選擇器與類(lèi)選擇器62
3.5.3包含選擇器與群組選擇器64
3.5.4屬性選擇器64
3.6過(guò)程指導(dǎo)——淘寶店鋪周年慶專(zhuān)題頁(yè)面66
3.6.1過(guò)程分析66
3.6.2步驟詳解66
3.7自主任務(wù)——“中秋茶相伴”淘寶店鋪專(zhuān)題銷(xiāo)售頁(yè)面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偽類(lèi)在超鏈接方面的應(yīng)用86
4.2圖像87
4.2.1插入圖像與圖像超鏈接88
4.2.2與圖像相關(guān)的CSS屬性92
4.2.3圖文混排94
4.3過(guò)程指導(dǎo)——使用HTML 5新增元素創(chuàng)建“燈塔漫畫(huà)背景博客”96
4.3.1過(guò)程分析96
4.3.2步驟詳解97
4.4自主任務(wù)——圖像與文本的簡(jiǎn)單應(yīng)用103
4.5習(xí)題104
第5章浮動(dòng)、定位和列表106
5.1浮動(dòng)106
5.1.1浮動(dòng)的基本知識(shí)106
5.1.2清除浮動(dòng)109
5.2定位110
5.2.1靜態(tài)定位與固定定位110
5.2.2相對(duì)定位與絕對(duì)定位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過(guò)程指導(dǎo)——“五月美食節(jié)專(zhuān)場(chǎng)”網(wǎng)頁(yè)的設(shè)計(jì)與制作124
5.4.1過(guò)程分析124
5.4.2步驟詳解124
5.5自主任務(wù)——“手機(jī)專(zhuān)賣(mài)網(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ì)線(xiàn)表格135
6.2.2使用偽類(lèi)選擇器制作隔行變色表格137
6.3表單的創(chuàng)建與編輯138
6.3.1表單域138
6.3.2常見(jiàn)表單對(duì)象140
6.4CSS在表單中的應(yīng)用147
6.4.1文本域的美化147
6.4.2CSS 3按鈕147
6.4.3搜索框的美化149
6.5過(guò)程指導(dǎo)——“Yuze App注冊(cè)”頁(yè)面的制作150
6.5.1過(guò)程分析150
6.5.2步驟詳解150
6.6自主任務(wù)——“網(wǎng)站后臺(tái)登錄”頁(yè)面的制作154
6.7習(xí)題155
第7章框架、模板與CSS 3新增布局156
7.1框架156
7.1.1基本概念156
7.1.2使用iframe元素創(chuàng)建框架頁(yè)面157
7.2模板158
7.2.1模板是什么158
7.2.2使用模板快速創(chuàng)建頁(yè)面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適合移動(dòng)設(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過(guò)程指導(dǎo)——制作適合多種設(shè)備終端顯示的響應(yīng)式頁(yè)面176
7.6.1過(guò)程分析176
7.6.2步驟詳解179
7.7自主任務(wù)——制作簡(jiǎn)單響應(yīng)式頁(yè)面185
7.8習(xí)題186
第8章行為與Spry構(gòu)件187
8.1行為187
8.1.1事件與動(dòng)作相關(guān)概念187
8.1.2“行為”面板188
8.1.3“彈出信息”行為189
8.1.4“打開(kāi)瀏覽器窗口”行為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過(guò)程指導(dǎo)——精品課程網(wǎng)站的設(shè)計(jì)與制作195
8.3.1過(guò)程分析196
8.3.2步驟詳解196
8.4自主任務(wù)——精品課程網(wǎng)站主頁(yè)的制作211
8.5習(xí)題212
第9章CSS進(jìn)階213
9.1CSS Sprite技術(shù)213
9.1.1CSS Sprite技術(shù)簡(jiǎn)述213
9.1.2CSS Sprite技術(shù)詳解214
9.2CSS 3偽類(lèi)選擇器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過(guò)渡222
9.4.1transition屬性簡(jiǎn)介222
9.4.2CSS 3過(guò)渡動(dòng)畫(huà)的實(shí)現(xiàn)223
9.5習(xí)題226
第10章站點(diǎn)測(cè)試、上傳與維護(hù)227
10.1站點(diǎn)測(cè)試227
10.1.1瀏覽器兼容性測(cè)試227
10.1.2鏈接的測(cè)試228
10.2站點(diǎn)上傳230
10.2.1注冊(cè)域名230
10.2.2申請(qǐng)網(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)站的簡(jiǎn)易需求分析241
11.2電子商務(wù)網(wǎng)站的布局分析242
11.3實(shí)現(xiàn)過(guò)程245
11.3.1主頁(yè)的實(shí)現(xiàn)245
11.3.2檢索頁(yè)的實(shí)現(xiàn)253
11.3.3產(chǎn)品信息頁(yè)的實(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