網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作目錄

時(shí)間：2023-02-19 08:32:02 | 來源：營銷百科

時(shí)間：2023-02-19 08:32:02 來源：營銷百科

網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作目錄：前言 1

第一部分　電子商務(wù)網(wǎng)頁設(shè)計(jì)基礎(chǔ)篇

項(xiàng)目1　電子商務(wù)網(wǎng)頁和網(wǎng)站的制作流程 3

【課前項(xiàng)目直擊】 3

任務(wù)1　網(wǎng)頁和網(wǎng)站 3

一、網(wǎng)頁與網(wǎng)站的關(guān)系 3

二、網(wǎng)頁的基本構(gòu)成元素 5

任務(wù)2　網(wǎng)頁設(shè)計(jì)概述 5

一、網(wǎng)頁設(shè)計(jì)與制作 5

二、電子商務(wù)網(wǎng)頁設(shè)計(jì)的特點(diǎn) 6

三、網(wǎng)頁設(shè)計(jì)的相關(guān)術(shù)語 7

任務(wù)3　電子商務(wù)網(wǎng)站制作流程 9

一、前期策劃 9

二、頁面細(xì)化及實(shí)施 10

三、后期維護(hù) 11

任務(wù)4　布局方式 11

一、網(wǎng)站建設(shè)標(biāo)準(zhǔn)11

二、頁面布局 12

【知識拓展】 16

【課后專業(yè)測評】 22

項(xiàng)目2　電子商務(wù)網(wǎng)站系統(tǒng)分析與總體規(guī)劃 23

【課前項(xiàng)目直擊】 23

任務(wù)1　電子商務(wù)網(wǎng)站系統(tǒng)分析 25

一、建站目的與目標(biāo) 25

二、需求分析 25

三、可行性分析 26

四、可行性研究報(bào)告主要內(nèi)容 28

任務(wù)2　電子商務(wù)網(wǎng)站總體規(guī)劃 29

一、網(wǎng)站總體規(guī)劃目的 29

二、網(wǎng)站總體規(guī)劃的依據(jù) 29

三、網(wǎng)站總體規(guī)劃的主要內(nèi)容 30

【知識拓展】 42

【課后專業(yè)測評】 45

第二部分　電子商務(wù)網(wǎng)站開發(fā)技術(shù)篇

項(xiàng)目3　網(wǎng)頁設(shè)計(jì)語言HTML與XHTML 49

【課前項(xiàng)目直擊】 49

任務(wù)1　HTML基礎(chǔ) 50

一、HTML概述 50

二、HTML基本結(jié)構(gòu) 51

任務(wù)2　HTML基本標(biāo)簽 52

一、HTML結(jié)構(gòu)標(biāo)簽 52

二、格式標(biāo)簽 53

三、文本標(biāo)簽 54

四、超鏈接標(biāo)簽 56

五、圖像標(biāo)簽 57

六、表格標(biāo)簽 58

七、框架標(biāo)簽 63

八、表單標(biāo)簽 65

任務(wù)3　XHTML 69

一、XHTML概述 69

二、HTML轉(zhuǎn)換為XHTML 70

【知識拓展】 72

【課后專業(yè)測評】 73

項(xiàng)目4　腳本語言JavaScript 74

【課前項(xiàng)目直擊】 74

任務(wù)1　JavaScript概述 75

一、JavaScript發(fā)展 76

二、編寫JavaScript腳本代碼 76

三、JavaScript程序結(jié)構(gòu) 81

四、JavaScript代碼嵌入HTML文檔 87

任務(wù)2　JavaScript效果的實(shí)現(xiàn) 88

一、事件處理器 88

二、表單驗(yàn)證 90

【知識拓展】 93

【課后專業(yè)測評】 94

項(xiàng)目5CSS樣式基礎(chǔ) 95

【課前項(xiàng)目直擊】 95

任務(wù)1　CSS頁面設(shè)置 95

一、CSS的基本語法 95

二、應(yīng)用CSS樣式表的方式 98

三、四種樣式表應(yīng)用方式的優(yōu)先級 103

任務(wù)2　CSS選擇器 104

一、標(biāo)簽選擇器105

二、類別選擇器 106

三、ID選擇器 109

四、交集選擇器 110

五、并集選擇器 111

六、后代選擇器112

【知識拓展】 113

【課后專業(yè)測評】 114

項(xiàng)目6　CSS布局頁面元素 116

【課前項(xiàng)目直擊】 116

任務(wù)1　用CSS設(shè)置網(wǎng)頁背景 117

一、背景顏色 117

二、背景圖片 119

任務(wù)2　CSS文本編輯效果 122

一、文字樣式 122

二、段落樣式 124

任務(wù)3　用CSS控制圖片樣式 125

一、圖片邊框的設(shè)置 125

二、圖片大小的設(shè)置 126

三、圖片自動等比例縮小 127

四、圖片陰影的設(shè)置 128

五、圖片透明的設(shè)置 129

任務(wù)4　用CSS控制列表樣式 130

一、列表的符號 130

二、簡單水平導(dǎo)航菜單 131

任務(wù)5　CSS表格和表單效果 134

一、表格中的標(biāo)記 134

二、表格的邊框 135

三、隔行變色的表格 137

四、鼠標(biāo)經(jīng)過變色的表格 139

五、CSS表單效果 141

任務(wù)6CSS濾鏡的應(yīng)用 144

一、濾鏡介紹 144

二、各種濾鏡設(shè)置方式 145

【知識拓展】 150

【課后專業(yè)測評】 151

項(xiàng)目7CSS定位與DIV布局 152

【課前項(xiàng)目直擊】 152

任務(wù)1　元素的定位 153

一、div標(biāo)簽與span標(biāo)簽153

二、盒子模型 155

三、元素的定位 164

四、CSS DIV布局方法 178

任務(wù)2　電子商務(wù)網(wǎng)站CSS DIV網(wǎng)頁布局分析 182

一、'頭部'制作技巧分解 185

二、導(dǎo)航制作技巧分解 186

三、焦點(diǎn)圖制作技巧分解 186

四、女裝版塊制作技巧分解 187

五、'男裝'和'運(yùn)動'版塊制作技巧分解 190

六、頁面底部版塊制作技巧分解 190

【知識拓展】 192

【課后專業(yè)測評】 193

第三部分　電子商務(wù)網(wǎng)頁制作工具篇

項(xiàng)目8　Photoshop與Fireworks圖形圖像編輯 197

【課前項(xiàng)目直擊】 197

任務(wù)1　Photoshop圖像處理 201

一、Photoshop的相關(guān)概念 201

二、Photoshop操作界面 202

三、Photoshop工具欄 202

四、Photoshop基本操作 211

任務(wù)2　Fireworks網(wǎng)絡(luò)圖形編輯 219

一、Fireworks操作界面 219

二、Fireworks的基本操作 222

三、按鈕和導(dǎo)航欄的制作 232

四、繪制矢量圖像 236

【知識拓展】 247

【課后專業(yè)測評】 247

項(xiàng)目9　Dreamweaver布局 248

【課前項(xiàng)目直擊】 248

任務(wù)1　站點(diǎn)的建立 250

一、Dreamweaver操作界面 250

二、站點(diǎn)建立實(shí)例操作 253

任務(wù)2　頁面布局 258

一、利用表格布局網(wǎng)頁 258

二、利用Spry對象布局菜單 261

【知識拓展】 265

【課后專業(yè)測評】 276

項(xiàng)目10　Flash動畫制作 277

【課前項(xiàng)目直擊】 277

任務(wù)1　Flash動畫 277

一、Flash操作界面 277

二、Flash的系統(tǒng)配置 281

三、Flash文件的基本操作 282

任務(wù)2　制作動態(tài)Logo和Banner動畫 284

一、動態(tài)Logo制作 284

二、Banner動畫制作 290

【知識拓展】 294

【課后專業(yè)測評】 295

參考文獻(xiàn) 296