商務(wù)網(wǎng)頁設(shè)計與制作實驗教程圖書目錄

時間：2023-02-13 17:18:01 | 來源：營銷百科

時間：2023-02-13 17:18:01 來源：營銷百科

商務(wù)網(wǎng)頁設(shè)計與制作實驗教程圖書目錄：第1章 網(wǎng)頁入門基礎(chǔ)... 1

1.1 理論知識講解... 1

1.1.1 網(wǎng)頁基本概念... 1

1.1.2HTML基礎(chǔ)... 4

1.1.3 網(wǎng)站構(gòu)建的基本流程... 8

1.1.4 網(wǎng)頁的色彩搭配... 13

1.1.5 選擇網(wǎng)頁制作軟件... 17

1.2 實驗任務(wù) 優(yōu)秀商務(wù)網(wǎng)頁賞析... 19

第2章 Dreamweaver CS6基礎(chǔ)... 20

2.1 理論知識講解... 20

2.1.1 Dreamweaver CS6工作環(huán)境... 20

2.1.2 建立本地站點(diǎn)... 27

2.2 實驗任務(wù)... 31

第3章 制作網(wǎng)頁內(nèi)容... 36

3.1 理論知識講解... 36

3.1.1 網(wǎng)頁中文本的應(yīng)用... 36

3.1.2 網(wǎng)頁中圖像的應(yīng)用... 49

3.1.3 網(wǎng)頁中多媒體對象的應(yīng)用... 55

3.1.4 網(wǎng)頁中的超鏈接... 59

3.2 實驗任務(wù)... 64

3.2.1 實驗任務(wù)一 文本屬性設(shè)置... 64

3.2.2 實驗任務(wù)二 創(chuàng)建鼠標(biāo)經(jīng)過交換圖像... 71

3.2.3 實驗任務(wù)三 在網(wǎng)頁中插入一個Flash動畫... 73

3.2.4 實驗任務(wù)四 插入音頻文件... 76

3.2.5 實驗任務(wù)五 設(shè)置超鏈接... 79

第4章 CSS樣式表... 83

4.1 理論知識講解... 83

4.1.1 認(rèn)識CSS樣式... 83

4.1.2 CSS樣式詳解... 92

4.1.3 創(chuàng)建CSS樣式... 100

4.2 實驗任務(wù)... 101

4.2.1 實驗任務(wù)一 使用內(nèi)部CSS樣式美化頁面... 101

4.2.2 實驗任務(wù)二 利用外部CSS樣式美化頁面... 109

第5章 網(wǎng)頁布局... 117

5.1 理論知識講解... 117

5.1.1 表格布局... 117

5.1.2 框架布局... 125

5.1.3 DIV CSS布局... 130

5.1.4 使用Div CSS布局頁面... 136

5.2 實驗任務(wù)... 137

5.2.1 實驗任務(wù)一 使用表格布局... 137

5.2.2 實驗任務(wù)二 框架網(wǎng)頁... 142

5.2.3 實驗任務(wù)三 使用DIV CSS布局'國'字形頁面... 144

第6章 網(wǎng)頁特效與交互... 148

6.1 理論知識講解... 148

6.1.1 AP元素... 148

6.1.2 行為... 154

6.1.3 Spry框架... 162

6.2 實驗任務(wù)... 169

6.2.1 實驗任務(wù)一 制作網(wǎng)頁加載時的彈出公告頁... 169

6.2.2 實驗任務(wù)二 設(shè)置交換圖像... 172

第7章 模板和庫的運(yùn)用... 175

7.1 理論知識講解... 175

7.1.1 模板... 175

7.1.2 庫... 183

7.2 實驗任務(wù)... 187

實驗任務(wù) 創(chuàng)建基于模板的網(wǎng)頁... 187

第8章 Photoshop網(wǎng)頁設(shè)計基礎(chǔ)... 191

8.1 理論知識講解... 191

8.1.1 認(rèn)識Photoshop CS4工作界面... 191

8.1.2 認(rèn)識工具箱工具... 192

8.1.3 認(rèn)識圖像文件... 193

8.1.4 第一工具區(qū)工具使用——選擇工具組... 195

8.1.5 第二工具區(qū)工具使用——繪制圖像組... 205

8.1.6 橡皮擦工具組... 214

8.1.7 第三工具區(qū)工具使用——矢量圖形繪制工具組... 221

8.2 實驗任務(wù)... 224

8.2.1 實驗任務(wù)一 書頁中的山水畫... 224

8.2.2 實驗任務(wù)二 菊花仙子... 226

8.2.3 實驗任務(wù)三 卡通拼圖... 227

8.2.4 實驗任務(wù)四 網(wǎng)頁模板切片制作... 228

8.2.5 實驗任務(wù)五 商品水印... 229

8.2.6 實驗任務(wù)六 雨后彩虹... 232

第9章 Photoshop網(wǎng)頁元素設(shè)計... 236

9.1 理論知識講解... 236

9.1.1 設(shè)計網(wǎng)站圖標(biāo)... 236

9.1.2 導(dǎo)航按鈕設(shè)計... 237

9.1.3 網(wǎng)頁導(dǎo)航條設(shè)計... 238

9.1.4 簡單網(wǎng)絡(luò)廣告設(shè)計... 240

9.2 實驗任務(wù)... 241

9.2.1 實驗任務(wù)一 制作網(wǎng)站導(dǎo)航... 241

9.2.2 實驗任務(wù)二 制作商品導(dǎo)購界面... 244

第10章 綜合實例... 247

10.1 實驗任務(wù)一 設(shè)計網(wǎng)站的logo. 247

10.2 實驗任務(wù)二 制作主頁效果... 255

10.3 實驗任務(wù)三 制作模板頁面... 261

10.4 實驗任務(wù)四 利用模板來制作其他網(wǎng)頁... 265^[1]