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