定 價(jià)：36 元
叢書名：“十三五”高等職業(yè)教育計(jì)算機(jī)類專業(yè)規(guī)劃教材
- 作者：朱蓓芳，王向中，王應(yīng)喜 著
- 出版時(shí)間：2020/6/1
- ISBN：9787113267780
- 出 版 社：中國(guó)鐵道出版社
- 中圖法分類：TP393.092.2
- 頁(yè)碼：196
- 紙張：膠版紙
- 版次：1
- 開本：16開
本書從Web 前端開發(fā)崗位所需的基本知識(shí)和基本技能出發(fā)，講解了HTML 技術(shù)、CSS 技術(shù)和
JavaScript技術(shù)的基本知識(shí)和應(yīng)用技能。本書以教學(xué)項(xiàng)目為引領(lǐng)、學(xué)習(xí)任務(wù)為驅(qū)動(dòng)的技能培養(yǎng)思路進(jìn)行
編寫，注重職業(yè)技能的培養(yǎng)和知識(shí)的應(yīng)用能力訓(xùn)練，實(shí)現(xiàn)“做中學(xué)”的目標(biāo)。所有教學(xué)項(xiàng)目均來(lái)自于
Web前端開發(fā)崗位的主要工作任務(wù)，使讀者在學(xué)習(xí)后可以將學(xué)習(xí)的成果直接應(yīng)用于自己的實(shí)際開發(fā)項(xiàng)
目中，實(shí)現(xiàn)了學(xué)習(xí)和工作的有效銜接。在知識(shí)的學(xué)習(xí)方面，始終圍繞教學(xué)項(xiàng)目和學(xué)習(xí)任務(wù)展開，不追
求全面而注重常用，努力實(shí)現(xiàn)學(xué)習(xí)20%的知識(shí)能夠解決80%的問題的目標(biāo)。
為了更好地幫助讀者學(xué)習(xí)本書的相關(guān)知識(shí)和技能，我們還構(gòu)建了開放課程網(wǎng)站，有配套的教學(xué)
PPT、練習(xí)題、源代碼、教學(xué)視頻和教學(xué)設(shè)計(jì)等資源，可在中國(guó)鐵道出版社有限公司教學(xué)資源網(wǎng)
http://www.tdpress.com/51eds/進(jìn)行下載。
本書適合作為高等和中等職業(yè)院校計(jì)算機(jī)相關(guān)專業(yè)的教材，也可作為相關(guān)工程技術(shù)人員和愛好者
的自學(xué)用書。
本書以教學(xué)項(xiàng)目為引領(lǐng)、學(xué)習(xí)任務(wù)為驅(qū)動(dòng)的技能培養(yǎng)思路進(jìn)行
編寫，注重職業(yè)技能的培養(yǎng)和知識(shí)的應(yīng)用能力訓(xùn)練，實(shí)現(xiàn)“做中學(xué)”的目標(biāo)。所有教學(xué)項(xiàng)目均來(lái)自于
Web前端開發(fā)崗位的主要工作任務(wù)，使讀者在學(xué)習(xí)后可以將學(xué)習(xí)的成果直接應(yīng)用于自己的實(shí)際開發(fā)項(xiàng)
目中，實(shí)現(xiàn)了學(xué)習(xí)和工作的有效銜接。在知識(shí)的學(xué)習(xí)方面，始終圍繞教學(xué)項(xiàng)目和學(xué)習(xí)任務(wù)展開，不追
求全面而注重常用，努力實(shí)現(xiàn)學(xué)習(xí)20%的知識(shí)能夠解決80%的問題的目標(biāo)。
隨著互聯(lián)網(wǎng)應(yīng)用的不斷演進(jìn)，Web 開發(fā)技術(shù)已經(jīng)成為軟件開發(fā)領(lǐng)域的主流技術(shù)。無(wú)論是
Java 技術(shù)、ASP.NET 技術(shù)，還是PHP 技術(shù)，在軟件開發(fā)的過程中都離不開客戶端技術(shù)的應(yīng)用。
因此，“客戶端應(yīng)用開發(fā)”課程已經(jīng)成為計(jì)算機(jī)類專業(yè)，尤其是軟件類專業(yè)的必修課。同時(shí)，
隨著軟件開發(fā)技術(shù)的不斷發(fā)展以及互聯(lián)網(wǎng)和物聯(lián)網(wǎng)技術(shù)的不斷發(fā)展和應(yīng)用的不斷廣泛，軟件
企業(yè)的工作崗位也發(fā)生了新的變化。前端開發(fā)作為一個(gè)獨(dú)立的崗位，從軟件開發(fā)崗位中剝離
出來(lái)，并且隨著應(yīng)用的不斷深入，對(duì)人才的需求也不斷增加，而前端開發(fā)崗位的核心技術(shù)和
基礎(chǔ)技術(shù)正是客戶端開發(fā)技術(shù)，因此，客戶端開發(fā)技術(shù)正越來(lái)越受到各個(gè)學(xué)校，尤其是職業(yè)
類院校的重視。
本書根據(jù)前端開發(fā)員崗位標(biāo)準(zhǔn)進(jìn)行編寫，主要內(nèi)容包括基本圖文編排、列表應(yīng)用、表格應(yīng)用、
表單應(yīng)用、網(wǎng)頁(yè)導(dǎo)航實(shí)現(xiàn)、網(wǎng)頁(yè)布局、JavaScript應(yīng)用等。本書的主要特色是緊密結(jié)合前端開發(fā)員、
軟件開發(fā)員從事項(xiàng)目開發(fā)的工作實(shí)際，采用項(xiàng)目化的教學(xué)模式，以工作任務(wù)為驅(qū)動(dòng)，將前端開發(fā)
員、軟件開發(fā)員的相關(guān)崗位技術(shù)的能力要求和技術(shù)要求融合于學(xué)習(xí)項(xiàng)目中，對(duì)相關(guān)理論知識(shí)只做
簡(jiǎn)單闡述，在教學(xué)過程中將重點(diǎn)放在對(duì)學(xué)生實(shí)踐能力的培養(yǎng)上。學(xué)生通過對(duì)學(xué)習(xí)項(xiàng)目的學(xué)習(xí)和訓(xùn)
練，不僅掌握了前端開發(fā)中所需的基礎(chǔ)知識(shí)和基本技能，而且了解了Web開發(fā)中有關(guān)前端開發(fā)的
工作流程和工作方法，使學(xué)生到軟件企業(yè)就業(yè)后能很快適應(yīng)前端開發(fā)員和軟件開發(fā)員的日常工作。
同時(shí)，本書中的學(xué)習(xí)項(xiàng)目來(lái)源于真實(shí)的軟件開發(fā)項(xiàng)目，學(xué)生可以將所學(xué)習(xí)的項(xiàng)目直接應(yīng)用于其所
開發(fā)的項(xiàng)目中，從而實(shí)現(xiàn)自己代碼的積累。另外，本書每章都配有針對(duì)性的練習(xí)，可以幫助讀者
理解和掌握所學(xué)的知識(shí)和技能。
本書也是南京鐵道職業(yè)技術(shù)學(xué)院省級(jí)網(wǎng)絡(luò)在線開放課程“客戶端應(yīng)用程序開發(fā)”的指定教材，
該在線課程為教師和學(xué)生提供了豐富的教學(xué)資源和學(xué)習(xí)資源，主要包括課程標(biāo)準(zhǔn)、學(xué)習(xí)視頻、網(wǎng)
絡(luò)測(cè)試、學(xué)習(xí)項(xiàng)目教學(xué)素材等。目前，該在線課程已在中國(guó)大學(xué)慕課網(wǎng)上發(fā)布。
FOREWORD 前 言
II 客戶端應(yīng)用技術(shù)
本書由南京鐵道職業(yè)技術(shù)學(xué)院朱蓓芳、王向中和王應(yīng)喜主編，蔣明華參編。具體編寫分工如
下：項(xiàng)目一和項(xiàng)目二由朱蓓芳編寫，項(xiàng)目三和項(xiàng)目四由王向中編寫，項(xiàng)目五和項(xiàng)目六由朱蓓芳和
蔣明華共同編寫，項(xiàng)目七和項(xiàng)目八由王應(yīng)喜編寫。
本書在編寫過程中得到了江蘇省教育廳職教處、南京鐵道職業(yè)技術(shù)學(xué)院的大力支持，在此謹(jǐn)
表感謝。
由于時(shí)間倉(cāng)促，加之編寫人員水平有限，書中難免存在疏漏和不足之處，懇請(qǐng)讀者批評(píng)
指正。
編 者
2020年4月
王應(yīng)喜，男，1964年10月生,江蘇海安人，畢業(yè)于東北大學(xué)應(yīng)用軟件專業(yè)，研究生學(xué)歷, 工學(xué)碩士，1998年獲高級(jí)工程師職稱�，F(xiàn)任南京鐵道職業(yè)技術(shù)學(xué)院計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)負(fù)責(zé)人，江蘇省計(jì)算機(jī)學(xué)會(huì)網(wǎng)絡(luò)空間安全職業(yè)教育專業(yè)委員會(huì)理事。主要研究方向：軟件工程技術(shù)及軟件開發(fā)。 1990年-2001年從事電子工程技術(shù)的研究工作,完成了電子部“七五”、“八五”攻關(guān)計(jì)劃中相關(guān)課題的研究，實(shí)現(xiàn)部級(jí)成果鑒定3項(xiàng)。2001年-2007年,從事軟件技術(shù)管理工作，完成了電力行業(yè)配電數(shù)據(jù)采集管理、電能質(zhì)量監(jiān)控管理等多個(gè)工程項(xiàng)目開發(fā)與實(shí)施， 其中多個(gè)產(chǎn)品獲得省、市優(yōu)秀軟件獎(jiǎng)勵(lì)和推薦。在省級(jí)以上刊物公開發(fā)表論文多篇，近年來(lái)，指導(dǎo)學(xué)生多次獲得省優(yōu)秀畢業(yè)論文獎(jiǎng)和多個(gè)全國(guó)競(jìng)賽大獎(jiǎng)。
項(xiàng)目1 基本圖文混排 1
任務(wù)1 基本網(wǎng)頁(yè)搭建. 1
1.1.1 創(chuàng)建新聞頁(yè). 1
1.1.2 知識(shí)學(xué)習(xí). 2
1.1.3 實(shí)踐操作. 5
任務(wù)2 圖文混排網(wǎng)頁(yè). 5
1.2.1 創(chuàng)建“詩(shī)詞賞析”頁(yè)面 6
1.2.2 知識(shí)學(xué)習(xí). 6
1.2.3 實(shí)踐操作 16
任務(wù)3 格式化排版 18
1.3.1 對(duì)“詩(shī)詞欣賞”頁(yè)面
進(jìn)行格式化處理 18
1.3.2 知識(shí)學(xué)習(xí) 18
1.3.3 實(shí)踐操作 27
練習(xí)與提高 28
項(xiàng)目2 列表應(yīng)用 30
任務(wù)1 創(chuàng)建基本列表 30
2.1.1 應(yīng)用基本列表組織頁(yè)面內(nèi)容 30
2.1.2 知識(shí)學(xué)習(xí) 31
2.1.3 實(shí)踐操作 33
任務(wù)2 創(chuàng)建嵌套列表 34
2.2.1 創(chuàng)建問卷頁(yè)面. 34
2.2.2 知識(shí)學(xué)習(xí) 35
2.2.3 實(shí)踐操作 36
任務(wù)3 新聞列表. 37
2.3.1 創(chuàng)建新聞列表. 37
2.3.2 知識(shí)學(xué)習(xí) 37
2.3.3 實(shí)踐操作 39
練習(xí)與提高 42
項(xiàng)目3 表格應(yīng)用 44
任務(wù)1 簡(jiǎn)單表格應(yīng)用 44
3.1.1 制作普通表格. 44
3.1.2 知識(shí)學(xué)習(xí)45
3.1.3 實(shí)踐操作47
任務(wù)2 制作斑馬紋效果50
3.2.1 制作斑馬紋效果的表格.50
3.2.2 知識(shí)學(xué)習(xí)51
3.2.3 實(shí)踐操作52
任務(wù)3 復(fù)雜表格應(yīng)用56
3.3.1 制作個(gè)人簡(jiǎn)歷表格56
3.3.2 知識(shí)學(xué)習(xí)57
3.3.3 實(shí)踐操作58
練習(xí)與提高63
項(xiàng)目4 表單應(yīng)用 65
任務(wù)1 創(chuàng)建登錄表單65
4.1.1 登錄表單的設(shè)計(jì)與實(shí)現(xiàn).65
4.1.2 知識(shí)學(xué)習(xí)66
4.1.3 實(shí)踐操作68
任務(wù)2 創(chuàng)建注冊(cè)表單72
4.2.1 注冊(cè)表單的設(shè)計(jì)與實(shí)現(xiàn).72
4.2.2 知識(shí)學(xué)習(xí)72
4.2.3 實(shí)踐操作77
任務(wù)3 創(chuàng)建其他常用表單.80
4.3.1 消費(fèi)調(diào)查表單的設(shè)計(jì)
與實(shí)現(xiàn).80
4.3.2 知識(shí)學(xué)習(xí)81
4.3.3 實(shí)踐操作82
練習(xí)與提高85
項(xiàng)目5 創(chuàng)建網(wǎng)頁(yè)導(dǎo)航功能. 88
任務(wù)1 創(chuàng)建縱向?qū)Ш讲藛?88
5.1.1 縱向?qū)Ш讲藛蔚脑O(shè)計(jì)與實(shí)現(xiàn)88
5.1.2 知識(shí)學(xué)習(xí)88
5.1.3 操作實(shí)踐91
目 錄 CONTENTS
II 客戶端應(yīng)用技術(shù)
任務(wù)2 創(chuàng)建橫向?qū)Ш讲藛?93
5.2.1 橫向?qū)Ш讲藛蔚脑O(shè)計(jì)
與實(shí)現(xiàn). 93
5.2.2 知識(shí)學(xué)習(xí) 93
5.2.3 操作實(shí)踐 96
任務(wù)3 創(chuàng)建下拉式導(dǎo)航菜單 96
5.3.1 下拉式導(dǎo)航菜單的
設(shè)計(jì)與實(shí)現(xiàn) 96
5.3.2 操作實(shí)踐 96
練習(xí)與提高 100
項(xiàng)目6 網(wǎng)頁(yè)布局.101
任務(wù)1 創(chuàng)建個(gè)人博客頁(yè)面. 101
6.1.1 個(gè)人博客頁(yè)面布局實(shí)現(xiàn) 101
6.1.2 知識(shí)學(xué)習(xí) 101
6.1.3 操作實(shí)踐 109
任務(wù)2 創(chuàng)建企業(yè)網(wǎng)站首頁(yè)布局 117
6.2.1 企業(yè)網(wǎng)站首頁(yè)布局實(shí)現(xiàn) 117
6.2.2 操作實(shí)踐 118
練習(xí)與提高 122
項(xiàng)目7 JavaScript 基本應(yīng)用124
任務(wù)1 顯示網(wǎng)站通知 124
7.1.1 顯示頁(yè)面通知 124
7.1.2 知識(shí)學(xué)習(xí) 125
7.1.3 操作實(shí)踐 133
任務(wù)2 付款金額的大寫轉(zhuǎn)換 134
7.2.1 在電商頁(yè)面中實(shí)現(xiàn)付款
金額的大寫轉(zhuǎn)換. 134
7.2.2 知識(shí)學(xué)習(xí) 135
7.2.3 操作實(shí)踐 141
任務(wù)3 任務(wù)倒計(jì)時(shí). 144
7.3.1 實(shí)現(xiàn)在線考試的
倒計(jì)時(shí)功能 144
7.3.2 知識(shí)學(xué)習(xí) 145
7.3.3 操作實(shí)踐 149
任務(wù)4 DOM 基本應(yīng)用 150
7.4.1 訪問并控制DOM 對(duì)象 151
7.4.2 知識(shí)學(xué)習(xí) 151
7.4.3 操作實(shí)踐.157
練習(xí)與提高158
項(xiàng)目8 網(wǎng)頁(yè)動(dòng)態(tài)功能實(shí)現(xiàn) 159
任務(wù)1 使用JavaScript 實(shí)現(xiàn)表單驗(yàn)證 159
8.1.1 新用戶注冊(cè)頁(yè)面的前端驗(yàn)證.159
8.1.2 表單的觸發(fā)驗(yàn)證機(jī)制160
8.1.3 網(wǎng)頁(yè)的HTML 結(jié)構(gòu)和CSS
樣式160
8.1.4 編寫數(shù)據(jù)驗(yàn)證代碼的一般
方法163
8.1.5 使用JavaScript 實(shí)現(xiàn)注冊(cè)表單
驗(yàn)證163
任務(wù)2 使用JavaScript實(shí)現(xiàn)導(dǎo)航特效168
8.2.1 折疊菜單的實(shí)現(xiàn)168
8.2.2 橫向二級(jí)菜單的實(shí)現(xiàn)170
8.2.3 校園網(wǎng)二級(jí)導(dǎo)航的實(shí)現(xiàn)171
任務(wù)3 使用JavaScript 實(shí)現(xiàn)選項(xiàng)卡
特效.172
8.3.1 選項(xiàng)卡在頁(yè)面中的使用172
8.3.2 認(rèn)識(shí)選項(xiàng)卡173
8.3.3 校園網(wǎng)Tab 實(shí)現(xiàn)174
任務(wù)4 使用JavaScript 實(shí)現(xiàn)圖片輪顯
特效.176
8.4.1 網(wǎng)頁(yè)圖片輪顯176
8.4.2 實(shí)現(xiàn)方法.177
任務(wù)5 使用JavaScript 實(shí)現(xiàn)圖片滾動(dòng)
特效.179
8.5.1 首頁(yè)圖片滾動(dòng)特效.179
8.5.2 圖片滾動(dòng)特效實(shí)現(xiàn)思路179
8.5.3 操作實(shí)踐.180
任務(wù)6 使用JavaScript 實(shí)現(xiàn)鼠標(biāo)拖動(dòng)
特效.181
8.6.1 實(shí)現(xiàn)鼠標(biāo)拖動(dòng)控制登錄窗口181
8.6.2 知識(shí)學(xué)習(xí).182
8.6.3 操作實(shí)踐.183
練習(xí)與提高189
書單推薦
