本書突破了單純講解理論的模式，側(cè)重于培養(yǎng)學(xué)生進(jìn)行電子商務(wù)的行業(yè)應(yīng)用能力。本書共分13項(xiàng)目，64課時(shí)，包含了網(wǎng)頁設(shè)計(jì)與制作的基礎(chǔ)知識(shí)、基本技能和基本素養(yǎng)，培養(yǎng)學(xué)生分析和解決實(shí)際問題的能力，使學(xué)生通過學(xué)習(xí)能夠運(yùn)用常見網(wǎng)站開發(fā)工具設(shè)計(jì)與制作簡(jiǎn)單網(wǎng)站。每個(gè)項(xiàng)目精心設(shè)計(jì)了7個(gè)環(huán)節(jié)：學(xué)習(xí)目標(biāo)、問題設(shè)置、背景知識(shí)、必備知識(shí)、活動(dòng)實(shí)施、思考、練一練。通過這7個(gè)環(huán)節(jié)的實(shí)踐，讓學(xué)生在做中學(xué)，學(xué)中做。本書在詳細(xì)介紹網(wǎng)頁設(shè)計(jì)和網(wǎng)頁制作的同時(shí)，介紹了大量電子商務(wù)操作的實(shí)際技巧，讓學(xué)生現(xiàn)學(xué)現(xiàn)用，力爭(zhēng)使學(xué)生在掌握電子商務(wù)實(shí)際應(yīng)用的技巧和方法。本書可作為中職電子商務(wù)專業(yè)教材，也可作為各類電子商務(wù)教育培訓(xùn)教材，還可供企業(yè)電子商務(wù)從業(yè)人員參考。
本書是在“職業(yè)教育體系”大發(fā)展的背景下，組織資深專業(yè)教師，按照“國(guó)家十三五職教發(fā)展方針與政策”的有關(guān)精神，根據(jù)電子商務(wù)專業(yè)的教學(xué)改革需要，結(jié)合行業(yè)企業(yè)需求編寫而成。
本書根據(jù)職校生需要掌握的網(wǎng)頁設(shè)計(jì)職業(yè)技能特點(diǎn)，結(jié)合電子商務(wù)企業(yè)實(shí)際要求，整合了“網(wǎng)頁制作”“美工設(shè)計(jì)”“網(wǎng)站維護(hù)”等課程的相關(guān)內(nèi)容，通過以企業(yè)的各種實(shí)際崗位為案例進(jìn)行學(xué)習(xí)，使學(xué)生了解網(wǎng)頁設(shè)計(jì)與制作崗位的工作內(nèi)容、工作性質(zhì)以及應(yīng)具備的工作態(tài)度，從而掌握網(wǎng)頁設(shè)計(jì)與制作的工作能力。
一、本書的結(jié)構(gòu)本書由兩部分構(gòu)成——主教材和教學(xué)資源包。
1）本書以網(wǎng)頁設(shè)計(jì)與制作的工作過程為導(dǎo)向，以設(shè)計(jì)制作網(wǎng)頁和網(wǎng)站規(guī)劃管理為主線，采用項(xiàng)目教材編寫體例，全書共分為13 個(gè)項(xiàng)目，即網(wǎng)頁基礎(chǔ)知識(shí)、創(chuàng)建與管理網(wǎng)站、編輯網(wǎng)頁文本、編輯網(wǎng)頁圖像、應(yīng)用網(wǎng)頁多媒體、設(shè)置網(wǎng)頁超鏈接、布局網(wǎng)頁、應(yīng)用網(wǎng)頁表單、運(yùn)用Div+CSS 樣式、運(yùn)用網(wǎng)頁行為、應(yīng)用網(wǎng)頁特效、應(yīng)用模板與庫(kù)以及網(wǎng)站發(fā)布與維護(hù)。每個(gè)項(xiàng)目?jī)?nèi)都精心設(shè)計(jì)了以下7 個(gè)欄目。
. 學(xué)習(xí)目標(biāo)：列出本項(xiàng)目中需要掌握的學(xué)習(xí)目標(biāo)。
. 問題導(dǎo)入：通過設(shè)置問題引出每個(gè)任務(wù)的學(xué)習(xí)內(nèi)容。
. 背景知識(shí)：介紹與本項(xiàng)目相關(guān)聯(lián)的知識(shí)，拓寬學(xué)生知識(shí)面。
. 必備知識(shí)：介紹在活動(dòng)中必須掌握的知識(shí)。
. 活動(dòng)實(shí)施：展示每個(gè)活動(dòng)中實(shí)例操作的具體步驟。
網(wǎng)頁設(shè)計(jì)與制作. 思考：在實(shí)例的基礎(chǔ)上，引導(dǎo)學(xué)生再次消化本項(xiàng)目知識(shí)點(diǎn)。
. 活動(dòng)拓展：活動(dòng)實(shí)施完成后的再應(yīng)用，熟練與鞏固學(xué)生所掌握的知識(shí)與技能。
2）教學(xué)資源包由助教課件、電子教案、案例素材、對(duì)應(yīng)圖片、配套資源等構(gòu)成。對(duì)于選用本書作為教材的院校，本部分內(nèi)容可通過機(jī)械工業(yè)出版社教育服務(wù)網(wǎng)（http://www. cmpedu.com ）或加入電子商務(wù)專業(yè)交流群（QQ 群：131145640 ）免費(fèi)獲取。
二、本書的特點(diǎn)本書貫徹“以能力為本位，以就業(yè)為導(dǎo)向”的職業(yè)教育辦學(xué)方針，充分體現(xiàn)以適應(yīng)“理論與實(shí)踐一體化”的新型教學(xué)模式需求為根本，以滿足學(xué)生和社會(huì)需求為目標(biāo)的編寫指導(dǎo)思想。在編寫中力求突出以下特色：
1）以應(yīng)用為核心，聯(lián)系生活、專業(yè)、企業(yè)生產(chǎn)實(shí)踐。簡(jiǎn)化原理闡述，刪除無實(shí)用價(jià)值的內(nèi)容；適當(dāng)降低理論難度，以適用、夠用、實(shí)用為度，力求做到學(xué)以致用。
2）打破原有理論框架，以電子商務(wù)企業(yè)實(shí)例為載體和主線安排教學(xué)項(xiàng)目。在尊重科學(xué)性和教學(xué)規(guī)律性的前提下，對(duì)教學(xué)內(nèi)容進(jìn)行整合、取舍和補(bǔ)充，凸顯以提升學(xué)生能力為重點(diǎn)，滿足企業(yè)對(duì)技能型人才的需求。
3）注重進(jìn)行有針對(duì)性的教學(xué)，通過項(xiàng)目?jī)?nèi)容設(shè)置，引導(dǎo)學(xué)生開展“自主—合作—探究”式的學(xué)習(xí)。培養(yǎng)學(xué)生的“關(guān)鍵能力”和職業(yè)素養(yǎng)，實(shí)施學(xué)訓(xùn)一體化教學(xué)，在“做中學(xué)，學(xué)中做”，為提高學(xué)生的就業(yè)能力打下堅(jiān)實(shí)的基礎(chǔ)。
三、本書的定位與教學(xué)建議本書是一本指導(dǎo)初學(xué)者進(jìn)行網(wǎng)站規(guī)劃、網(wǎng)頁設(shè)計(jì)與制作的實(shí)訓(xùn)課程，著重從企業(yè)、網(wǎng)店、網(wǎng)頁的設(shè)計(jì)與制作等相關(guān)職業(yè)崗位群的應(yīng)用型中初級(jí)專門人員或?qū)I(yè)賣家的角度出發(fā)，較詳細(xì)地介紹了網(wǎng)頁設(shè)計(jì)與網(wǎng)頁制作等各個(gè)環(huán)節(jié)的具體操作方法，內(nèi)容豐富、簡(jiǎn)明扼要、通俗易懂，并且具有較強(qiáng)的可操作性，既可作為職業(yè)院校電子商務(wù)專業(yè)的教材和網(wǎng)上創(chuàng)業(yè)者入門時(shí)的參考讀物，也可作為各類電子商務(wù)教育的培訓(xùn)教材，還可作為企業(yè)電子商務(wù)從業(yè)人員的參考用書。
教學(xué)建議與說明如下：
1）綜合運(yùn)用工作任務(wù)引領(lǐng)下的項(xiàng)目教學(xué)法和學(xué)訓(xùn)一體等教學(xué)法，以學(xué)訓(xùn)一體、職場(chǎng)體驗(yàn)為主要形式，通過仿真訓(xùn)練和實(shí)訓(xùn)操作等方式，提高學(xué)生在各方面的實(shí)際操作能力。
2）為適應(yīng)不同地區(qū)學(xué)生學(xué)習(xí)需求的多樣性，可對(duì)教學(xué)項(xiàng)目靈活選擇，體現(xiàn)課程的選擇性和教學(xué)要求的差異性。
3）以教學(xué)項(xiàng)目為中心，優(yōu)化教材結(jié)構(gòu)，注重教學(xué)過程，各實(shí)訓(xùn)項(xiàng)目均應(yīng)以過程性評(píng)價(jià)和終極性評(píng)價(jià)相結(jié)合的方式來評(píng)定成績(jī)，成績(jī)達(dá)標(biāo)后取得相應(yīng)的學(xué)分。
4）全書分為13 個(gè)項(xiàng)目，共計(jì)64 學(xué)時(shí)，具體分配見下表。
項(xiàng)目 內(nèi)容 參考學(xué)時(shí)項(xiàng)目一 網(wǎng)頁基礎(chǔ)知識(shí) 5項(xiàng)目二 創(chuàng)建與管理網(wǎng)站 3項(xiàng)目三 編輯網(wǎng)頁文本 4項(xiàng)目四 編輯網(wǎng)頁圖像 5. IV .前言（續(xù)）項(xiàng)目 內(nèi)容 參考學(xué)時(shí)項(xiàng)目五 應(yīng)用網(wǎng)頁多媒體 5項(xiàng)目六 設(shè)置網(wǎng)頁超鏈接 6項(xiàng)目七 布局網(wǎng)頁 6項(xiàng)目八 應(yīng)用網(wǎng)頁表單 6項(xiàng)目九 運(yùn)用Div+CSS 樣式 4項(xiàng)目十 運(yùn)用網(wǎng)頁行為 6項(xiàng)目十一 應(yīng)用網(wǎng)頁特效 6項(xiàng)目十二 應(yīng)用模板與庫(kù) 4項(xiàng)目十三 網(wǎng)站發(fā)布與維護(hù) 4三、參加編寫的單位本書由杭州市開元商貿(mào)職業(yè)學(xué)校的王欣任主編，徐飛飛任副主編。具體分工如下：王欣編寫項(xiàng)目一；朱峰編寫項(xiàng)目二；蔣徐貝編寫項(xiàng)目三；朱思俊編寫項(xiàng)目四、項(xiàng)目五；許彥妮編寫項(xiàng)目六；鄭純編寫項(xiàng)目七；錢燕萍編寫項(xiàng)目八；劉靚靚編寫項(xiàng)目九；常宏明編寫項(xiàng)目十；徐飛飛編寫項(xiàng)目十一；楊麗編寫項(xiàng)目十二；余華峰編寫項(xiàng)目十三。
本書的編寫得到了杭州市開元商貿(mào)職業(yè)學(xué)校、蕭山第二職業(yè)學(xué)校、浦江職業(yè)技術(shù)學(xué)校、桐廬職業(yè)技術(shù)學(xué)校、杭州電子職業(yè)高中、上海商派網(wǎng)絡(luò)科技股份有限公司等單位的大力支持。在本書編寫的過程中，參考了一些電子商務(wù)網(wǎng)站的資料和書籍，在此對(duì)原作者一并表示衷心的感謝！由于作者水平所限，書中不足之處在所難免，懇請(qǐng)讀者提出寶貴的意見或建議。
編 者
前言
項(xiàng)目一網(wǎng)頁基礎(chǔ)知識(shí)1
任務(wù)一認(rèn)識(shí)網(wǎng)頁、了解網(wǎng)站1
活動(dòng)一認(rèn)識(shí)網(wǎng)頁3
活動(dòng)二了解網(wǎng)站6
任務(wù)二了解網(wǎng)頁制作方法10
活動(dòng)一使用代碼制作網(wǎng)頁10
活動(dòng)二使用軟件制作網(wǎng)頁14
任務(wù)三了解網(wǎng)頁設(shè)計(jì)基礎(chǔ)19
活動(dòng)一了解網(wǎng)頁設(shè)計(jì)工作流程20
活動(dòng)二了解網(wǎng)頁美工標(biāo)準(zhǔn)24
項(xiàng)目二創(chuàng)建與管理網(wǎng)站33
任務(wù)一創(chuàng)建及規(guī)劃站點(diǎn)33
活動(dòng)一創(chuàng)建本地站點(diǎn)34
活動(dòng)二規(guī)劃站點(diǎn)目錄37
任務(wù)二管理站點(diǎn)39
活動(dòng)一管理本地站點(diǎn)40
活動(dòng)二管理站點(diǎn)內(nèi)容44
項(xiàng)目三編輯網(wǎng)頁文本49
任務(wù)一新建頁面與錄入文字49
活動(dòng)一創(chuàng)建網(wǎng)頁51
活動(dòng)二設(shè)置簡(jiǎn)單頁面屬性53
活動(dòng)三錄入文字56
任務(wù)二設(shè)置文本格式58
活動(dòng)了解文本屬性欄59
任務(wù)三插入特殊字符63
活動(dòng)了解常用特殊字符64
項(xiàng)目四編輯網(wǎng)頁圖像67
任務(wù)一插入圖像67
活動(dòng)插入圖像操作68
任務(wù)二設(shè)置圖像屬性73
活動(dòng)一設(shè)置圖像屬性74
活動(dòng)二編輯圖像76
任務(wù)三插入圖像對(duì)象80
活動(dòng)一插入圖像占位符81
活動(dòng)二插入鼠標(biāo)經(jīng)過圖像83
項(xiàng)目五應(yīng)用網(wǎng)頁多媒體87
任務(wù)一插入視頻87
活動(dòng)一插入SWF88
活動(dòng)二插入FLV92
任務(wù)二插入音頻95
活動(dòng)插入插件操作95
任務(wù)三插入網(wǎng)頁其他多媒體元素98
活動(dòng)插入Applet99
項(xiàng)目六設(shè)置網(wǎng)頁超鏈接 103
任務(wù)一設(shè)置文字和圖像超鏈接 103
活動(dòng)一設(shè)置文字超鏈接 105
活動(dòng)二設(shè)置圖片超鏈接 108
任務(wù)二設(shè)置錨點(diǎn)鏈接 110
活動(dòng)為文章標(biāo)題設(shè)置錨點(diǎn)鏈接 111
任務(wù)三設(shè)置其他超鏈接 115
活動(dòng)一圖像不同區(qū)域設(shè)置熱點(diǎn)鏈接 115
活動(dòng)二設(shè)置郵件超鏈接 119
項(xiàng)目七布局網(wǎng)頁 121
任務(wù)一運(yùn)用表格布局網(wǎng)頁 121
活動(dòng)一使用表格布局簡(jiǎn)單網(wǎng)頁 123
活動(dòng)二使用表格布局復(fù)雜網(wǎng)頁 126
任務(wù)二運(yùn)用層布局網(wǎng)頁 129
活動(dòng)運(yùn)用層布局網(wǎng)頁操作 130
任務(wù)三運(yùn)用框架布局網(wǎng)頁 134
活動(dòng)一創(chuàng)建保存和修改框架及框架集 135
活動(dòng)二創(chuàng)建框架鏈接 138
項(xiàng)目八應(yīng)用網(wǎng)頁表單 141
任務(wù)一制作表單 141
活動(dòng)制作用戶注冊(cè)頁面 144
任務(wù)二應(yīng)用特殊表單對(duì)象 151
活動(dòng)制作站內(nèi)搜索欄 151
任務(wù)三查驗(yàn)表單數(shù)據(jù) 154
活動(dòng)制作Spry 可驗(yàn)證表單 155
項(xiàng)目九運(yùn)用Div+CSS 樣式 161
任務(wù)一初識(shí)Div 和CSS 161
活動(dòng)一創(chuàng)建與應(yīng)用Div 標(biāo)簽 163
活動(dòng)二創(chuàng)建與應(yīng)用CSS 層疊樣式 165
任務(wù)二了解Div+CSS 的運(yùn)用方法與技巧 167
活動(dòng)一CSS 的3 種選擇器類型及用法 168
活動(dòng)二使用CSS 綜合美化頁面 172
活動(dòng)三了解Div+CSS 的運(yùn)用方法 177
項(xiàng)目十運(yùn)用網(wǎng)頁行為 183
任務(wù)一設(shè)置瀏覽器行為 183
活動(dòng)一添加彈出信息 186
活動(dòng)二打開瀏覽器窗口并在狀態(tài)欄中顯示信息 188
任務(wù)二設(shè)置AP 元素行為 193
活動(dòng)一設(shè)置顯示-隱藏元素 194
活動(dòng)二設(shè)置拖動(dòng)AP 元素 201
任務(wù)三設(shè)置表單行為 204
活動(dòng)檢查表單 204
項(xiàng)目十一應(yīng)用網(wǎng)頁特效 209
任務(wù)一設(shè)置文字動(dòng)態(tài)效果 209
活動(dòng)了解marquee 標(biāo)簽的
使用技巧210
任務(wù)二設(shè)置圖片特效212
活動(dòng)設(shè)置網(wǎng)頁圖片特效213
任務(wù)三制作其他常見網(wǎng)頁特效215
活動(dòng)一制作下拉菜單216
活動(dòng)二設(shè)置網(wǎng)頁圖片播放219
項(xiàng)目十二應(yīng)用模板與庫(kù)223
任務(wù)一使用模板223
活動(dòng)一認(rèn)識(shí)及創(chuàng)建模板225
活動(dòng)二定義模板的可編輯區(qū)域228
活動(dòng)三應(yīng)用模板229
活動(dòng)四更新模板231
任務(wù)二使用庫(kù)233
活動(dòng)一創(chuàng)建庫(kù)項(xiàng)目233
活動(dòng)二插入及修改庫(kù)項(xiàng)目235
活動(dòng)三更新及分離庫(kù)項(xiàng)目240
項(xiàng)目十三網(wǎng)站發(fā)布與維護(hù)243
任務(wù)一發(fā)布網(wǎng)站243
活動(dòng)一開啟IIS 服務(wù)245
活動(dòng)二配置IIS246
任務(wù)二維護(hù)網(wǎng)站250
活動(dòng)一開啟遠(yuǎn)程桌面250
活動(dòng)二通過FTP 維護(hù)網(wǎng)站252
參考文獻(xiàn)256
書單推薦
