電子商務(wù)網(wǎng)站建設(shè)與網(wǎng)頁(yè)設(shè)計(jì)（微課版）

項(xiàng)目一 構(gòu)建電子商務(wù)網(wǎng)站
任務(wù)一　電子商務(wù)網(wǎng)站設(shè)計(jì)準(zhǔn)則　1
一、電子商務(wù)網(wǎng)站　1
二、電子商務(wù)網(wǎng)站設(shè)計(jì)準(zhǔn)則　5
任務(wù)二　電子商務(wù)網(wǎng)站結(jié)構(gòu)設(shè)計(jì)　7
一、網(wǎng)站的物理結(jié)構(gòu)　7
二、網(wǎng)站的邏輯結(jié)構(gòu)　8
三、網(wǎng)站的構(gòu)成　8
四、網(wǎng)頁(yè)的空間結(jié)構(gòu)　9
五、網(wǎng)頁(yè)的布局結(jié)構(gòu)　10
任務(wù)三　使用Dreamweaver創(chuàng)建站點(diǎn)　13
一、初識(shí)Dreamweaver　13
二、創(chuàng)建站點(diǎn)的準(zhǔn)備　14
三、創(chuàng)建與設(shè)置站點(diǎn)　16
項(xiàng)目小結(jié)　19
項(xiàng)目習(xí)題　20
項(xiàng)目二　使用Photoshop制作網(wǎng)頁(yè)版面
任務(wù)一　Photoshop基本操作　21
一、認(rèn)識(shí)Photoshop工作界面　21
二、圖像文件的基本操作　23
三、利用工具編輯商品圖片編輯　24
任務(wù)二　使用Photoshop制作文字特效　30
一、添加文字　31
二、浮雕文字特效　33
三、金屬文字特效　34
四、磨砂涂鴉文字特效　36
五、　晶瑩剔透文字特效　38
任務(wù)三　使用Photoshop制作圖像特效　40
一、調(diào)整圖像大小　40
二、調(diào)整圖像色彩與色調(diào)　41
三、應(yīng)用濾鏡特效　44
任務(wù)四　電子商務(wù)網(wǎng)站首頁(yè)設(shè)計(jì)　47
一、頁(yè)面頭部的制作　48
二、頁(yè)面左側(cè)的制作　50
三、頁(yè)面中間及右側(cè)的制作　50
四、頁(yè)面底部的制作　51
任務(wù)五　促銷活動(dòng)頁(yè)設(shè)計(jì)　51
項(xiàng)目小結(jié)　54
項(xiàng)目習(xí)題　54
項(xiàng)目三　使用Flash制作網(wǎng)頁(yè)廣告動(dòng)畫
任務(wù)一　認(rèn)識(shí)Flash工作界面　56
一、菜單欄　57
二、基本功能區(qū)　57
三、舞臺(tái)　58
四、“時(shí)間軸”面板　58
五、“屬性”面板　59
六、工具欄　59
任務(wù)二　Flash工具的應(yīng)用　60
一、文本工具　60
二、繪圖工具　64
三、填充工具　68
任務(wù)三　使用Flash制作導(dǎo)航菜單　70
一、認(rèn)識(shí)導(dǎo)航菜單　71
二、導(dǎo)航菜單設(shè)計(jì)　72
任務(wù)四　使用Flash制作橫幅廣告　75
一、認(rèn)識(shí)橫幅廣告　76
二、橫幅廣告設(shè)計(jì)　76
項(xiàng)目小結(jié)　78
項(xiàng)目習(xí)題　78
項(xiàng)目四　使用Dreamweaver添加網(wǎng)頁(yè)元素
任務(wù)一　認(rèn)識(shí)Dreamweaver CS6工作界面　80
一、菜單欄　81
二、工具欄　82
三、文檔窗口　82
四、“屬性”面板　83
五、面板組　83
任務(wù)二　添加網(wǎng)頁(yè)基本元素——文本和圖像　84
一、添加文本　84
二、添加圖像　86
任務(wù)三　添加網(wǎng)頁(yè)基本元素——列表　88
一、添加無序列表　88
二、添加有序列表　89
三、添加自定義列表　89
任務(wù)四　添加網(wǎng)頁(yè)基本元素——表格　90
任務(wù)五　添加網(wǎng)頁(yè)基本元素——超鏈接　92
一、認(rèn)識(shí)路徑　93
二、添加文檔鏈接　93
三、添加錨記鏈接　95
四、添加空鏈接　96
項(xiàng)目小結(jié)　96
項(xiàng)目習(xí)題　97
項(xiàng)目五　使用CSS樣式美化網(wǎng)頁(yè)
任務(wù)一　認(rèn)識(shí)CSS樣式表　98
一、了解CSS的基本語(yǔ)法　98
二、在網(wǎng)頁(yè)中引用CSS的方式　99
任務(wù)二　在Dreamweaver中創(chuàng)建CSS　100
一、創(chuàng)建CSS規(guī)則　101
二、創(chuàng)建CSS文件　102
任務(wù)三　應(yīng)用CSS選擇器　104
一、應(yīng)用元素選擇器　104
二、應(yīng)用群組選擇器　105
三、應(yīng)用類選擇器　106
四、應(yīng)用ID選擇器　107
五、應(yīng)用后代選擇器　107
六、應(yīng)用通配符選擇器　108
任務(wù)四　CSS繼承性、特殊性、層疊性和重要性　109
一、繼承性　109
二、特殊性　110
三、層疊性　111
四、重要性　112
任務(wù)五　使用CSS格式化排版　112
一、文字排版　113
二、段落排版　114
三、CSS背景　115
四、列表排版　119
五、表格排版　120
六、鏈接樣式　120
項(xiàng)目小結(jié)　121
項(xiàng)目習(xí)題　121
項(xiàng)目六　使用DIV+CSS布局網(wǎng)頁(yè)
任務(wù)一　使用CSS盒子模型　123
一、認(rèn)識(shí)CSS盒子模型　123
二、CSS盒子模型的邊框、內(nèi)邊距和外邊距　124
任務(wù)二　標(biāo)準(zhǔn)流和div標(biāo)記　125
一、標(biāo)準(zhǔn)流　126
二、div標(biāo)記　127
三、盒子在標(biāo)準(zhǔn)流中的定位　127
任務(wù)三　盒子的浮動(dòng)和定位　128
一、盒子浮動(dòng)　128
二、清除浮動(dòng)影響和盒子定位　130
任務(wù)四　使用CSS布局電子商務(wù)網(wǎng)站首頁(yè)　133
一、使用DIV布局頁(yè)面結(jié)構(gòu)　133
二、對(duì)網(wǎng)頁(yè)頭部布局　133
三、對(duì)網(wǎng)頁(yè)主體布局　135
四、對(duì)網(wǎng)頁(yè)底部布局　136
五、組合首頁(yè)布局　137
項(xiàng)目小結(jié)　138
項(xiàng)目習(xí)題　139
項(xiàng)目七　使用行為和表單
任務(wù)一　使用行為　140
一、認(rèn)識(shí)行為和事件　140
二、“行為”面板　141
任務(wù)二　使用表單　144
一、了解表單　144
二、創(chuàng)建表單　144
三、設(shè)置表單屬性　145
任務(wù)三　“新用戶注冊(cè)”表單設(shè)計(jì)　145
一、插入文本字段　145
二、插入復(fù)選框　147
三、插入單選按鈕　148
四、插入文件域　148
五、插入列表和菜單　149
六、插入按鈕　151
任務(wù)四　使用行為驗(yàn)證用戶注冊(cè)　152
一、檢查表單　153
二、設(shè)置密碼僅為數(shù)字　153
三、檢查郵箱格式　154
項(xiàng)目小結(jié)　155
項(xiàng)目習(xí)題　155
項(xiàng)目八　制作網(wǎng)頁(yè)特效
任務(wù)一　認(rèn)識(shí)JavaScript腳本語(yǔ)言　157
一、JavaScript簡(jiǎn)介　157
二、JavaScript的基本結(jié)構(gòu)　158
三、使用JavaScript向頁(yè)面輸入信息　158
任務(wù)二　使用JavaScript制作網(wǎng)頁(yè)特效　159
一、文字滾動(dòng)特效　160
二、日期特效　160
三、廣告特效　161
四、下拉菜單特效　162
任務(wù)三　使用JavaScript驗(yàn)證表單　162
一、非空驗(yàn)證　163
二、驗(yàn)證密碼長(zhǎng)度和一致性　165
三、郵箱地址驗(yàn)證　165
任務(wù)四　JavaScript網(wǎng)頁(yè)特效實(shí)例　166
一、下載焦點(diǎn)圖代碼　166
二、添加焦點(diǎn)圖代碼　167
項(xiàng)目小結(jié)　168
項(xiàng)目習(xí)題　169
項(xiàng)目九　動(dòng)態(tài)網(wǎng)站與CMS系統(tǒng)應(yīng)用
任務(wù)一　認(rèn)識(shí)動(dòng)態(tài)網(wǎng)站　170
一、動(dòng)態(tài)網(wǎng)頁(yè)　170
二、動(dòng)態(tài)網(wǎng)站技術(shù)　171
任務(wù)二　認(rèn)識(shí)CMS系統(tǒng)　174
一、什么是CMS系統(tǒng)　174
二、選擇CMS系統(tǒng)　174
三、國(guó)內(nèi)優(yōu)秀的電子商務(wù)類CMS系統(tǒng)　176
任務(wù)三　搭建CMS系統(tǒng)環(huán)境　176
一、安裝phpStudy服務(wù)器環(huán)境　176
二、安裝WSTMart系統(tǒng)　178
任務(wù)四　WSTMart系統(tǒng)管理　181
任務(wù)五　WSTMart系統(tǒng)基礎(chǔ)設(shè)置　183
一、商城配置　183
二、導(dǎo)航管理　185
項(xiàng)目小結(jié)　186
項(xiàng)目習(xí)題　187
項(xiàng)目十　網(wǎng)站的發(fā)布測(cè)試與優(yōu)化
任務(wù)一　域名和空間的選擇　188
一、域名　188
二、　域名的注冊(cè)　190
三、空間的選擇　192
四．申請(qǐng)空間　194
任務(wù)二　測(cè)試與發(fā)布網(wǎng)站　196
一、網(wǎng)站的測(cè)試　197
二、網(wǎng)站的發(fā)布　203
任務(wù)三　電子商務(wù)網(wǎng)站的優(yōu)化與推廣　206
一、網(wǎng)站優(yōu)化　207
二、網(wǎng)站推廣　209
項(xiàng)目小結(jié)　212
項(xiàng)目習(xí)題　212