商務(wù)網(wǎng)頁(yè)設(shè)計(jì)與制作（微課版）

第 1章　商務(wù)網(wǎng)站項(xiàng)目策劃與建設(shè)　1
1．1　理解傳統(tǒng)商務(wù)與電子商務(wù)　2
1．1．1　傳統(tǒng)商務(wù)　2
1．1．2　電子商務(wù)　3
1．1．3　傳統(tǒng)商務(wù)與電子商務(wù)的關(guān)系　5
1．1．4　電子商務(wù)的優(yōu)勢(shì)和不足　6
1．1．5　電子商務(wù)的載體　7
1．2　商務(wù)網(wǎng)站項(xiàng)目的策劃與實(shí)施　9
1．2．1　網(wǎng)站概述　9
1．2．2　商務(wù)網(wǎng)站及類型　12
1．2．3　商務(wù)網(wǎng)站功能組成　17
1．2．4　商務(wù)網(wǎng)站項(xiàng)目建設(shè)與管理　19
1．2．5　商務(wù)網(wǎng)站項(xiàng)目策劃　20
1．2．6　商務(wù)網(wǎng)站項(xiàng)目設(shè)計(jì)開發(fā)　26
小結(jié)　31
習(xí)題　32
第　2章 商務(wù)網(wǎng)頁(yè)設(shè)計(jì)　34
2．1　商務(wù)網(wǎng)頁(yè)視覺設(shè)計(jì)　35
2．1．1　商務(wù)網(wǎng)頁(yè)賞析　35
2．1．2　網(wǎng)頁(yè)視覺設(shè)計(jì)概述　38
2．1．3　網(wǎng)頁(yè)視覺設(shè)計(jì)的原則　38
2．1．4　網(wǎng)頁(yè)視覺設(shè)計(jì)對(duì)象　39
2．1．5　網(wǎng)頁(yè)視覺設(shè)計(jì)要點(diǎn)　44
2．2　商務(wù)網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)　49
2．2．1　商務(wù)網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)概述　49
2．2．2　商務(wù)網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)的思路　49
2．2．3　商務(wù)網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)　50
2．3　商務(wù)網(wǎng)頁(yè)原型設(shè)計(jì)　52
2．3．1　繪制網(wǎng)頁(yè)草圖　52
2．3．2　繪制網(wǎng)頁(yè)效果圖　53
2．3．3　制作網(wǎng)頁(yè)原型方案　54
2．3．4　網(wǎng)頁(yè)原型方案評(píng)審　54
小結(jié)　55
習(xí)題　55
第3章　HTML網(wǎng)頁(yè)制作技術(shù)　57
3．1　網(wǎng)頁(yè)基礎(chǔ)知識(shí)　58
3．1．1　網(wǎng)頁(yè)源文件　58
3．1．2　網(wǎng)頁(yè)解釋代碼　58
3．1．3　網(wǎng)頁(yè)制作語(yǔ)言介紹　60
3．1．4　HTML基礎(chǔ)知識(shí)　61
3．2　文本設(shè)置方法　71
3．2．1　設(shè)置網(wǎng)頁(yè)標(biāo)題　71
3．2．2　設(shè)置文字屬性　72
3．2．3　設(shè)置文檔標(biāo)題　75
3．2．4　設(shè)置文本段落　78
3．2．5　設(shè)置文本列表　79
3．2．6　制作文本網(wǎng)頁(yè)綜合范例　81
3．3　圖像設(shè)置方法　83
3．3．1　圖像文件的存儲(chǔ)管理　84
3．3．2　圖像引用　84
3．3．3　設(shè)置圖像顯示尺寸　87
3．3．4　設(shè)置圖像對(duì)齊方式　88
3．3．5　設(shè)置圖像替代文本　89
3．3．6　設(shè)置網(wǎng)頁(yè)背景圖像與背景顏色　91
3．3．7　制作圖文網(wǎng)頁(yè)綜合范例　93
3．4　超鏈接設(shè)置方法　95
3．4．1　超鏈接的概念及類型　95
3．4．2　指向網(wǎng)站內(nèi)部的超鏈接　95
3．4．3　指向網(wǎng)站外部的超鏈接　101
3．4．4　給文本設(shè)置超鏈接　102
3．4．5　給圖像設(shè)置超鏈接　103
3．4．6　設(shè)置超鏈接的打開窗口　103
3．4．7　制作圖文超鏈接網(wǎng)頁(yè)綜合范例　107
3．5　表格制作方法　109
3．5．1　表格的代碼結(jié)構(gòu)　111
3．5．2　制作表格的方法　111
3．5．3　單元格合并的方法　112
3．5．4　制作單元格內(nèi)容　115
3．5．5　設(shè)置表格外觀　116
3．5．6　運(yùn)用表格技術(shù)布局網(wǎng)頁(yè)綜合范例　141
3．6　多媒體引用方法　147
3．6．1　設(shè)置視頻　147
3．6．2　設(shè)置音頻　149
3．7　滾動(dòng)字幕制作方法　151
3．7．1　制作文字滾動(dòng)字幕　152
3．7．2　制作圖像滾動(dòng)字幕　152
3．7．3　制作滾動(dòng)字幕綜合范例　152
3．8　網(wǎng)頁(yè)框架制作方法　153
3．8．1　上下型框架制作　154
3．8．2　左右型框架制作　155
3．8．3　框架重定向　156
3．8．4　制作嵌套框架綜合范例　156
小結(jié)　164
習(xí)題　164
第4章　CSS網(wǎng)頁(yè)樣式制作技術(shù)　169
4．1　CSS基礎(chǔ)知識(shí)　170
4．1．1　CSS的作用　170
4．1．2　CSS的構(gòu)成規(guī)則　171
4．1．3　CSS樣式類別　172
4．1．4　CSS選擇符類型及使用方法　177
4．1．5　CSS中的度量單位　181
4．1．6　CSS注釋　181
4．2　用CSS設(shè)置文本樣式　182
4．2．1　設(shè)置文字屬性　182
4．2．2　設(shè)置段落屬性　187
4．2．3　用CSS設(shè)置文本綜合范例　190
4．3　用CSS設(shè)置圖像效果　192
4．3．1　引用圖像　192
4．3．2　圖文混排　195
4．3．3　設(shè)置背景圖像　196
4．4　用CSS設(shè)置表格樣式　198
4．4．1　設(shè)置邊框樣式　198
4．4．2　設(shè)置表格內(nèi)容的顯示格式　201
4．4．3　設(shè)置thead、tbody、tfoot標(biāo)簽　203
4．4．4　設(shè)置斑馬紋表格綜合范例　206
4．5　用CSS設(shè)置超鏈接偽類及偽元素　209
4．5．1　設(shè)置超鏈接偽類　209
4．5．2　設(shè)置偽元素　210
4．6　采用DIV與SPAN制作網(wǎng)頁(yè)　211
4．6．1　塊級(jí)元素與內(nèi)聯(lián)元素　211
4．6．2　使用DIV　211
4．6．3　使用SPAN　212
4．6．4　元素定位　213
4．6．5　元素疊加　215
4．6．6　元素浮動(dòng)　217
4．6．7　元素的顯示與隱藏　218
4．7　用CSS設(shè)置元素的邊框與邊距　219
4．7．1　元素的邊框與邊距　219
4．7．2　設(shè)置元素邊框與邊距　219
4．7．3　制作文字按鈕綜合范例　224
4．7．4　制作導(dǎo)航欄綜合范例　226
小結(jié)　230
習(xí)題　231
第5章　網(wǎng)頁(yè)圖像制作　234
5．1　準(zhǔn)備圖像素材　235
5．1．1　商品圖像拍攝　235
5．1．2　商品圖像存檔　236
5．2　制作網(wǎng)頁(yè)圖像　236
5．2．1　圖像格式　236
5．2．2　圖像編輯處理　237
小結(jié)　239
習(xí)題　239
第6章　商務(wù)網(wǎng)頁(yè)制作實(shí)戰(zhàn)　240
6．1　商務(wù)網(wǎng)頁(yè)制作步驟　241
6．1．1　圖像準(zhǔn)備與網(wǎng)頁(yè)圖像制作　241
6．1．2　首頁(yè)規(guī)劃布局與配色　241
6．1．3　首頁(yè)主要構(gòu)件設(shè)計(jì)制作　243
6．1．4　首頁(yè)效果圖制作　245
6．1．5　圖像切片　246
6．1．6　采用HTML+CSS制作首頁(yè)　246
6．1．7　設(shè)計(jì)制作子網(wǎng)頁(yè)　246
6．2　商務(wù)網(wǎng)頁(yè)制作實(shí)例　246
小結(jié)　247
習(xí)題　247
參考文獻(xiàn)　248