《Web前端開發實訓案例教程（初級）》是2023年電子工業出版社出版的圖書，作者是王曉玲、馬慶槐。
基本介紹
- 中文名：Web前端開發實訓案例教程（初級）
- 作者：王曉玲、馬慶槐
- 出版時間：2023年1月
- 出版社：電子工業出版社
- 頁數：248 頁
- ISBN：9787121449864
- 定價：49.80 元
- 開本：16 開
內容簡介,圖書目錄,作者簡介,
內容簡介
本書是圍繞《Web前端開發》職業技能等級標準（初級）和院校Web前端開發專業方向HTML5、JavaScript等主幹課程編寫的配套實踐教程，書中的代碼均已在開發環境和瀏覽器上運行通過。 本書綜合院校相關專業課程知識體系、Web前端開發崗位技能要求、《Web前端開發》職業技能等級標準（初級）中職業技能三者之間的知識和能力，並將其提煉成本書的實踐能力目標。以實踐能力為導向，以企業真實套用為目標，遵循企業標準開發過程和技術，以任務驅動，對HTML5、CSS3、JavaScript、jQuery、PC端/移動端等重要Web前端開發中的知識單元，結合實際案例和套用環境進行分析和設計，並對每個重要知識單元進行了詳細的實現，使讀者能夠真正掌握這些知識在實際場景中的套用。 本書分為兩大部分：第一部分為技術專題（實驗），主要進行知識單元訓練，可以對應課程練習或實驗進行實踐，針對不同的知識單元設計了有針對性的專題項目，重點訓練每個知識單元的內容，也為案例開發進行知識補強，儲備技術；第二部分為案例，可以對應課程設計或綜合實踐，選用“線上視頻課程網站”，採用業務和知識疊代開發思路，完整訓練Web核心知識單元在企業真實項目中的套用。
圖書目錄
第1章 概述 （1）
1．1 實踐目標 （1）
1．2 技術專題設計 （1）
1．3 案例設計 （4）
第2章 開發環境：第一個HTML5程式 （10）
2．1 技能和知識點 （10）
2．2 需求簡介 （10）
2．3 設計思路 （10）
2．4 實現 （11）
2．4．1 下載安裝Chrome （11）
2．4．2 下載安裝HBuilder （13）
2．4．3 創建Web項目並運行 （15）
第3章 HTML5表單―註冊頁面 （19）
3．1 技能和知識點 （19）
3．2 需求簡介 （20）
3．3 設計思路 （20）
3．4 實現 （21）
3．4．1 創建註冊頁面 （21）
3．4．2 搭建頭部和正文結構 （22）
3．4．3 編寫頭部 （22）
3．4．4 編寫正文 （23）
第4章 HTML5頁面增強：資訊網站 （25）
4．1 技能和知識點 （25）
4．2 需求簡介 （25）
4．3 設計思路 （26）
4．4 實現 （27）
4．4．1 創建資訊詳情頁面 （27）
4．4．2 搭建頭部和正文結構 （27）
4．4．3 編寫頭部 （28）
4．4．4 編寫正文 （28）
第5章 HTML5全局屬性：通信錄 （30）
5．1 技能和知識點 （30）
5．2 需求簡介 （30）
5．3 設計思路 （31）
5．4 實現 （32）
5．4．1 創建通信錄頁面 （32）
5．4．2 搭建頭部和正文結構 （32）
5．4．3 編寫頭部 （33）
5．4．4 編寫正文 （33）
第6章 HTML5多媒體：HTML5播放音頻 （37）
6．1 技能和知識點 （37）
6．2 需求簡介 （37）
6．3 設計思路 （38）
6．4 實現 （38）
6．4．1 搭建頁面結構 （38）
6．4．2 設定標題 （39）
6．4．3 創建音樂列表 （39）
第7章 HTML5多媒體：HTML5播放視頻 （41）
7．1 技能和知識點 （41）
7．2 需求簡介 （41）
7．3 設計思路 （42）
7．4 實現 （42）
7．4．1 搭建頁面結構 （42）
7．4．2 設定標題 （43）
7．4．3 創建視頻列表 （43）
第8章 HTML5語義化元素：音樂內容頁 （45）
8．1 技能和知識點 （45）
8．2 需求簡介 （45）
8．3 設計思路 （46）
8．4 實現 （47）
8．4．1 搭建頁面結構 （47）
8．4．2 製作頁頭 （47）
8．4．3 創建正文結構 （48）
8．4．4 創建音樂內容 （48）
8．4．5 操作按鈕 （49）
8．4．6 製作頁腳 （49）
第9章 CSS+CSS3：微博網站首頁 （50）
9．1 技能和知識點 （50）
9．2 需求簡介 （50）
9．3 設計思路 （51）
9．4 實現 （52）
9．4．1 搭建頁面結構 （52）
9．4．2 製作頁頭 （53）
9．4．3 製作正文導航欄 （56）
9．4．4 製作正文微博列表 （58）
第10章 CSS+CSS3：技術論壇系統首頁 （61）
10．1 技能和知識點 （61）
10．2 需求簡介 （61）
10．3 設計思路 （62）
10．4 實現 （63）
10．4．1 搭建頁面結構 （63）
10．4．2 製作頁頭 （64）
10．4．3 添加標題動畫 （65）
10．4．4 製作正文分類列表 （66）
10．4．5 製作正文帖子列表 （67）
第11章 移動端：電商列表頁 （70）
11．1 技能和知識點 （70）
11．2 需求簡介 （70）
11．3 設計思路 （71）
11．4 實現 （72）
11．4．1 搭建頁面結構 （72）
11．4．2 設定視口 （72）
11．4．3 製作頁頭 （73）
11．4．4 創建商品列表 （74）
第12章 移動端：視頻網站 （77）
12．1 技能和知識點 （77）
12．2 需求簡介 （77）
12．3 設計思路 （78）
12．4 實現 （79）
12．4．1 搭建頁面結構 （79）
12．4．2 設定視口 （79）
12．4．3 創建視頻播放控制項 （79）
12．4．4 創建評論列表 （80）
12．4．5 創建發布評論表單 （81）
12．4．6 頁面最佳化 （83）
第13章 JavaScript基礎語法：日期計算器 （85）
13．1 技能和知識點 （85）
13．2 需求簡介 （85）
13．3 設計思路 （86）
13．4 實現 （86）
13．4．1 編寫頁面 （86）
13．4．2 獲取日期值 （87）
13．4．3 創建日期對象 （88）
13．4．4 計算並顯示結果 （88）
第14章 面向對象：學生信息管理 （90）
14．1 技能和知識點 （90）
14．2 需求簡介 （90）
14．3 設計思路 （91）
14．4 實現 （91）
14．4．1 創建檔案 （91）
14．4．2 創建構造函式 （92）
14．4．3 添加原型方法 （92）
14．4．4 實例化對象 （92）
第15章 DOM操作：學生信息列表 （94）
15．1 技能和知識點 （94）
15．2 需求簡介 （94）
15．3 設計思路 （95）
15．4 實現 （96）
15．4．1 編寫頁面 （96）
15．4．2 生成學生信息表格 （97）
15．4．3 新增學生信息 （98）
15．4．4 刪除學生信息 （100）
第16章 jQuery：目錄頁面生成 （101）
16．1 技能和知識點 （101）
16．2 需求簡介 （101）
16．3 設計思路 （102）
16．4 實現 （102）
16．4．1 引入jQeury （102）
16．4．2 搭建頁面 （103）
16．4．3 定義數組 （104）
16．4．4 顯示目錄內容 （104）
16．4．5 單擊目錄顯示內容 （105）
第17章 案例：線上視頻課程網站 （107）
17．1 需求和設計 （107）
17．1．1 項目背景 （107）
17．1．2 項目目標 （107）
17．1．3 項目功能 （108）
17．1．4 開發環境 （109）
17．1．5 程式結構設計 （109）
17．2 界面設計 （111）
17．2．1 頁面類型 （111）
17．2．2 頁面整體布局 （112）
17．2．3 用戶登錄頁面設計 （112）
17．2．4 首頁設計 （112）
17．2．5 課程列表頁面設計 （113）
17．2．6 移動端首頁設計 （113）
17．3 第一階段HTML5：首頁 （114）
17．3．1 功能簡介 （114）
17．3．2 設計思路 （114）
17．3．3 實現 （115）
17．4 第一階段HTML5：用戶註冊 （118）
17．4．1 功能簡介 （118）
17．4．2 設計思路 （119）
17．4．3 實現 （119）
17．5 第一階段HTML5：用戶登錄 （122）
17．5．1 功能簡介 （122）
17．5．2 設計思路 （123）
17．5．3 實現 （124）
17．6 第一階段HTML5：課程詳情 （127）
17．6．1 功能簡介 （127）
17．6．2 設計思路 （127）
17．6．3 實現 （128）
17．7 第一階段HTML5：視頻播放 （135）
17．7．1 功能簡介 （135）
17．7．2 設計思路 （135）
17．7．3 實現 （136）
17．8 第一階段HTML5：後台課程管理 （141）
17．8．1 功能簡介 （141）
17．8．2 設計思路 （141）
17．8．3 實現 （142）
17．9 第二階段CSS3：首頁 （146）
17．9．1 功能簡介 （146）
17．9．2 設計思路 （147）
17．9．3 實現 （148）
17．10 第二階段CSS3：用戶註冊 （162）
17．10．1 功能簡介 （162）
17．10．2 設計思路 （163）
17．10．3 實現 （163）
17．11 第二階段CSS3：用戶登錄 （168）
17．11．1 功能簡介 （168）
17．11．2 設計思路 （168）
17．11．3 實現 （169）
17．12 第二階段CSS3：課程詳情 （171）
17．12．1 功能簡介 （171）
17．12．2 設計思路 （172）
17．12．3 實現 （173）
17．13 第二階段CSS3：章節目錄 （178）
17．13．1 功能簡介 （178）
17．13．2 設計思路 （179）
17．13．3 實現 （180）
17．14 第二階段CSS3：視頻播放 （191）
17．14．1 功能簡介 （191）
17．14．2 設計思路 （191）
17．14．3 實現 （192）
17．15 第二階段CSS3：後台課程管理首頁 （200）
17．15．1 功能簡介 （200）
17．15．2 設計思路 （201）
17．15．3 實現 （202）
17．16 第三階段JavaScript+jQuery：章節目錄頁面互動效果 （213）
17．16．1 功能簡介 （213）
17．16．2 設計思路 （214）
17．16．3 實現 （214）
17．17 第三階段JavaScript+jQuery：視頻播放頁面互動效果 （215）
17．17．1 功能簡介 （215）
17．17．2 設計思路 （216）
17．17．3 實現 （216）
17．18 第三階段JavaScript+jQuery：後台課程管理首頁互動效果 （218）
17．18．1 功能簡介 （218）
17．18．2 設計思路 （219）
17．18．3 實現 （219）
17．19 第四階段移動端：首頁 （222）
17．19．1 功能簡介 （222）
17．19．2 設計思路 （223）
17．19．3 實現 （224）
17．20 第四階段移動端：用戶登錄 （233）
17．20．1 功能簡介 （233）
17．20．2 設計思路 （233）
17．20．3 實現 （234）
作者簡介
王曉玲（1974.12―），女，河北灤縣，碩士研究生。現為上海電子信息職業技術學院講師。自2003月至今，一直在軟體技術專業兢兢業業的教學。指導學生參加各種比賽，並多次獲獎。其中，全國職業技能大賽中兩次一等獎，一次三等獎。課程建設方面：市級精品課程《面向對象編程（Java）》，校級精品課程兩門《Android軟體開發》、《網頁製作》。開發了學校的評教系統網站。
