Dreamweaver CC動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)案例課堂（第2版）

目 錄
第1篇 基礎(chǔ)入門
第1章 開(kāi)啟網(wǎng)頁(yè)設(shè)計(jì)之路——網(wǎng)頁(yè)設(shè)計(jì)
與網(wǎng)站建設(shè)基礎(chǔ) 3
1.1 認(rèn)識(shí)網(wǎng)頁(yè)和網(wǎng)站 4
1.1.1 網(wǎng)頁(yè)的概念 4
1.1.2 網(wǎng)站的概念 5
1.1.3 網(wǎng)站的種類和特點(diǎn) 5
1.2 網(wǎng)頁(yè)的相關(guān)概念 6
1.2.1 因特網(wǎng)與萬(wàn)維網(wǎng) 6
1.2.2 瀏覽器與HTML 7
1.2.3 URL、域名與IP地址 7
1.2.4 上傳和下載 8
1.3 網(wǎng)頁(yè)的HTML構(gòu)成 8
1.3.1 文檔標(biāo)記 9
1.3.2 頭部標(biāo)記 9
1.3.3 主體標(biāo)記 10
1.4 HTML的常用標(biāo)記 10
1.4.1 標(biāo)題標(biāo)記 10
1.4.2 段落標(biāo)記 11
1.4.3 換行標(biāo)記 12
1.4.4 鏈接標(biāo)記 12
1.4.5 列表標(biāo)記 14
1.4.6 圖像標(biāo)記 16
1.4.7 表格標(biāo)記 18
1.4.8 表單標(biāo)記 19
1.5 綜合案例——制作日程表 20
1.6 疑難解惑 24
第2章 整體把握網(wǎng)站結(jié)構(gòu)——
網(wǎng)站配色與布局 25
2.1 善用色彩設(shè)計(jì)網(wǎng)頁(yè) 26
2.1.1 認(rèn)識(shí)色彩 26
2.1.2 確定網(wǎng)站的主題色 27
2.1.3 網(wǎng)頁(yè)中色彩的搭配 29
2.1.4 網(wǎng)頁(yè)元素的色彩搭配 30
2.1.5 網(wǎng)頁(yè)色彩搭配的技巧 31
2.2 常見(jiàn)網(wǎng)站的布局結(jié)構(gòu) 34
2.2.1 “國(guó)”字型 34
2.2.2 標(biāo)題正文型 34
2.2.3 左右框架型 35
2.2.4 上下框架型 35
2.2.5 綜合框架型 35
2.2.6 封面型 36
2.2.7 Flash型 36
2.3 綜合案例——定位網(wǎng)站頁(yè)面的框架 36
2.4 疑難解惑 38
第3章 磨刀不誤砍柴工——使用
Dreamweaver CC創(chuàng)建站點(diǎn) 39
3.1 認(rèn)識(shí)Dreamweaver CC 40
3.1.1 啟動(dòng)Dreamweaver CC 40
3.1.2 認(rèn)識(shí)Dreamweaver CC的
工作區(qū) 41
3.1.3 體驗(yàn)Dreamweaver CC的
新增功能 43
3.2 創(chuàng)建站點(diǎn) 46
3.2.1 案例1——?jiǎng)?chuàng)建本地站點(diǎn) 46
3.2.2 案例2——?jiǎng)?chuàng)建遠(yuǎn)程站點(diǎn) 47
3.3 管理站點(diǎn) 48
3.3.1 案例3——打開(kāi)站點(diǎn) 48
3.3.2 案例4——編輯站點(diǎn) 48
3.3.3 案例5——?jiǎng)h除站點(diǎn) 49
3.3.4 案例6——復(fù)制站點(diǎn) 50
3.3.5 案例7——導(dǎo)出與導(dǎo)入站點(diǎn) 50
3.4 操作站點(diǎn)文件及文件夾 51
3.4.1 案例8——?jiǎng)?chuàng)建文件夾 51
3.4.2 案例9——?jiǎng)?chuàng)建文件 52
3.4.3 案例10——文件或文件夾的
移動(dòng)和復(fù)制 52
3.4.4 案例11——?jiǎng)h除文件或
文件夾 53
3.5 綜合案例——?jiǎng)?chuàng)建本地站點(diǎn) 54
3.6 疑難解惑 55
第2篇 核心技術(shù)
第4章 制作我的第一個(gè)網(wǎng)頁(yè)——
使用文本豐富網(wǎng)頁(yè)內(nèi)容 59
4.1 網(wǎng)頁(yè)文檔的基本操作 60
4.1.1 案例1——?jiǎng)?chuàng)建網(wǎng)頁(yè) 60
4.1.2 案例2——頁(yè)面屬性 60
4.1.3 案例3——保存網(wǎng)頁(yè) 63
4.1.4 案例4——打開(kāi)網(wǎng)頁(yè) 63
4.1.5 案例5——預(yù)覽網(wǎng)頁(yè) 64
4.2 添加網(wǎng)頁(yè)內(nèi)容 65
4.2.1 案例6——插入文字 65
4.2.2 案例7——設(shè)置字體 66
4.2.3 案例8——設(shè)置字號(hào) 66
4.2.4 案例9——設(shè)置字體顏色 67
4.2.5 案例10——設(shè)置字體樣式 68
4.2.6 案例11——編輯段落 69
4.2.7 案例12——?jiǎng)?chuàng)建項(xiàng)目列表 74
4.3 使用特殊文本添加網(wǎng)頁(yè)內(nèi)容 77
4.3.1 案例13——插入換行符 77
4.3.2 案例14——插入水平線 77
4.3.3 案例15——插入日期 78
4.3.4 案例16——插入特殊字符 79
4.4 綜合案例——制作圖文并茂的網(wǎng)頁(yè) 80
4.5 疑難解惑 82
第5章 有圖有真相——使用圖像與
多媒體網(wǎng)頁(yè)元素 83
5.1 常用圖像格式 84
5.1.1 GIF格式 84
5.1.2 JPEG格式 84
5.1.3 PNG格式 85
5.2 用圖像美化網(wǎng)頁(yè) 85
5.2.1 案例1——插入圖像 86
5.2.2 案例2——設(shè)置圖像的屬性 87
5.2.3 案例3——設(shè)置圖像對(duì)齊方式 89
5.2.4 案例4——剪裁需要的圖像 90
5.2.5 案例5——調(diào)整圖像的亮度與
對(duì)比度 91
5.2.6 案例6——設(shè)置圖像的
銳化效果 92
5.3 插入其他圖像元素 93
5.3.1 案例7——插入鼠標(biāo)經(jīng)過(guò)圖像 94
5.3.2 案例8——插入圖像占位符 96
5.3.3 案例9——插入圖像熱點(diǎn)區(qū)域 96
5.4 在網(wǎng)頁(yè)中插入多媒體 97
5.4.1 案例10——插入背景音樂(lè) 98
5.4.2 案例11——插入Flash動(dòng)畫 98
5.4.3 案例12——插入FLV視頻 99
5.4.4 案例13——插入HTML5
音頻 101
5.4.5 案例14——插入HTML5
視頻 102
5.5 綜合案例1——制作精彩的
多媒體網(wǎng)頁(yè) 104
5.6 綜合案例2——在【代碼】視圖中
插入背景音樂(lè) 105
5.7 疑難解惑 107
第6章 不在網(wǎng)頁(yè)中迷路——設(shè)計(jì)
網(wǎng)頁(yè)中的超鏈接 109
6.1 超級(jí)鏈接 110
6.1.1 鏈接的概念 110
6.1.2 常規(guī)的鏈接 110
6.1.3 鏈接的類型 111
6.2 鏈接路徑 112
6.2.1 URL概述 112
6.2.2 絕對(duì)路徑 112
6.2.3 相對(duì)路徑 113
6.2.4 根路徑 113
6.3 創(chuàng)建超級(jí)鏈接的方法 113
6.3.1 案例1——使用菜單命令
創(chuàng)建鏈接 113
6.3.2 案例2——使用【屬性】面板
創(chuàng)建鏈接 114
6.3.3 案例3——使用【指向文件】
按鈕創(chuàng)建鏈接 114
6.4 創(chuàng)建不同種類的網(wǎng)頁(yè)超鏈接 115
6.4.1 案例4——添加文本鏈接 115
6.4.2 案例5——添加圖像鏈接 116
6.4.3 案例6——?jiǎng)?chuàng)建外部鏈接 117
6.4.4 案例7——?jiǎng)?chuàng)建錨記鏈接 117
6.4.5 案例8——?jiǎng)?chuàng)建圖像熱點(diǎn)
鏈接 119
6.4.6 案例9——?jiǎng)?chuàng)建電子郵件
鏈接 120
6.4.7 案例10——?jiǎng)?chuàng)建下載文件的
鏈接 121
6.4.8 案例11——?jiǎng)?chuàng)建空鏈接 122
6.4.9 案例12——?jiǎng)?chuàng)建腳本鏈接 122
6.5 綜合案例——為企業(yè)網(wǎng)站添加友情
鏈接 123
6.6 疑難解惑 124