上篇实训（课内同步实验）

第一部分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

参考文献