項目一(yī)   網頁設計(jì)與網站(zhàn)建設基礎
任務一(yī)  網頁設計(jì)基礎知(zhī)識... 1

一(yī)、網頁、網站(zhàn)和(÷"•hé)主頁... 1

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

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

任務二  網站(zhàn)建設流程... 6

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

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

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

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

項目小(xiǎo)結... 8

項目習(xí)題... 8

項目二   Dreamweaver CS6 輕松入門(mén)

任務一(yī)  Dreamweaver CS6‌‍≠工(gōng)作(zuò)界面... 10

一(yī)、菜單欄... 11

二、文(wén)檔工(gōng)具欄... 12

三、文(wén)檔窗(chuāng)口... 14

四、狀态欄... 15

五、“屬性”面闆... 16

六、面闆組... 17

七、“插入”面闆... 18

任務二  網頁文(wén)檔的(de)基本操作(zuò♥γ♠↑)... 19

一(yī)、創建空(kōng)白(bái)文(wén)檔... 19

二、保存與關閉網頁文(wén)檔... 20

三、打開(kāi)網頁文(wén)檔... 21

四、預覽網頁... 22

任務三  站(zhàn)點的(de)創建... 22

一(yī)、創建站(zhàn)點... 22

二、設置站(zhàn)點... 24

任務四  站(zhàn)點的(de)管理(lǐ)... 24

一(yī)、删除站(zhàn)點... 24

二、編輯站(zhàn)點... 25

三、複制(zhì)站(zhàn)點... 25

四、導出站(zhàn)點... 26

五、導入站(zhàn)點... 26

任務五  站(zhàn)點的(de)上(shàng)傳與下(xià)載... 27

項目小(xiǎo)結... 30

項目習(xí)題... 30

項目三   創建網頁基本對(duì)象

任務一(yī)  在網頁中插入文(wén)本... 31

一(yī)、輸入各種文(wén)本... 31

二、編輯文(wén)本屬性... 33

任務二  在網頁中插入圖像... 35

一(yī)、插入圖像... 35

二、設置圖像屬性... 36

三、調整圖像的(de)大(dà)小(xiǎo)... 37

四、設置圖像的(de)對(duì)齊方式... 37

任務三  圖像編輯器(qì)的(de)使用(yòng)... 38

一(yī)、裁剪圖像... 39

二、調整圖像亮(liàng)度和(hé)對(duì)比度... 39

三、銳化(huà)圖像... 40

任務四  其他(tā)多(duō)媒體(tǐ)元素的(de​♠)插入... 40

一(yī)、插入圖像占位符... 41

二、插入鼠标經過圖像... 41

三、插入Flash動畫(huà)... 43

四、插入背景音(yīn)樂(yuè)... 44

任務五  在網頁中創建超鏈接... 45

一(yī)、創建圖像鏈接... 45

二、創建圖像熱(rè)點鏈接... 46

三、創建錨點鏈接... 47

四、創建E-mail鏈接... 48

五、創建腳本鏈接... 49

六、創建下(xià)載文(wén)件(jiàn)鏈接... 50

七、創建空(kōng)鏈接... 51

項目小(xiǎo)結... 51

項目習(xí)題... 52

項目四   使用(yòng)表格布局網頁

任務一(yī)  表格的(de)創建... 53

一(yī)、創建表格... 53

二、選擇表格... 55

任務二  表格和(hé)單元格的(de)編輯... 56

一(yī)、複制(zhì)與粘貼單元格... 56

二、添加與删除行(xíng)和(hé)列... 57

三、拆分(fēn)與合并單元格... 58

任務三  表格屬性的(de)設置... 59

一(yī)、設置表格屬性... 59

二、設置單元格屬性... 62

項目小(xiǎo)結... 64

項目習(xí)題... 64

項目五   使用(yòng)AP Div布局網頁

任務一(yī)  AP Div的(de)創建與設置... 66

一(yī)、創建普通(tōng)Div. 66

二、創建AP Div. 67

三、創建嵌套AP Div. 69

任務二  AP Div的(de)編輯... 69

一(yī)、選擇AP Div. 70

二、移動AP Div. 70

三、對(duì)齊AP Div. 71

四、設置AP Div堆疊順序... 72

五、改變AP Div可(kě)見(jiàn)性... 72

六、防止AP Div重疊... 73

任務三  AP Div與表格的(de)相(xiàng)互轉換... 73

一(yī)、将表格轉換為(wèi)AP Div. 74

二、将AP Div轉換為(wèi)表格... 75

項目小(xiǎo)結... 75

項目習(xí)題... 76

項目六   使用(yòng)表單

任務一(yī)  表單的(de)創建... 77

一(yī)、了(le)解表單... 77

二、創建表單... 78

三、設置表單屬性... 78

任務二  表單對(duì)象的(de)添加... 79

一(yī)、插入文(wén)本字段... 79

二、插入複選框... 81

三、插入單選按鈕... 81

四、插入隐藏域... 82

五、插入文(wén)件(jiàn)域... 83

六、插入列表和(hé)菜單... 83

七、插入按鈕... 86

八、創建跳(tiào)轉菜單... 86

項目小(xiǎo)結... 87

項目習(xí)題... 88

項目七   使用(yòng)CSS樣式美(měi)化(huà)網頁 

任務一(yī)  了(le)解與創建CSS樣式... 89

一(yī)、了(le)解CSS的(de)基本語法... 89

二、在網頁中引用(yòng)CSS的(de)方式... 90

三、新建CSS樣式... 91

任務二  設置CSS樣式表... 92

一(yī)、設置“類型”屬性... 92

二、設置“背景”屬性... 94

三、設置“區(qū)塊”屬性... 95

四、設置“方框”屬性... 96

五、設置“邊框”屬性... 97

六、設置“列表”屬性... 98

七、設置“定位”屬性... 98

八、設置“擴展”屬性... 99

九、設置“過渡”屬性... 99

任務三  層疊樣式表的(de)管理(lǐ)... 99

一(yī)、編輯CSS層疊樣式... 100

二、鏈接外(wài)部CSS樣式表文(wén)件(jiàn)... 100

三、删除CSS層疊樣式... 101

項目小(xiǎo)結... 102

項目習(xí)題... 102

項目八  使用(yòng)行(xíng)為(wèi)創建網頁   

任務一(yī)  行(xíng)為(wèi)和(hé)事(shì)件(j↔≤✔iàn)....................... 103

一(yī)、認識行(xíng)為(wèi)和(hé)事(shì)件(jià✔‌n)... 103

二、“行(xíng)為(wèi)”面闆... 105

任務二  利用(yòng)行(xíng)為(wèi)調節浏覽器(qì)... 107

一(yī)、打開(kāi)浏覽器(qì)窗‌πσ≈(chuāng)口......................... 107

二、創建自(zì)動關閉網頁..................... 109

三、創建自(zì)動關閉網頁..................... 109

任務三  行(xíng)為(wèi)和(hé)事(shì)件(jiàn)... 111

一(yī)、交換圖像與恢複交換圖像........... 111

任務四  利用(yòng)行(xíng)為(wèi)顯示文(wén)本... 112

一(yī)、彈出信息.......................↕♣®¶............. 112

二、設置狀态欄文(wén)本........................∏∞∏. 113

三、設置文(wén)本域文(wén)字.....................$₹.... 114

任務五  Spry效果的(de)添加... 114

一(yī)、添加增大(dà)/收縮效果..................... 115

二、添加擠壓效果............................. 115

三、添加顯示/漸隐效果..................... 116

項目小(xiǎo)結... 117

項目習(xí)題... 117

 

項目九   Flash CS6快(kuài)速入門(mén) 

任務一(yī)  Flash CS6工(gōng)作(zuò)界面... 118

一(yī)、工(gōng)作(zuò)界面.................................... 118

二、菜單欄.....................................∏☆•.. 119

三、“時(shí)間(jiān)軸”面闆..............................↑≠σ'. 121

四、工(gōng)具箱.....................→∑"γ.................. 121

五、面闆.....................÷λπ‌..................... 122

任務二  Flash CS6基本操作(zuò)... 124

一(yī)、Flash文(wén)檔管理(lǐ)........................... 124

二、工(gōng)作(zuò)區(qū)操作(zuò)................................ →ε127

任務三  基本工(gōng)具的(de)使用(yòng)... 129

一(yī)、繪圖工(gōng)具................................... 130

二、選取工(gōng)具................................... 133

三、顔色設置工(gōng)具............................ 136

四、文(wén)本工(gōng)具................................... 138

項目小(xiǎo)結... 141

項目習(xí)題... 141

項目十   使用(yòng)元件(jiàn)、實例與庫↕< 

任務一(yī)  創建、編輯與使用(yòng)元件(jiàn)... 142

一(yī)、元件(jiàn)的(de)創®δ™↑建...............................αγ. 142

二、元件(jiàn)的(de)編輯..............................≠↔₹β.. 146

三、使用(yòng)元件(jiàn)................................☆'∞↕... 148

任務二  實例的(de)創建與編輯... 149

一(yī)、創建實例..................... φε.............. 149

二、編輯實例................................₽≠... 150

任務三  “庫”面闆的(de)使用(yòng)... 152

一(yī)、“庫”面闆....................↕∑.................. 152

二、“公共庫”面闆...........................♠δ↓.... 153

項目小(xiǎo)結... 154

項目習(xí)題... 155

 

項目十一(yī)   創建基本Flash動畫(huà) 

任務一(yī)  時(shí)間(jiān)軸與幀... 156

一(yī)、認識“時(shí)間(jiān)軸”面闆......................¶↔∞ 156

二、認識幀.......................................¥λ 158

三、認識圖層.....................§‍©↔.............. 161

任務二  基本動畫(huà)的(de)制(zhì)作(zuò)... 164

一(yī)、Flash動畫(huà)制(zhì)作(zuò)流程.................... 164

二、制(zhì)作(zuò)逐幀動畫(huà)............................ 165

三、制(zhì)作(zuò)傳統補間(jiān)動畫(huà)..................... 167&σφ

四、制(zhì)作(zuò)補間(jiān)動畫(huà).......................₽ ÷↑..... 169

五、制(zhì)作(zuò)形狀補間(jiān ¶)動畫(huà)..................... 170

任務三  實例的(de)創建與編輯... 173

一(yī)、制(zhì)作(zuò)遮罩層動畫(huà).......................¶<♠♠.. 173

二、制(zhì)作(zuò)引導層動畫(huà)......................... 175

項目小(xiǎo)結... 178

項目習(xí)題... 178

項目十二   Photoshop網頁應用(yòng)基礎

任務一(yī)  Photoshop CS6基本工(gōng)具的(de)使用(yòng)... 179

一(yī)、移動工(gōng)具.............................φ≈...... 179

二、創建選區(qū)工(gōng)具.....................¥>'....... 180

三、裁切圖像工(gōng)具............................ 182

四、圖像修改工(gōng)具............................ε≠ 184

五、路(lù)徑工(gōng)具..........................∞δ¥★......... 187

六、文(wén)字工(gōng)具.......................Ωπ............ 190

任務二  常用(yòng)面闆的(de)使用(yòng)... 193

一(yī)、“圖層”面闆................................... 19 ÷∞3

二、“通(tōng)道(dào)”面闆...................................¥‍ 196

三、“路(lù)徑”面闆................................... 196

項目小(xiǎo)結... 197

項目習(xí)題... 197

  

項目十三   使用(yòng)Photoshop處理(lǐ)網頁圖像  

任務一(yī)  網頁圖像大(dà)小(xiǎo)的(de✔£≠)調整... 199

一(yī)、調整圖像大(dà)小(xiǎo)......................≈β‍>...... 199

二、調整畫(huà)布大(dà)小(xiǎo)............................ 200

任務二  網頁圖像的(de)變換與變形... 201

一(yī)、變換圖像................................... 201

二、內(nèi)容識别比例縮放(fàng××≤₹)..................... ♦¶​202

任務三  修飾與修複網頁圖像... 203

一(yī)、使用(yòng)圖章(zhāng)™∏工(gōng)具組修複圖像........... 203

二、使用(yòng)修複工(gōng)具組修複δα®♦圖像........... 204

任務四  網頁圖像色彩的(de)調整... 207

一(yī)、使用(yòng)“色階”命令調整圖像色調 .......................®β®ε.... 207

二、使用(yòng)“曲線”命令調整圖像色調............................ 208

三、使用(yòng)“亮(liàng)度/對(duì)比度”命令調整圖像色調............................ 209

四、使用(yòng)“色彩平衡”命令調整圖像色彩與色調.................. 209

五、使用(yòng)“色相(xiàng)/飽和(hé)度”命令調整圖像顔色............................ 210

項目小(xiǎo)結... 212

項目習(xí)題... 212

項目十四   企業(yè£₽)網站(zhàn)設計(jì)綜合案例

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

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

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

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

五、制(zhì)作(zuò)網頁頭部部分(fē♣<↕n)..................... 225

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

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

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

項目小(xiǎo)結... 233

項目習(xí)題... 234