新手學(xué)做網(wǎng)站（Dreamweaver Flash Photoshop CS5版）目錄

時(shí)間：2023-02-17 13:24:01 | 來源：營(yíng)銷百科

時(shí)間：2023-02-17 13:24:01 來源：營(yíng)銷百科

新手學(xué)做網(wǎng)站（Dreamweaver Flash Photoshop CS5版）目錄：第1章?輕松制作簡(jiǎn)單網(wǎng)頁

1.1?網(wǎng)站建設(shè)基礎(chǔ)知識(shí) 2

1.1.1?學(xué)習(xí)1小時(shí) 2

1．什么是網(wǎng)站 2

2．網(wǎng)站類型 2

3．網(wǎng)站建設(shè)流程 4

4．購買服務(wù)器空間6

5．申請(qǐng)域名 7

6．網(wǎng)站建設(shè)常用軟件 9

1.1.2?上機(jī)1小時(shí)：

制作網(wǎng)站前的準(zhǔn)備 9

1.2?開始簡(jiǎn)單網(wǎng)頁制作 12

1.2.1?學(xué)習(xí)1小時(shí) 12

1．熟悉DreamweaverCS5的操作界面 12

2．創(chuàng)建網(wǎng)頁文檔 13

3．保存與關(guān)閉網(wǎng)頁文檔 14

4．打開已有網(wǎng)頁并查看網(wǎng)頁效果 15

5．設(shè)置頁面屬性 16

6．另存網(wǎng)頁文檔 17

1.2.2?上機(jī)1小時(shí)：

創(chuàng)建index.html網(wǎng)頁 18

1.3?跟著視頻做練習(xí) 20

1．練習(xí)1小時(shí)：為制作網(wǎng)站做好準(zhǔn)備工作 20

2．練習(xí)1小時(shí)：創(chuàng)建default.html網(wǎng)頁 20

1.4?秘技偷偷報(bào) 21

1．選擇域名的技巧 21

2．選擇空間的技巧 21

3．創(chuàng)建帶有布局的網(wǎng)頁 22

第2章?為網(wǎng)頁添加各種對(duì)象

2.1?網(wǎng)站開發(fā)環(huán)境配置 24

2.1.1?學(xué)習(xí)1小時(shí) 24

1．安裝IIS有什么作用 24

2．安裝IIS 24

3．配置IIS 26

4．在Dreamweaver中建立站點(diǎn) 28

2.1.2?上機(jī)1小時(shí)：

配置開發(fā)環(huán)境 31

2.2?添加網(wǎng)頁對(duì)象 34

2.2.1?學(xué)習(xí)1小時(shí) 34

1．為網(wǎng)頁添加文本 34

2．為網(wǎng)頁添加圖像 39

3．讓網(wǎng)頁動(dòng)起來 43

2.2.2?上機(jī)1小時(shí)：

制作'飛車視頻'網(wǎng)頁 49

2.3?使用CSS美化網(wǎng)頁 52

2.3.1?學(xué)習(xí)1小時(shí) 52

1．什么是CSS樣式表52

2．創(chuàng)建CSS樣式表 53

3．應(yīng)用CSS樣式55

4．修改CSS樣式 56

5．CSS樣式設(shè)置詳解 57

6．附加CSS樣式表 61

2.3.2?上機(jī)1小時(shí)：

美化2010網(wǎng)頁 62

2.4?跟著視頻做練習(xí) 65

1．練習(xí)1小時(shí)：創(chuàng)建并配置hao2345

站點(diǎn) 65

2．練習(xí)1小時(shí)：制作help.html網(wǎng)頁 66

2.5?秘技偷偷報(bào) 67

1．添加'大于'、'小于'符號(hào)的技巧 67

2．將CSS樣式作為單獨(dú)文件進(jìn)行保存 67

3．快速預(yù)覽樣式效果 68

第3章?對(duì)網(wǎng)頁進(jìn)行布局

3.1?使用表格對(duì)網(wǎng)頁進(jìn)行布局 70

3.1.1?學(xué)習(xí)1小時(shí) 70

1．創(chuàng)建表格 70

2．選擇表格元素 71

3．編輯表格 74

4．設(shè)置表格屬性 77

5．設(shè)置單元格屬性 78^[1]

3.1.2?上機(jī)1小時(shí)：

用表格布局'考勤表'網(wǎng)頁 78

3.2?使用Div對(duì)網(wǎng)頁進(jìn)行布局 80

3.2.1?學(xué)習(xí)1小時(shí) 81

1．Div標(biāo)簽與APDiv的關(guān)系 81

2．創(chuàng)建APDiv 81

3．APDiv的基本操作 82

4．設(shè)置APDiv屬性 86

5．創(chuàng)建Div標(biāo)簽 88

6．使用CSS Div布局 89

3.2.2?上機(jī)1小時(shí)：

用Div布局網(wǎng)頁頂部版塊 92

3.3?使用框架對(duì)網(wǎng)頁進(jìn)行布局 95

3.3.1?學(xué)習(xí)1小時(shí) 95

1．認(rèn)識(shí)框架及框架集 95

2．創(chuàng)建框架網(wǎng)頁 95

3．選擇框架和框架集 98

4．保存框架和框架集 99

5．刪除框架 102

6．設(shè)置框架集及框架的屬性 103

7．建立浮動(dòng)框架并設(shè)置屬性 104

3.3.2?上機(jī)1小時(shí)：

制作網(wǎng)站后臺(tái)管理頁面 106

3.4?跟著視頻做練習(xí) 110

1．練習(xí)1小時(shí)：制作流行服裝秀網(wǎng)頁 110

2．練習(xí)1小時(shí)：制作網(wǎng)站聯(lián)盟網(wǎng)頁 111

3.5?秘技偷偷報(bào) 111

1．選擇表格或Div布局 112

2．在指定框架中打開目標(biāo)網(wǎng)頁 112

3．生成無框架內(nèi)容提示 112

4．快速使用Div布局 112

第4章?添加表單與制作簡(jiǎn)單動(dòng)態(tài)網(wǎng)頁

4.1?制作表單網(wǎng)頁 114

4.1.1?學(xué)習(xí)1小時(shí) 114

1．認(rèn)識(shí)表單 114

2．創(chuàng)建表單 114

3．添加表單對(duì)象并進(jìn)行屬性設(shè)置 115

4．客戶端表單驗(yàn)證 125

4.1.2?上機(jī)1小時(shí)：

制作登錄表單網(wǎng)頁 126

4.2?制作動(dòng)態(tài)網(wǎng)頁 130

4.2.1?學(xué)習(xí)1小時(shí) 130

1．創(chuàng)建數(shù)據(jù)庫文件 130

2．動(dòng)態(tài)站點(diǎn)的創(chuàng)建及配置 132

3．連接數(shù)據(jù)庫 134

4．讀取記錄 134

5．插入記錄 136

6．修改記錄 137

7．刪除記錄 139

4.2.2?上機(jī)1小時(shí)：

制作登錄動(dòng)態(tài)網(wǎng)頁 141

4.3?跟著視頻做練習(xí) 144

1．練習(xí)1小時(shí)：制作'會(huì)員注冊(cè)'

表單頁面 144

2．練習(xí)1小時(shí)：制作'會(huì)員注冊(cè)'

動(dòng)態(tài)頁面 145

4.4?秘技偷偷報(bào) 145

1．快速添加表單對(duì)象及表單 146

2．快速添加表單對(duì)象 146

3．解決文本字段與密碼字段顯示

長(zhǎng)度不一致的問題 146

第5章?FlashCS5的基本操作

5.1?制作簡(jiǎn)單Flash動(dòng)畫 148

5.1.1?學(xué)習(xí)1小時(shí) 148

1．FlashCS5工作界面 148

2．新建Flash文檔 150

3．關(guān)閉和保存Flash文檔 150

4．設(shè)置文檔屬性 151

5．打開Flash文檔 152

6．使用輔助工具 153

5.1.2?上機(jī)1小時(shí)：

新建banner動(dòng)畫文檔 154

5.2?使用FlashCS5工具 157

5.2.1?學(xué)習(xí)1小時(shí) 157

1．使用標(biāo)準(zhǔn)工具繪制對(duì)象 157

2．使用自由工具繪制對(duì)象 163

3．使用變形工具編輯對(duì)象 164

4．使用文本工具 165

5．為對(duì)象填充顏色 167

6．使用墨水瓶工具 168

5.2.2?上機(jī)1小時(shí)：

繪制小花圖形 169

5.3?跟著視頻做練習(xí) 171

1．練習(xí)1小時(shí)：新建LogoFlash文檔 171

2．練習(xí)1小時(shí)：制作Flash廣告對(duì)象 171

5.4?秘技偷偷報(bào) 172

1．幀頻設(shè)置技巧 172

2．讓場(chǎng)景大小與內(nèi)容一樣大 172

第6章?認(rèn)識(shí)元件與'庫'面板

6.1?認(rèn)識(shí)圖層與時(shí)間軸 174

6.1.1?學(xué)習(xí)1小時(shí) 174

1．認(rèn)識(shí)圖層 174

2．圖層的基本操作 175

3．認(rèn)識(shí)'時(shí)間軸'面板 175

4．時(shí)間軸的基本操作 176

6.1.2?上機(jī)1小時(shí)：

???為'大優(yōu)惠'動(dòng)畫創(chuàng)建圖層 179

6.2?認(rèn)識(shí)與創(chuàng)建元件 181

6.2.1?學(xué)習(xí)1小時(shí) 181

1．認(rèn)識(shí)元件 181

2．認(rèn)識(shí)'庫'面板 182

3．創(chuàng)建元件 182

4．創(chuàng)建圖形元件 183

5．創(chuàng)建影片剪輯元件 184

6．創(chuàng)建按鈕元件 186

7．管理和使用庫 187^[1]

6.2.2?上機(jī)1小時(shí)：

制作'中秋'賀卡 189

6.3?跟著視頻做練習(xí) 192

1．練習(xí)1小時(shí)：創(chuàng)建'賀卡'簡(jiǎn)單動(dòng)畫 192

2．練習(xí)1小時(shí)：創(chuàng)建'花'動(dòng)畫 193

6.4?秘技偷偷報(bào) 194

1．元件使用技巧 194

2．'庫'面板使用技巧 194

第7章?制作基本Flash動(dòng)畫

7.1?創(chuàng)建基本動(dòng)畫 196

7.1.1?學(xué)習(xí)1小時(shí) 196

1．創(chuàng)建逐幀動(dòng)畫 196

2．創(chuàng)建補(bǔ)間形狀動(dòng)畫 198

3．創(chuàng)建傳統(tǒng)補(bǔ)間動(dòng)畫 199

4．創(chuàng)建補(bǔ)間動(dòng)畫 200

5．創(chuàng)建引導(dǎo)層動(dòng)畫 207

6．創(chuàng)建遮罩層動(dòng)畫 209

7.1.2?上機(jī)1小時(shí)：

創(chuàng)建'跑車'動(dòng)畫 211

7.2?制作多媒體Flash動(dòng)畫 212

7.2.1?學(xué)習(xí)1小時(shí) 213

1．在FlashCS5中可使用的聲音類型 213

2．導(dǎo)入聲音 213

3．使用聲音 214

4．設(shè)置聲音 214

5．編輯聲音 215

6．輸出聲音設(shè)置 215

7．可導(dǎo)入的視頻格式 216

8．導(dǎo)入視頻 216

7.2.2?上機(jī)1小時(shí)：

制作'音樂賀卡'動(dòng)畫 218

7.3?跟著視頻做練習(xí) 220

1．練習(xí)1小時(shí)：創(chuàng)建'海浪'動(dòng)畫 220

2．練習(xí)1小時(shí)：將'展開的畫卷.fla'

導(dǎo)出為AVI視頻 221

7.4?秘技偷偷報(bào) 221

1．基本Flash動(dòng)畫制作技巧 222

2．導(dǎo)出、壓縮和承載FLV文件 222

第8章?制作高級(jí)Flash動(dòng)畫并發(fā)布

8.1?制作Flash腳本動(dòng)畫 224

8.1.1?學(xué)習(xí)1小時(shí) 224

1．ActionScript3.0基本語法 224

2．常用ActionScript語句 228

3．FlashCS5中腳本的添加方法 232

8.1.2?上機(jī)1小時(shí)：

制作Flash導(dǎo)航菜單 234

8.2?Flash的優(yōu)化與發(fā)布 236

8.2.1?學(xué)習(xí)1小時(shí) 237

1．優(yōu)化動(dòng)畫 237

2．測(cè)試動(dòng)畫 238

3．設(shè)置動(dòng)畫發(fā)布格式 239

4．預(yù)覽發(fā)布效果 241

5．發(fā)布動(dòng)畫 241

6．創(chuàng)建獨(dú)立播放器 242

7．導(dǎo)出動(dòng)畫 242

8．導(dǎo)出圖像 242

8.2.2?上機(jī)1小時(shí)：

優(yōu)化與發(fā)布'愛'動(dòng)畫 242

8.3?跟著視頻做練習(xí) 244

1．練習(xí)1小時(shí)：制作游戲開場(chǎng)動(dòng)畫 244

2．練習(xí)1小時(shí)：制作橫排菜單 245

8.4?秘技偷偷報(bào) 246

1．將動(dòng)作保存在一起 246

2．保存和使用代碼片段 246

第9章?使用Photoshop制作網(wǎng)頁圖像

9.1?網(wǎng)頁布局與簡(jiǎn)單圖像制作 248

9.1.1?學(xué)習(xí)1小時(shí) 248

1．新建與保存網(wǎng)頁圖像文件 248

2．打開網(wǎng)頁圖像文件 249^[1]

3．使用輔助工具 250

4．使用矩形工具和圓角矩形工具 252

5．使用單行選框工具及單列選框工具 253

6．使用直線工具 255

7．使用油漆桶工具256

8．使用漸變工具 257

9.1.2?上機(jī)1小時(shí)：

制作'幫助中心'頁面圖像 259

9.2?制作文本特效 262

9.2.1?學(xué)習(xí)1小時(shí) 262

1．操作圖層 262

2．使用圖層樣式 264

3．輸入文本 267

4．設(shè)置文本格式 267

5．設(shè)置變形文字 268

9.2.2?上機(jī)1小時(shí)：

制作兌獎(jiǎng)廣告圖像 269

9.3?跟著視頻做練習(xí) 271

1．練習(xí)1小時(shí)：制作用戶登錄效果圖 271

2．練習(xí)1小時(shí)：制作服務(wù)頁面效果圖 272

9.4?秘技偷偷報(bào) 272

1．使用吸管工具取色 272

2．查看信息 272

第10章?使用Photoshop編輯網(wǎng)頁圖像

10.1?圖像編輯與色彩調(diào)整 274

10.1.1?學(xué)習(xí)1小時(shí) 274

1．創(chuàng)建選區(qū) 274

2．修改選區(qū) 276

3．修改圖像 279

4．網(wǎng)頁配色原理與技巧 282

5．調(diào)整圖像顏色 284

10.1.2?上機(jī)1小時(shí)：

?編輯'宣傳廣告'圖像 285

10.2?使用濾鏡制作特效圖像 288

10.2.1?學(xué)習(xí)1小時(shí) 288

1．浮雕效果 288

2．馬賽克 289

3．高斯模糊 289

4．動(dòng)感模糊 290

5．水波濾鏡 291

10.2.2?上機(jī)1小時(shí)：

??使用濾鏡制作特效廣告圖 291

10.3?跟著視頻做練習(xí) 294

1．練習(xí)1小時(shí)：小孩圖像摳圖 294

2．練習(xí)1小時(shí)：制作'人生要奔馳'

圖像 294

10.4?秘技偷偷報(bào) 294

1．使用ACDSee預(yù)覽PSD圖像文件 294

2．裁剪圖像 294

第11章?路徑與切片輸出

11.1?使用路徑進(jìn)行網(wǎng)站標(biāo)志繪制 296

11.1.1?學(xué)習(xí)1小時(shí) 296

1．認(rèn)識(shí)'路徑'控制面板 296

2．創(chuàng)建路徑 297

3．選擇路徑 298

4．調(diào)整路徑 299

11.1.2?上機(jī)1小時(shí)：

使用路徑繪制網(wǎng)站Logo 301

11.2?網(wǎng)頁切片輸出與動(dòng)畫制作 303

11.2.1?學(xué)習(xí)1小時(shí) 303

1．創(chuàng)建切片 303

2．編輯切片 304

3．輸出切片 305

4．創(chuàng)建動(dòng)畫 306

5．存儲(chǔ)動(dòng)畫 307

11.2.2?上機(jī)1小時(shí)：

?將'熱門商品'圖像切片輸出 308

11.3?跟著視頻做練習(xí) 310

1．練習(xí)1小時(shí)：制作網(wǎng)站標(biāo)志 310

2．練習(xí)1小時(shí)：制作加載動(dòng)畫 311

11.4?秘技偷偷報(bào) 312

1．輸出單張切片 312

2．鋼筆工具配合按鍵繪制路徑技巧 312

第12章?制作家具公司網(wǎng)頁

12.1?學(xué)習(xí)1小時(shí)：制作家具公司網(wǎng)頁 314

12.1.1?實(shí)例目標(biāo) 314

12.1.2?制作思路 314

12.1.3?制作過程 314

1．制作平面效果 315

2．切片輸出 319

3．編輯靜態(tài)網(wǎng)頁 320

12.2?跟著視頻做練習(xí)1小時(shí)：

??制作雜志網(wǎng)頁 323

12.3?秘技偷偷報(bào) 324

1．頁面布局與切片技巧 324

2．切片大小的技巧 324^[1]