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

目錄
第1章　Dreamweaver CS6入門 10
1.1　了解網(wǎng)頁設(shè)計必備的知識 ………………………10
1.2　網(wǎng)頁的基本構(gòu)成 …………………………………13
1.3　網(wǎng)站制作流程 ……………………………………14
1.3.1　前期策劃 ……………………………………………14
1.3.2　網(wǎng)頁的實(shí)施與細(xì)化 …………………………………14
1.3.3　后期維護(hù) ……………………………………………15
1.4　初識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　其他浮動面板 ………………………………………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è)置對象 ……………………………………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è)計備注 ……………………………………………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)頁相關(guān)文件 ……………………37
2.3.4　移動和復(fù)制文件或文件夾 …………………………40
2.3.5　文件或文件夾重命名 ………………………………40
2.3.6　刪除文件或文件夾 …………………………………40
2.4　使用Dreamweaver管理站點(diǎn) ……………………41
2.4.1　使用“站點(diǎn)管理”對話框 …………………………41
2.4.2　快速切換站點(diǎn) ………………………………………42
2.5　本章小結(jié) …………………………………………42
2.6　課后習(xí)題 …………………………………………42
第3章　網(wǎng)頁頭信息及整體屬性的設(shè)置 44
3.1　了解HTML代碼 …………………………………44
3.2　HTML的語法結(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)頁標(biāo)題 ………………………………………57
3.6.2　設(shè)置網(wǎng)頁META信息 …………………………………58
3.6.3　添加網(wǎng)頁關(guān)鍵字 ……………………………………60
3.6.4　添加網(wǎng)頁說明 ………………………………………60
3.6.5　設(shè)置網(wǎng)頁刷新 ………………………………………61
3.6.6　設(shè)置基礎(chǔ) ……………………………………………61
3.6.7　設(shè)置鏈接 ……………………………………………62
課堂案例 ……………………………………………………62
3.7　“頁面屬性”對話框 ……………………………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è)置個人網(wǎng)站頁面屬性 ……………74
第4章　精通CSS樣式 76
4.1　CSS樣式基礎(chǔ) ……………………………………76
4.1.1　什么是CSS樣式 ……………………………………76
4.1.2　CSS樣式的優(yōu)勢 ……………………………………77
4.1.3　CSS樣式的不足 ……………………………………77
4.1.4　CSS樣式的基本語法 ………………………………78
4.2　創(chuàng)建CSS樣式 ……………………………………78
4.2.1　“新建CSS規(guī)則”對話框 …………………………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è)置過渡樣式 ………………………………………91
4.3　在網(wǎng)頁中應(yīng)用CSS樣式的方法 …………………92
4.3.1　內(nèi)聯(lián)樣式 ……………………………………………92
4.3.2　內(nèi)部樣式表 …………………………………………9