內容提要
本書較為全面地介紹商務網站項目策劃、商務網站項目建設與管理、商務網頁設計、商務網頁制作,以及網頁圖像制作等知識。本書共 6 章,包括商務網站項目管理、商務網頁設計、HTML網頁制作技術、CSS網頁樣式制作技術、網頁圖像制作、商務網頁制作實戰(zhàn)等內容。書中提供了 11 個綜合范例、1 個實戰(zhàn)項目,通過練習和操作實踐,讀者能夠鞏固所學的內容。
本書可以作為高等院校、高職高專院校電子商務專業(yè)商務網頁設計與制作課程的教材,也可以作為商務網頁設計與制作培訓班教材,并適合商務網站項目策劃人員、商務網站設計與制作的專業(yè)人員和廣大網頁設計與制作愛好者自學使用。
1.網站策劃、藝術創(chuàng)意、網頁設計與制作三項內容合一,精講HTML+CSS網頁設計技術
2.弱化編程,側重商務網頁的策劃、組織實施
3.十三五國規(guī)改版
4.配套資源豐富
謝元芒,教授,遼寧省交通高等?茖W校,講授課程:商務網頁設計與制作,主要研究項目及領域:計算機應用、物流
目錄
第 1章 商務網站項目管理 1
1.1 理解傳統(tǒng)商務與電子商務 1
1.1.1 傳統(tǒng)商務 1
1.1.2 電子商務 3
1.1.3 傳統(tǒng)商務與電子商務的關系 5
1.1.4 電子商務的優(yōu)勢和不足 5
1.1.5 電子商務與互聯(lián)網 6
1.2 商務網站項目管理概述 8
1.2.1 網站概述 8
1.2.2 商務網站及類型 12
1.2.3 商務網站功能組成 16
1.2.4 商務網站項目建設與管理 18
1.2.5 商務網站項目策劃 20
1.2.6 商務網站項目設計與開發(fā) 26
1.2.7 商務網站SEO營銷 30
1.2.8 商務網站維護 34
1.2.9 商務網站項目管理崗位職業(yè)素養(yǎng) 34
小結 35
習題 35
第2章 商務網頁設計 38
2.1 商務網頁視覺設計 38
2.1.1 商務網頁賞析 38
2.1.2 網頁視覺設計概述 41
2.1.3 網頁視覺設計的原則 41
2.1.4 網頁視覺設計對象 43
2.1.5 網頁視覺設計要點 47
2.2 商務網頁創(chuàng)意設計 52
2.2.1 商務網頁創(chuàng)意設計概述 52
2.2.2 商務網頁創(chuàng)意設計的思路 52
2.2.3 商務網頁創(chuàng)意設計的內容 54
2.3 商務網頁原型設計 55
2.3.1 繪制網頁草圖 55
2.3.2 繪制網頁效果圖 57
2.3.3 制作網頁原型方案 57
2.3.4 網頁原型方案評審 58
小結 59
習題 59
第3章 HTML網頁制作技術 61
3.1 網頁基礎知識 61
3.1.1 網頁源文件 61
3.1.2 網頁解釋代碼 62
3.1.3 網頁制作語言介紹 63
3.1.4 HTML基礎知識 65
3.1.5 HTML標簽的種類 70
3.1.6 HTML5新特點 73
3.2 頭文檔設置方法 76
3.2.1 頭文檔作用 76
3.2.2 設置網頁標題 76
3.3 文本設置方法 78
3.3.1 設置文字屬性 78
3.3.2 設置文本排版 81
3.3.3 設置文檔標題 82
3.3.4 設置文本列表 85
3.3.5 制作文本網頁綜合范例 87
3.4 圖像設置方法 89
3.4.1 圖像文件的存儲管理 90
3.4.2 圖像引用 91
3.4.3 設置圖像顯示尺寸 94
3.4.4 設置圖像替代文本 95
3.4.5 設置網頁背景圖像與背景顏色 96
3.4.6 制作圖文網頁綜合范例 99
3.5 超鏈接設置方法 100
3.5.1 超鏈接的概念及類型 100
3.5.2 指向網站內部的超鏈接 101
3.5.3 指向網站外部的超鏈接 106
3.5.4 給文本設置超鏈接 107
3.5.5 給圖像設置超鏈接 108
3.5.6 設置超鏈接的打開窗口 108
3.5.7 制作圖文超鏈接網頁綜合范例 111
3.6 表格制作方法 114
3.6.1 表格的代碼結構 115
3.6.2 創(chuàng)建表格的方法 115
3.6.3 制作單元格和表頭內容 116
3.6.4 制作一個表格網頁 117
3.6.5 單元格合并的方法 119
3.6.6 設置表格外觀 122
3.6.7 運用表格技術布局網頁綜合范例 137
3.7 多媒體引用方法 143
3.7.1 設置視頻 143
3.7.2 設置音頻 145
3.8 表單制作方法 147
3.8.1 定義表單 147
3.8.2 定義輸入項 149
3.8.3 制作下拉菜單和數(shù)據(jù)列表 153
3.8.4 制作元素分組和輸入項標注標簽 154
3.8.5 制作文件項與進度條 155
3.8.6 數(shù)據(jù)驗證與數(shù)據(jù)輸出 156
3.8.7 制作學生信息編輯表單綜合范例 158
3.9 元數(shù)據(jù)設置 160
3.9.1 設置字符編碼 161
3.9.2 設置name和content屬性 161
3.9.3 設置http-equiv和content屬性 161
3.9.4 制作SEO關鍵詞 162
3.9.5 設置元數(shù)據(jù)示例 162
小結 163
習題 164
第4章 CSS網頁樣式制作技術 / 169
4.1 CSS基礎知識 169
4.1.1 CSS的作用 169
4.1.2 CSS代碼的構成規(guī)則 170
4.1.3 CSS選擇符類型及使用方法 171
4.1.4 CSS樣式類別 174
4.1.5 CSS中的度量單位 179
4.1.6 CSS注釋 180
4.1.7 CSS常用屬性 180
4.2 用CSS設置文本樣式 183
4.2.1 設置文字屬性 183
4.2.2 設置段落屬性 187
4.2.3 用CSS設置文本綜合范例 192
4.3 用CSS設置圖像樣式 193
4.3.1 設置圖像 193
4.3.2 圖文混排 195
4.3.3 設置背景圖像 196
4.4 用CSS設置表格樣式 199
4.4.1 設置邊框樣式 199
4.4.2 設置表格內容的顯示樣式 201
4.4.3 設置
、、標簽 203
4.4.4 設置斑馬紋表格綜合范例 206
4.5 用CSS設置超鏈接偽類及偽元素 209
4.5.1 設置超鏈接偽類 209
4.5.2 設置偽元素 210
4.6 采用DIV與SPAN制作網頁 211
4.6.1 塊級元素與內聯(lián)元素 211
4.6.2 定義DIV的顯示樣式 212
4.6.3 定義SPAN的顯示樣式 213
4.6.4 元素定位 213
4.6.5 元素疊加 215
4.6.6 元素浮動 217
4.6.7 元素的顯示與隱藏 218
4.7 用CSS設置元素的邊框與邊距 218
4.7.1 元素的邊框與邊距 218
4.7.2 設置元素邊框與邊距 219
4.7.3 制作文字按鈕范例 223
4.7.4 制作導航欄綜合范例 224
4.8 響應式網頁設計與制作 229
4.8.1 瀏覽器與屏幕尺寸適配 229
4.8.2 設置彈性頁面 230
4.8.3 設置flex彈性容器 231
4.8.4 流式布局設計 237
4.8.5 制作響應式網頁范例 239
4.8.6 響應式網頁開發(fā)前端框架 242
小結 242
習題 243
第5章 網頁圖像制作 247
5.1 準備圖像素材 247
5.1.1 商品圖像拍攝 247
5.1.2 商品圖像存檔 248
5.2 制作網頁圖像 249
5.2.1 圖像格式 249
5.2.2 圖像編輯處理 250
第6章 商務網頁制作實戰(zhàn) 252
6.1 響應式網頁制作重要技術 252
6.1.1 制作響應式導航欄 252
6.1.2 制作Banner 259
6.1.3 制作模塊化流式布局 262
6.1.4 采用腳本導入頁腳 263
6.2 響應式商務網頁制作步驟 266
6.2.1 圖像準備與制作 267
6.2.2 響應式網頁布局設計 267
6.2.3 網頁主要構件設計與制作 270
6.2.4 功能主頁效果圖制作 272
6.2.5 圖像切片 273
6.2.6 采用HTML+CSS制作響應式網頁 274
6.3 響應式商務網頁制作實例 274
小結 275
習題 275
參考文獻 276