本書較為全面地介紹了商務網(wǎng)站項目策劃、項目設計,以及商務網(wǎng)頁制作、網(wǎng)頁圖像制作的知識。全書共6章,包括商務網(wǎng)站項目策劃與建設、商務網(wǎng)頁設計、HTML網(wǎng)頁制作技術、CSS網(wǎng)頁樣式制作技術、網(wǎng)頁圖像制作、商務網(wǎng)頁制作實戰(zhàn)等,書中提供了10個綜合范例、1個實戰(zhàn)項目,通過練習和操作實踐,幫助讀者鞏固所學的內(nèi)容。
本書可以作為高等院校、高職高專院校電子商務專業(yè)商務網(wǎng)頁設計與制作課程的教材,也可以作為商務網(wǎng)頁設計與制作培訓班教材,并適合商務網(wǎng)站項目策劃人員、商務網(wǎng)站設計與制作的專業(yè)人員和廣大網(wǎng)頁設計與制作愛好者自學使用。
網(wǎng)站策劃、藝術創(chuàng)意、網(wǎng)頁設計與制作三項內(nèi)容合一
側(cè)重商務網(wǎng)頁的策劃、組織實施
準確把握項目策劃的目的、重點內(nèi)容和達到的效果,做好創(chuàng)意設計
介紹HTML+CSS網(wǎng)頁設計基本技術
全面掌握商務網(wǎng)頁設計與制作的相關技術和實施步驟
謝元芒,教授,遼寧省交通高等專科學校,講授課程:商務網(wǎng)頁設計與制作,主要研究項目及領域:計算機應用、物流
第 1章 商務網(wǎng)站項目策劃與建設 1
1.1 理解傳統(tǒng)商務與電子商務 2
1.1.1 傳統(tǒng)商務 2
1.1.2 電子商務 3
1.1.3 傳統(tǒng)商務與電子商務的關系 5
1.1.4 電子商務的優(yōu)勢和不足 6
1.1.5 電子商務的載體 7
1.2 商務網(wǎng)站項目的策劃與實施 9
1.2.1 網(wǎng)站概述 9
1.2.2 商務網(wǎng)站及類型 12
1.2.3 商務網(wǎng)站功能組成 17
1.2.4 商務網(wǎng)站項目建設與管理 19
1.2.5 商務網(wǎng)站項目策劃 20
1.2.6 商務網(wǎng)站項目設計開發(fā) 26
小結(jié) 31
習題 32
第 2章 商務網(wǎng)頁設計 34
2.1 商務網(wǎng)頁視覺設計 35
2.1.1 商務網(wǎng)頁賞析 35
2.1.2 網(wǎng)頁視覺設計概述 38
2.1.3 網(wǎng)頁視覺設計的原則 38
2.1.4 網(wǎng)頁視覺設計對象 39
2.1.5 網(wǎng)頁視覺設計要點 44
2.2 商務網(wǎng)頁創(chuàng)意設計 49
2.2.1 商務網(wǎng)頁創(chuàng)意設計概述 49
2.2.2 商務網(wǎng)頁創(chuàng)意設計的思路 49
2.2.3 商務網(wǎng)頁創(chuàng)意設計 50
2.3 商務網(wǎng)頁原型設計 52
2.3.1 繪制網(wǎng)頁草圖 52
2.3.2 繪制網(wǎng)頁效果圖 53
2.3.3 制作網(wǎng)頁原型方案 54
2.3.4 網(wǎng)頁原型方案評審 54
小結(jié) 55
習題 55
第3章 HTML網(wǎng)頁制作技術 57
3.1 網(wǎng)頁基礎知識 58
3.1.1 網(wǎng)頁源文件 58
3.1.2 網(wǎng)頁解釋代碼 58
3.1.3 網(wǎng)頁制作語言介紹 60
3.1.4 HTML基礎知識 61
3.2 文本設置方法 71
3.2.1 設置網(wǎng)頁標題 71
3.2.2 設置文字屬性 72
3.2.3 設置文檔標題 75
3.2.4 設置文本段落 78
3.2.5 設置文本列表 79
3.2.6 制作文本網(wǎng)頁綜合范例 81
3.3 圖像設置方法 83
3.3.1 圖像文件的存儲管理 84
3.3.2 圖像引用 84
3.3.3 設置圖像顯示尺寸 87
3.3.4 設置圖像對齊方式 88
3.3.5 設置圖像替代文本 89
3.3.6 設置網(wǎng)頁背景圖像與背景顏色 91
3.3.7 制作圖文網(wǎng)頁綜合范例 93
3.4 超鏈接設置方法 95
3.4.1 超鏈接的概念及類型 95
3.4.2 指向網(wǎng)站內(nèi)部的超鏈接 95
3.4.3 指向網(wǎng)站外部的超鏈接 101
3.4.4 給文本設置超鏈接 102
3.4.5 給圖像設置超鏈接 103
3.4.6 設置超鏈接的打開窗口 103
3.4.7 制作圖文超鏈接網(wǎng)頁綜合范例 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 設置表格外觀 116
3.5.6 運用表格技術布局網(wǎng)頁綜合范例 141
3.6 多媒體引用方法 147
3.6.1 設置視頻 147
3.6.2 設置音頻 149
3.7 滾動字幕制作方法 151
3.7.1 制作文字滾動字幕 152
3.7.2 制作圖像滾動字幕 152
3.7.3 制作滾動字幕綜合范例 152
3.8 網(wǎng)頁框架制作方法 153
3.8.1 上下型框架制作 154
3.8.2 左右型框架制作 155
3.8.3 框架重定向 156
3.8.4 制作嵌套框架綜合范例 156
小結(jié) 164
習題 164
第4章 CSS網(wǎng)頁樣式制作技術 169
4.1 CSS基礎知識 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設置文本樣式 182
4.2.1 設置文字屬性 182
4.2.2 設置段落屬性 187
4.2.3 用CSS設置文本綜合范例 190
4.3 用CSS設置圖像效果 192
4.3.1 引用圖像 192
4.3.2 圖文混排 195
4.3.3 設置背景圖像 196
4.4 用CSS設置表格樣式 198
4.4.1 設置邊框樣式 198
4.4.2 設置表格內(nèi)容的顯示格式 201
4.4.3 設置thead、tbody、tfoot標簽 203
4.4.4 設置斑馬紋表格綜合范例 206
4.5 用CSS設置超鏈接偽類及偽元素 209
4.5.1 設置超鏈接偽類 209
4.5.2 設置偽元素 210
4.6 采用DIV與SPAN制作網(wǎng)頁 211
4.6.1 塊級元素與內(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 元素浮動 217
4.6.7 元素的顯示與隱藏 218
4.7 用CSS設置元素的邊框與邊距 219
4.7.1 元素的邊框與邊距 219
4.7.2 設置元素邊框與邊距 219
4.7.3 制作文字按鈕綜合范例 224
4.7.4 制作導航欄綜合范例 226
小結(jié) 230
習題 231
第5章 網(wǎng)頁圖像制作 234
5.1 準備圖像素材 235
5.1.1 商品圖像拍攝 235
5.1.2 商品圖像存檔 236
5.2 制作網(wǎng)頁圖像 236
5.2.1 圖像格式 236
5.2.2 圖像編輯處理 237
小結(jié) 239
習題 239
第6章 商務網(wǎng)頁制作實戰(zhàn) 240
6.1 商務網(wǎng)頁制作步驟 241
6.1.1 圖像準備與網(wǎng)頁圖像制作 241
6.1.2 首頁規(guī)劃布局與配色 241
6.1.3 首頁主要構(gòu)件設計制作 243
6.1.4 首頁效果圖制作 245
6.1.5 圖像切片 246
6.1.6 采用HTML+CSS制作首頁 246
6.1.7 設計制作子網(wǎng)頁 246
6.2 商務網(wǎng)頁制作實例 246
小結(jié) 247
習題 247
參考文獻 248