html5和css3课程设计,HTML5+CSS3移动Web开发实战-课程设计.doc

HTML5+CSS3

移动Web开发实战

课程设计

PAGE 2

PAGE 3

HTML5+CSS3移动Web开发实战课程设计

1.教学单元设计

单元序号

单元名称

建议课时

建议考核分值

单元1

跨平台的网站首页设计

8

10

单元2

文本新闻浏览网页设计

8

10

单元3

旅游景点推荐网页设计

6

10

单元4

商品信息展示网页设计

6

10

单元5

注册登录与留言网页设计

6

10

单元6

音乐视频播放网页设计

6

10

单元7

网页图形绘制与游戏设计

8

20

单元8

复杂样式与网页特效设计

12

20

小计

60

100

2.教学流程设计

教学环节序号

教学环节名称

说明

1

教学导航

明确教学目标,记住关键字,熟悉教学方法,了解课时建议

2

实例探析

探析典型移动Web应用,让读者对HTML5和CSS3的相关知识和典型应用有初步认识,形成初步印象

3

知识疏理

对HTML5和CSS3相关的理论知识进行分析与归纳,为移动Web应用开发提供方法指导和知识支持

4

引导训练

引导读者一步一步完成移动Web应用开发任务

5

同步训练

参照引导训练的方法,读者自主完成类似的移动Web应用开发任务

6

拓展训练

对学习时间和技能水平进行拓展,自主完成有一定难度的移动Web应用开发任务,从而进一步提升读者的移动Web应用开发能力

7

单元小结

对本单元所学习的知识和训练的技能进行简要归纳总结

3.移动Web应用开发任务设计

单元序号

训练环节

移动Web应用开发任务

单元1

实例探析

【任务1-1】探析携程旅行网的首页

引导训练

【任务1-2】设计苏宁易购网的首页

【任务1-3】设计穷游网的首页

同步训练

【任务1-4】设计同程旅游网的首页

拓展训练

【任务1-5】设计酷狗音乐网的首页

单元2

实例探析

【任务2-1】探析手机搜狐网的名站导航网页

引导训练

【任务2-2】设计手机搜狐网的站内导航网页

【任务2-3】设计手机搜狐网的文本新闻网页

同步训练

【任务2-4】设计新华网手机版的网址导航网页

【任务2-5】设计新华网手机版的文本新闻网页

拓展训练

【任务2-6】设计新华网手机版的标题新闻及导航网页

续表

单元序号

训练环节

移动Web应用开发任务

单元3

实例探析

【任务3-1】探析蚂蜂窝的推荐旅游目的地网页

引导训练

【任务3-2】设计去哪儿旅行网的Touch版旅图网页

同步训练

【任务3-3】设计携程旅行网的最佳旅游景区网页

拓展训练

【任务3-4】设计路趣网手机版的热点景点推荐网页

单元4

实例探析

【任务4-1】探析麦包包网触屏版的热销商品网页

引导训练

【任务4-2】设计苏宁易购触屏版的促销商品列表网页

【任务4-3】设计易购网的选用商品列表网页

同步训练

【任务4-4】设计凡客诚品网触屏版的品牌墙网页

拓展训练

【任务4-5】设计苏宁易购触屏版的家用电器精选商品导航网页

单元5

实例探析

【任务5-1】探析手机麦包包网的用户注册网页

引导训练

【任务5-2】设计同程旅游无线网的会员登录网页

【任务5-3】设计去哪儿网的意见反馈网页

同步训练

【任务5-4】设计掌上1号店的用户登录网页

拓展训练

【任务5-5】设计手机搜狐网的留言反馈网页

【任务5-6】设计易购网的个性化用户注册网页

单元6

实例探析

【任务6-1】探析基于HTML5的网页音乐播放器之一

【任务6-2】探析基于HTML5的网页视频播放器之一

引导训练

【任务6-3】设计基于HTML5的网页音乐播放器之二

【任务6-4】设计基于HTML5的网页视频播放器之二

同步训练

【任务6-5】设计基于HTML5的网页音乐播放器之三

【任务6-6】设计基于HTML5的网页音乐播放器之四

【任务6-7】设计基于HTML5的网页视频播放器之三

拓展训练

【任务6-8】设计基于HTML5的网页音乐播放器之五

【任务6-9】设计基于HTML5的网页视频播放器之四

【任务6-10】设计基于HTML5的网页视频播放器之五

单元7

实例探析

【任务7-1】在网页中绘制菊花图形

【任务7-2】在网页中绘制精美挂钟

引导训练

【任务7-3】在网页中绘制各种图形和文字

【任务7-4】设计网页俄罗斯方块游戏

同步训练

【任务7-5】在网页中绘制多种图形和图片

拓展训练

【任务7-6】在网页中绘制多个五角星

【任务7-7】设计HTML5版连连看网页游戏

单元8

实例探析

【任务8-1】制作迷你音乐播放器面板

【任务8-2】探析纯CSS3实现的焦点图切换效果

引导训练

【任务8-3】在网页中绘制阴阳图和五角星

【任务8-4】在网页中制作圆角按钮和圆角图片

【任务8-5】设计网页中的圆形导航按钮

【任务8-6】在网页中实现图片拖动操作

【任务8-7】在网页中设计仿Office风格的多

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符
©️2021 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值