第1章(zhāng)  網頁設計(jì)與網站(zhàn)建設基礎₽<<... 1

【本章(zhāng)導讀(dú)】... 1

【本章(zhāng)目标】... 1

1.1  網頁設計(jì)基礎知(zhī)識... 1

一(yī)、網絡、因特網（Internet）和(hé)萬維網（WWW）... 1

二、網頁、網站(zhàn)和(hé)主頁... 2

三、網頁基本功能(néng)元素... 3

四、網頁色彩搭配... 5

1.2  網站(zhàn)建設流程... 6

一(yī)、網站(zhàn)結構的(de)規劃... 6

二、網站(zhàn)頁面的(de)制(zhì)作(zuò)... 7

三、網站(zhàn)的(de)測試... 7

四、網站(zhàn)的(de)上(shàng)傳與發布... 8

五、網站(zhàn)的(de)維護... 8

本章(zhāng)小(xiǎo)結... 8

本章(zhāng)習(xí)題... 8

第2章(zhāng)  Dreamweaver CS6操作(zuò)基礎... 10

【本章(zhāng)導讀(dú)】... 10

【本章(zhāng)目标】... 10

2.1  Dreamweaver CS6基礎知(zhī)識... 10

一(yī)、Dreamweaver CS6的(de)功能(néng)... 10

二、Dreamweaver CS6的(de)工(gōng)作(zuò)環境... 11

三、Dreamweaver CS6的(de)工(gōng)作(zuò)界面... 11

2.2  網頁文(wén)檔的(de)基本操作(zuò)... 20

實例1  創建空(kōng)白(bái)文(wén)檔... 20

實例2  保存與關閉網頁文(wén)檔... 21

實例3  打開(kāi)網頁文(wén)檔... 22

實例4  預覽網頁... 23

2.3  站(zhàn)點的(de)創建... 23

實例  創建和(hé)設置站(zhàn)點... 23

2.4  站(zhàn)點的(de)管理(lǐ)... 25

實例1  删除站(zhàn)點... 25

實例2  編輯站(zhàn)點... 26

實例3  複制(zhì)站(zhàn)點... 26

實例4  導出站(zhàn)點... 27

實例5  導入站(zhàn)點... 27

2.5  站(zhàn)點的(de)上(shàng)傳與✘β♥♦下(xià)載... 28

本章(zhāng)小(xiǎo)結... 31

本章(zhāng)習(xí)題... 31

第3章(zhāng)  創建網頁基本對(duì)象... 32

【本章(zhāng)導讀(dú)】... 32

【本章(zhāng)目标】... 32

3.1  在網頁中插入文(wén)本... 32

實例1  輸入各種文(wén)本... 32

實例2  編輯文(wén)本屬性... 34

3.2  在網頁中插入圖像... 36

實例1  插入圖像并設置圖像屬性... 36

實例2  調整圖像的(de)大(dà)小(xiǎo)... 38

3.3  圖像編輯器(qì)的(de)使用(yòng)... 39

實例1  裁剪圖像... 40

實例2  調整圖像的(de)亮(liàng)度和(hé)對(duì)比度... 41

實例3  銳化(huà)圖像... 41

3.4  其他(tā)多(duō)媒體(tǐ)元素的(de)插入... 41

實例1  插入圖像占位符... 42

實例2  插入鼠标經過圖像... 42

實例3  插入Flash動畫(huà)... 44

實例4  插入背景音(yīn)樂(yuè)... 45

3.5  在網頁中創建超鏈接... 46

實例1  創建圖像超鏈接... 46

實例2  創建圖像熱(rè)點鏈接... 47

實例3  創建錨點鏈接... 48

實例4  創建E-mail鏈接... 49

實例5  創建腳本超鏈接... 50

實例6  創建下(xià)載文(wén)件(jiàn)鏈接... 51

實例7  創建空(kōng)鏈接... 52

本章(zhāng)小(xiǎo)結... 52

本章(zhāng)習(xí)題... 53

第4章(zhāng)  使用(yòng)表格布局網頁... 54

【本章(zhāng)導讀(dú)】... 54

【本章(zhāng)目标】... 54

4.1  表格的(de)創建... 54

實例1  創建表格... 54

實例2  選擇表格... 55

4.2  表格和(hé)單元格的(de)編輯... 57

實例1  複制(zhì)與粘貼單元格... 57

實例2  添加與删除行(xíng)和(hé)列... 58

實例3  拆分(fēn)與合并單元格... 59

4.3  表格屬性的(de)設置... 60

實例1  設置表格屬性... 60

實例2  設置單元格屬性... 63

本章(zhāng)小(xiǎo)結... 65

本章(zhāng)習(xí)題... 66

第5章(zhāng)  使用(yòng)AP Div布局網頁... 67

【本章(zhāng)導讀(dú)】... 67

【本章(zhāng)目标】... 67

5.1  AP Div的(de)創建與設置... 67

實例1  創建普通(tōng)Div. 67

實例2  創建AP Div. 68

實例3  創建嵌套AP Div. 70

5.2  AP Div的(de)編輯... 71

實例1  選擇AP Div. 71

實例2  移動AP Div. 72

實例3  對(duì)齊AP Div. 72

實例4  設置AP Div的(de)堆疊順序... 73

實例5  改變AP Div可(kě)見(jiàn)性... 73

實例6  防止AP Div重疊... 74

5.3  AP Div與表格的(de)相(xiàng)互轉換... 75

實例1  将表格轉換為(wèi)AP Div. 75

實例2  将AP Div轉換為(wèi)表格... 76

本章(zhāng)小(xiǎo)結... 76

本章(zhāng)習(xí)題... 77

第6章(zhāng)  使用(yòng)表單... 78

【本章(zhāng)導讀(dú)】... 78

【本章(zhāng)目标】... 78

6.1  表單的(de)創建... 78

基本知(zhī)識... 78

實例  創建表單... 79

6.2  表單對(duì)象的(de)添加... 79

實例1  插入文(wén)本字段... 80

實例2  插入複選框... 81

實例3  插入單選按鈕... 82

實例4  插入隐藏域... 83

實例5  插入文(wén)件(jiàn)域... 84

實例6   插入列表和(hé)菜單... 84

實例7  插入按鈕... 87

實例8  創建跳(tiào)轉菜單... 87

本章(zhāng)小(xiǎo)結... 88

本章(zhāng)習(xí)題... 89

第7章(zhāng)  使用(yòng)CSS樣式美(měi)化(huà)網頁... 90

【本章(zhāng)導讀(dú)】... 90

【本章(zhāng)目标】... 90

7.1  創建CSS樣式... 90

基本知(zhī)識... 90

實例  新建CSS樣式... 92

7.2  設置CSS樣式表... 93

實例1  設置“類型”屬性... 93

實例2  設置“背景”屬性... 94

實例3  設置“區(qū)塊”屬性... 96

實例4  設置“方框”屬性... 97

實例5  設置“邊框”屬性... 98

實例6  設置“列表”屬性... 99

實例7  設置“定位”屬性... 100

實例8  設置“擴展”屬性... 100

7.3  層疊樣式表的(de)管理(lǐ)... 101

實例1  編輯CSS層疊樣式... 101

實例2  鏈接外(wài)部CSS樣式表文(wén)件(jiàn)... 102

實例3  删除CSS層疊樣式... 103

本章(zhāng)小(xiǎo)結... 103

本章(zhāng)習(xí)題... 104

第8章(zhāng)  使用(yòng)行(xíng)為(wèi)創建網頁✘&→... 105

【本章(zhāng)導讀(dú)】... 105

【本章(zhāng)目标】... 105

8.1  行(xíng)為(wèi)和(hé)事(shì)件( β€&jiàn)... 105

基本知(zhī)識... 105

實例  交換圖像與恢複交換圖像... 108

8.2  利用(yòng)行(xíng)為(wèi)調節浏覽器(qì)... 110 

實例1  打開(kāi)浏覽器(qì)窗(chuāσ®ng)口... 110

實例2  調用(yòng)腳本創建自(zì)動關閉♥ ±網頁... 111

實例3  轉到(dào)URL.. 112

8.3 利用(yòng)行(xíng)為(wèi)α₽✘顯示文(wén)本... 114

實例1  彈出信息... 114

實例2  設置狀态欄文(wén)本... 114

實例3  設置文(wén)本域文(wén)字... 115

8.4  Spry效果的(de)添加... 116

實例1  添加增大(dà)/收縮效果... 116

實例2  添加擠壓效果... 117

實例3  添加顯示/漸隐效果... 118

本章(zhāng)小(xiǎo)結... 119

本章(zhāng)習(xí)題... 119

第9章(zhāng)  Flash CS6操作(zuò)基礎... 121

【本章(zhāng)導讀(dú)】... 121

【本章(zhāng)目标】... 121

9.1  Flash CS6基本操作(zuò)... 121

基本知(zhī)識... 121

實例1  新建文(wén)檔... 127

實例2  保存文(wén)檔... 127

實例3  打開(kāi)文(wén)檔... 129

實例4  設置動畫(huà)場(chǎng)景... 129

實例5  使用(yòng)标尺、網格和(hé)輔助線... 130

9.2  基本工(gōng)具的(de)使用(yòng)... 132

實例1  繪圖工(gōng)具的(de)使用(yòng)... 133

實例2  選取工(gōng)具的(de)使用(yòng)... 136

實例3  填充工(gōng)具的(de)使用(yòng)... 139

實例4  文(wén)本工(gōng)具的(de)使用(yò'↕∑ng)... 141

本章(zhāng)小(xiǎo)結... 144

本章(zhāng)習(xí)題... 144 

第10章(zhāng)  使用(yòng)元件(jiàn)、實例與庫... 146

【本章(zhāng)導讀(dú)】... 146

【本章(zhāng)目标】... 146

10.1  創建、編輯與使用(yòng)元件(jiàn)... 146

基本知(zhī)識... 146

實例1  元件(jiàn)的(de)創建... 147

實例2  元件(jiàn)的(de)編輯... 151

實例3  使用(yòng)元件(jiàn)... 152

10.2  實例的(de)創建與編輯... 153

實例1  創建實例... 153

實例2  編輯實例... 154

10.3  “庫”面闆的(de)使用(yòng)... 156

實例1  “庫”面闆的(de)使用(yòng)... 156

實例2  公用(yòng)庫的(de)使用(yòng)... 158

本章(zhāng)小(xiǎo)結... 159

本章(zhāng)習(xí)題... 159

第11章(zhāng)  Flash基本動畫(huà)的(de)制(zhì)作(zuò)... 160

【本章(zhāng)導讀(dú)】... 160

【本章(zhāng)目标】... 160

11.1  時(shí)間(jiān)軸與幀... 160

基本知(zhī)識... 160

實例1  設置幀頻(pín)... 163

實例2  編輯幀... 163

實例3  創建圖層... 166

實例4  編輯圖層... 166

11.2  基本動畫(huà)的(de)制(zhì)作(zuò)... 168

基本知(zhī)識... 168

實例1  創建逐幀動畫(huà)... 171

實例2  創建傳統補間(jiān)動畫(huà)... 172

實例3  創建補間(jiān)動畫(huà)... 174

實例4  創建形狀補間(jiān)動畫(huà)... 176

11.3  實例的(de)創建與編輯... 177

基本知(zhī)識... 177

實例1  創建遮罩動畫(huà)... 178

實例2  創建引導層動畫(huà)... 180

本章(zhāng)小(xiǎo)結... 183

本章(zhāng)習(xí)題... 183

第12章(zhāng)  Photoshop網頁應用(yòng)基礎... 184

【本章(zhāng)導讀(dú)】... 184

【本章(zhāng)目标】... 184

12.1  Photoshop CS6基本工(gōng)具的(de)使用(yòng)... 184

實例1  移動工(gōng)具... 184

實例2  選區(qū)工(gōng)具... 185

實例3  裁切工(gōng)具... 187

實例4  圖像修改工(gōng)具... 188

實例5  路(lù)徑工(gōng)具... 192

實例6  文(wén)字工(gōng)具... 195

12.2  常用(yòng)面闆的(de)使用(yòng)... 199

實例1  “圖層”面闆的(de)使用(yòng)... 199

實例2  “通(tōng)道(dào)”面闆的(de)使用(yòng)... 201

實例3  “路(lù)徑”面闆的(de)使用(yòng)... 202

本章(zhāng)小(xiǎo)結... 203

本章(zhāng)習(xí)題... 203

第13章(zhāng)  使用(yòng)Photoshop處理(lǐ)網頁圖像... 205

【本章(zhāng)導讀(dú)】... 205

【本章(zhāng)目标】... 205

13.1  網頁圖像大(dà)小(xiǎo)的(de)調整>♠✘↕... 205

實例1  調整圖像大(dà)小(xiǎo)... 205

實例2  調整畫(huà)布大(dà)小(xiǎo)... 206

13.2  網頁圖像的(de)變換與變形... 207

實例1  變換圖像... 207

實例2  內(nèi)容識别比例縮放(fàng)... 208

13.3  修飾與修複網頁圖像... 208

實例1  使用(yòng)圖章(zhāng)工(gōng)具組修複圖像... 208

實例2  使用(yòng)修複工(gōng)具組修複圖像... 209

13.4  網頁圖像色彩與色調的(de)調整... 212

實例1  使用(yòng)“色階”命令調整圖像色調... 212

實例2  使用(yòng)“曲線”命令調整圖像色調... 213

實例3  使用(yòng)“亮(liàng)度/對(duì)比度”命令調整圖像色調... 214

實例4  使用(yòng)“色彩平衡”命令調整圖像的(de)色彩與色調... 215

實例5  使用(yòng)“色相(xiàng)/飽和(hé)度”命令調整圖像色彩... 215

本章(zhāng)小(xiǎo)結... 217

本章(zhāng)習(xí)題... 217

第14章(zhāng)  企業(yè)網站(zhàn)設計(jì)綜合案例... 219

【本章(zhāng)導讀(dú)】... 219

【本章(zhāng)目标】... 219

一(yī)、導航欄和(hé)Banner的(de)制(zhì)作(zuò)... 219

二、網頁主體(tǐ)部分(fēn)的(de)制(zhì)作(zuò)... 223

三、網頁底部的(de)制(zhì)作(zuò)... 228

四、将效果圖進行(xíng)切片... 229

五、制(zhì)作(zuò)網頁頭部部分(fēn)... 231

六、網頁主體(tǐ)部分(fēn)的(de)制(zhì)作(zuò)... 234

七、網頁頁腳部分(fēn)的(de)制(zhì)作(zuò)... 235

八、用(yòng)CSS樣式美(měi)化(huà)網頁... 237

本章(zhāng)小(xiǎo)結... 239

本章(zhāng)習(xí)題... 240