Web前端開發技術實驗與實踐——HTML5、CSS3、JavaScript（第4版）

本書分為上、下兩篇，上篇為實訓(課內同步實驗)，包括HTML基礎(Web前端開發環境配置與HTML基礎，格式化文本、段落與列表，超鏈接與多媒體文件應用)、頁面佈局技術(DIV+CSS綜合應用、DIV+CSS佈局規劃、表格與表格頁面佈局、表單頁面設計)、HTML5基礎與CSS3應用、JavaScript應用(JavaScript基礎應用、JavaScript高級應用、JavaScript事件分析、DOM與BOM應用案例、HTML5高級應用案例)，內含13次實訓、41個實訓項目、26個課外拓展訓練項目；下篇為實踐(課程設計)，包括高校網站設計、企業網站設計和社會團體網站設計3個典型案例。 本書結構合理，實訓項目設計由淺入深、循序漸進、經典實用，實驗過程詳細，實訓項目切合實際，真實性強。 本書可作為高等學校數據科學與大數據技術、電腦科學與技術、軟件工程、信息管理與信息系統、網絡工程、物聯網工程、信息科學技術、數字媒體技術及其他相關專業或電腦公共基礎的“網頁設計與開發” “網頁製作” “Web客戶端編程” “Web前端開發技術” “Web應用開發”等課程實驗與實訓教材，也可作為從事Web開發相關工作的工程技術人員的參考書。

目錄

資源下載

上篇實訓（課內同步實驗）

第一部分HTML基礎

實訓1Web前端開發環境配置與HTML基礎

項目1Web前端開發環境配置

項目2使用HX創建項目和文件

項目3公民基本道德規範宣傳頁設計

項目4IT新書推薦

項目5我愛我的崗位： Web前端開發

課外拓展訓練1

實訓2格式化文本、段落與列表

項目6中國古代道德教育故事——孔融讓梨

項目7中國傳統道德故事集錦

項目8設計制度宣傳展板

項目9社會主義核心價值觀內容

課外拓展訓練2

實訓3超鏈接與多媒體文件應用

項目10旅游景點欣賞

項目11Web前端技術新書推薦

項目12萬維網簡介

項目13“專業課程簡介”頁面

課外拓展訓練3

第二部分頁面佈局技術

實訓4DIV+CSS綜合應用

項目14設計“《中國教育網絡》雜志簡介”頁面

項目15設計“京東商品導購”頁面

課外拓展訓練4

實訓5DIV+CSS佈局規劃

項目16DIV+CSS頁面佈局設計

項目17設計“Web前端開發技術課程網站”頁面

課外拓展訓練5

實訓6表格與表格頁面佈局

項目18設計“TF43: 前端的發展與未來日程表”頁面

項目19簡易電子政務網

課外拓展訓練6

實訓7表單頁面設計

項目20設計“留言板”頁面

項目21設計“大學生暑期社會實踐調查問捲”頁面

課外拓展訓練7

第三部分HTML5基礎與CSS3應用

實訓8HTML5與CSS3應用實戰

項目22當當網企業用戶註冊頁面設計

項目23HTML5結構元素頁面佈局設計

項目24HAB公司行業案例CSS3特效頁面設計

項目25純CSS3偏光圖像畫廊

課外拓展訓練8

第四部分JavaScript應用

實訓9JavaScript基礎應用

項目26改變新聞網頁中的字號

項目27計算任意區間內連續自然數的累加和

項目28國債認購小程序

課外拓展訓練9

實訓10JavaScript高級應用

項目29勞務報酬個人所得稅計算器

項目30區間內整數的階乘累加器

項目31統計英文字母出現的頻次

課外拓展訓練10

實訓11JavaScript事件分析

項目32設計校園辦公系統認證頁面

項目33鼠標動作捕獲與響應

課外拓展訓練11

實訓12DOM與BOM應用案例

項目34體彩大樂透投註程序

項目35簡易圖書選購程序

項目36簡易輪播圖設計

項目37列表框圖像瀏覽器

課外拓展訓練12

實訓13HTML5高級應用案例

項目38基於Web Storage的當當網圖書評論頁面

項目39用HTML5 Canvas開發一個小游戲

項目40用HTML5拖曳開發購物車

項目41使用Web Worker做後台數值(算法)計算

課外拓展訓練13

下篇實踐（課程設計）

第五部分網 站 設 計

“Web前端開發技術”課程設計

任務A高校網站設計——Web技術大學網站

任務B企業網站設計——江蘇濟世信息技術有限公司網站

任務C社會團體網站設計——太空市互聯網協會網站

附錄A課外拓展訓練參考代碼

課外拓展訓練1

課外拓展訓練2

課外拓展訓練3

課外拓展訓練4

課外拓展訓練5

課外拓展訓練6

課外拓展訓練7

課外拓展訓練8

課外拓展訓練9

課外拓展訓練10

課外拓展訓練11

課外拓展訓練12

課外拓展訓練13

參考文獻