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

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