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