中文版Dreamweaver CS6實(shí)用教程

目錄
第1章　Dreamweaver CS6入門 10
1.1　了解網(wǎng)頁(yè)設(shè)計(jì)必備的知識(shí) ………………………10
1.2　網(wǎng)頁(yè)的基本構(gòu)成 …………………………………13
1.3　網(wǎng)站制作流程 ……………………………………14
1.3.1　前期策劃 ……………………………………………14
1.3.2　網(wǎng)頁(yè)的實(shí)施與細(xì)化 …………………………………14
1.3.3　后期維護(hù) ……………………………………………15
1.4　初識(shí)Dreamweaver CS6 …………………………15
1.5　安裝、運(yùn)行和卸載Dreamweaver CS6 …………16
1.5.1　Dreamweaver CS6的系統(tǒng)要求 ……………………16
1.5.2　安裝Dreamweaver CS6 ……………………………16
課堂案例 ……………………………………………………16
1.5.3　運(yùn)行Dreamweaver CS6 ……………………………18
1.5.4　卸載Dreamweaver CS6 ……………………………18
課堂案例 ……………………………………………………19
1.6　Dreamweaver CS6的工作界面 …………………20
1.7　Dreamweaver CS6的菜單欄 ……………………21
1.8　Dreamweaver CS6的常用面板 …………………23
1.8.1　“插入”面板 ………………………………………23
1.8.2　“屬性”面板 ………………………………………23
1.8.3　其他浮動(dòng)面板 ………………………………………23
1.9　本章小結(jié) …………………………………………24
1.10　課后習(xí)題 …………………………………………24
第2章　站點(diǎn)創(chuàng)建與管理 26
2.1　站點(diǎn)規(guī)劃 …………………………………………26
2.2　站點(diǎn)設(shè)置對(duì)象 ……………………………………27
2.2.1　站點(diǎn)基本信息 ………………………………………27
課堂案例 ……………………………………………………27
2.2.2　服務(wù)器 ………………………………………………28
課堂案例 ……………………………………………………30
2.2.3　版本控制 ……………………………………………32
2.2.4　本地信息 ……………………………………………32
2.2.5　遮蓋 …………………………………………………33
2.2.6　設(shè)計(jì)備注 ……………………………………………33
2.2.7　文件視圖列 …………………………………………33
2.2.8　Contribute ……………………………………………34
2.2.9　模板 …………………………………………………34
2.2.10　Spry …………………………………………………35
2.2.11　Web字體 ……………………………………………35
2.3　操作站點(diǎn) …………………………………………35
2.3.1　創(chuàng)建文件夾 …………………………………………35
課堂案例 ……………………………………………………35
2.3.2　創(chuàng)建文件 ……………………………………………36
課堂案例 ……………………………………………………36
2.3.3　新建不同格式的網(wǎng)頁(yè)相關(guān)文件 ……………………37
2.3.4　移動(dòng)和復(fù)制文件或文件夾 …………………………40
2.3.5　文件或文件夾重命名 ………………………………40
2.3.6　刪除文件或文件夾 …………………………………40
2.4　使用Dreamweaver管理站點(diǎn) ……………………41
2.4.1　使用“站點(diǎn)管理”對(duì)話框 …………………………41
2.4.2　快速切換站點(diǎn) ………………………………………42
2.5　本章小結(jié) …………………………………………42
2.6　課后習(xí)題 …………………………………………42
第3章　網(wǎng)頁(yè)頭信息及整體屬性的設(shè)置 44
3.1　了解HTML代碼 …………………………………44
3.2　HTML的語(yǔ)法結(jié)構(gòu) ………………………………45
3.3　HTML中的重要標(biāo)簽 ……………………………46
3.3.1　文檔結(jié)構(gòu)標(biāo)簽 ………………………………………46
3.3.2　字符格式標(biāo)簽 ………………………………………46
3.3.3　區(qū)段格式標(biāo)簽 ………………………………………47
3.3.4　列表格式標(biāo)簽 ………………………………………47
3.3.5　表格標(biāo)簽 ……………………………………………48
3.3.6　超鏈接標(biāo)簽 …………………………………………48
3.3.7　多媒體標(biāo)簽 …………………………………………48
3.3.8　表單標(biāo)簽 ……………………………………………49
3.4　使用Dreamweaver代碼視圖 ……………………49
課堂案例 ……………………………………………………52
3.5　關(guān)于HTML5 ………………………………………53
3.5.1　了解HTML5 …………………………………………53
3.5.2　HTML5標(biāo)簽 …………………………………………53
課堂案例 ……………………………………………………55
課堂案例 ……………………………………………………56
3.6　設(shè)置頭信息 ………………………………………57
3.6.1　設(shè)置網(wǎng)頁(yè)標(biāo)題 ………………………………………57
3.6.2　設(shè)置網(wǎng)頁(yè)META信息 …………………………………58
3.6.3　添加網(wǎng)頁(yè)關(guān)鍵字 ……………………………………60
3.6.4　添加網(wǎng)頁(yè)說(shuō)明 ………………………………………60
3.6.5　設(shè)置網(wǎng)頁(yè)刷新 ………………………………………61
3.6.6　設(shè)置基礎(chǔ) ……………………………………………61
3.6.7　設(shè)置鏈接 ……………………………………………62
課堂案例 ……………………………………………………62
3.7　“頁(yè)面屬性”對(duì)話框 ……………………………64
3.7.1　設(shè)置“外觀（CSS）”選項(xiàng) ………………………64
3.7.2　設(shè)置“外觀（HTML）”選項(xiàng)………………………65
3.7.3　設(shè)置“鏈接（CSS）”選項(xiàng) ………………………66
3.7.4　設(shè)置“標(biāo)題（CSS）”選項(xiàng) ………………………67
3.7.5　設(shè)置“標(biāo)題和編碼”選項(xiàng) …………………………67
3.7.6　設(shè)置“跟蹤圖像”選項(xiàng) ……………………………67
課堂案例 ……………………………………………………68
3.8　使用輔助工具 ……………………………………70
3.8.1　配置窗口大小 ………………………………………70
3.8.2　使用標(biāo)尺 ……………………………………………70
3.8.3　使用網(wǎng)格 ……………………………………………71
3.8.4　輔助線 ………………………………………………71
3.8.5　使用縮放和平移 ……………………………………72
3.9　本章小結(jié) …………………………………………72
3.10　課后習(xí)題 ………………………………………73
3.10.1　課后習(xí)題1：使用HTML5實(shí)現(xiàn)繪圖 ………………73
3.10.2　課后習(xí)題2：設(shè)置企業(yè)網(wǎng)站頭信息 ………………73
3.10.3　課后習(xí)題3：設(shè)置個(gè)人網(wǎng)站頁(yè)面屬性 ……………74
第4章　精通CSS樣式 76
4.1　CSS樣式基礎(chǔ) ……………………………………76
4.1.1　什么是CSS樣式 ……………………………………76
4.1.2　CSS樣式的優(yōu)勢(shì) ……………………………………77
4.1.3　CSS樣式的不足 ……………………………………77
4.1.4　CSS樣式的基本語(yǔ)法 ………………………………78
4.2　創(chuàng)建CSS樣式 ……………………………………78
4.2.1　“新建CSS規(guī)則”對(duì)話框 …………………………78
4.2.2　設(shè)置文本樣式 ………………………………………79
課堂案例 ……………………………………………………79
4.2.3　設(shè)置背景樣式 ………………………………………81
課堂案例 ……………………………………………………81
4.2.4　設(shè)置區(qū)塊樣式 ………………………………………82
課堂案例 ……………………………………………………83
4.2.5　設(shè)置方框樣式 ………………………………………84
課堂案例 ……………………………………………………85
4.2.6　設(shè)置邊框樣式 ………………………………………86
課堂案例 ……………………………………………………86
4.2.7　設(shè)置列表樣式 ………………………………………87
課堂案例 ……………………………………………………87
4.2.8　設(shè)置定位樣式 ………………………………………88
4.2.9　設(shè)置擴(kuò)展樣式 ………………………………………89
課堂案例 ……………………………………………………90
4.2.10　設(shè)置過(guò)渡樣式 ………………………………………91
4.3　在網(wǎng)頁(yè)中應(yīng)用CSS樣式的方法 …………………92
4.3.1　內(nèi)聯(lián)樣式 ……………………………………………92
4.3.2　內(nèi)部樣式表 …………………………………………9