Web前端開發(fā)技術(shù)實驗與實踐：HTML5、CSS3、JavaScript（第3版）

目錄


上篇實訓（課內(nèi)同步實驗）

第一部分HTML基礎

實訓1Web前端開發(fā)環(huán)境配置與HTML基礎

項目1Web前端開發(fā)環(huán)境配置

項目2新生簡易主頁設計

項目3用EditPlus自定義HTML模板

項目4meta標記、body標記屬性使用

項目5HTML、CSS、JavaScript綜合編程

課外拓展訓練1

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

項目6文本與段落標記的應用

項目7高校資訊新聞條目設計

項目8設計制度宣傳展板

項目9設計飯店菜單價目表

課外拓展訓練2

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

項目10設計簡易燈箱畫廊

項目11設計支持音頻、視頻播放的網(wǎng)頁

項目12設計簡易導航網(wǎng)站

項目13設計專業(yè)課程導航

課外拓展訓練3

第二部分頁面布局技術(shù)

實訓4DIV+CSS綜合運用

項目14設計《中國教育網(wǎng)絡》雜志簡介

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

課外拓展訓練4

實訓5DIV+CSS布局規(guī)劃

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

項目17設計2015年CERNET華東北地區(qū)年會網(wǎng)站

課外拓展訓練5

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

項目18設計網(wǎng)絡主題研討會日程表

項目19設計簡化版江蘇教育電子政務網(wǎng)站

課外拓展訓練6

實訓7表單頁面設計

項目20設計科技工作者建言頁面

項目21設計大學生暑期社會實踐調(diào)查問卷頁面

課外拓展訓練7

第三部分HTML5基礎與CSS3應用

實訓8HTML5基礎與CSS3應用

項目22當當網(wǎng)企業(yè)用戶注冊頁面設計

項目23HTML5結(jié)構(gòu)元素頁面布局設計

項目24H3C新華三集團行業(yè)案例CSS3特效頁面設計

項目25純CSS3偏光圖像畫廊

課外拓展訓練8

第四部分JavaScript應用

實訓9JavaScript基礎應用

項目26改變新聞網(wǎng)頁中的字號

項目27計算任意區(qū)間內(nèi)連續(xù)自然數(shù)的累加和

項目28消息對話框綜合應用

課外拓展訓練9

實訓10JavaScript高級應用

項目29成績百分制轉(zhuǎn)換為五級制

項目30計算∑N！

項目31系統(tǒng)常用函數(shù)的使用

課外拓展訓練10

實訓11JavaScript事件分析

項目32設計校園辦公系統(tǒng)認證頁面

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

課外拓展訓練11

實訓12DOM與BOM應用案例

項目34設計簡易福彩投注程序

項目35設計江蘇福彩投注站彩票投注助手

課外拓展訓練12

實訓13HTML5高級應用案例

項目36用Web Storage開發(fā)當當網(wǎng)圖書評論頁面

項目37用HTML5 Canvas開發(fā)一個小游戲

項目38用HTML5拖曳開發(fā)購物車

項目39使用Web Worker做后臺數(shù)值(算法)計算

課外拓展訓練13

下篇實踐（課程設計）

第五部分網(wǎng) 站 設 計

“Web前端開發(fā)技術(shù)”課程設計

任務1高校網(wǎng)站設計——北京理工大學網(wǎng)站

任務2企業(yè)網(wǎng)站設計——同方股份有限公司網(wǎng)站

任務3社會團體網(wǎng)站設計——成都市互聯(lián)網(wǎng)協(xié)會網(wǎng)站

附錄A課外拓展訓練程序清單

課外拓展訓練1

課外拓展訓練2

課外拓展訓練3

課外拓展訓練4

課外拓展訓練5

課外拓展訓練6

課外拓展訓練7

課外拓展訓練8

課外拓展訓練9

課外拓展訓練10

課外拓展訓練11

課外拓展訓練12

課外拓展訓練13

參考文獻