前端html5 css3 教案,Web前端开发（HTML5+CSS3）

HTML5和CSS3(简称H5技术)是Web前端开发的最新技术， H5技术可以实现多方面的跨界：PC端/移动端，Android/iOS。应用领域包含传统互联应用、移动开发和云计算等。市场上对Web前端人才的需求量很大， Web前端工程师的薪资高、前景好。本课程的目标是培养学生运用Web新技术进行Web前端设计的能力。

本课程内容采用项目化教学。配套线下教材为正在建设的省级新形态教材《Web前端开发项目化教材》;

教学内容：       成长项目：响应式网站项目

任务1 Hbulider的安装与使用

任务2 制作“五环之歌”页面——盒模型

任务3 给导航条添加CSS样式——CSS3新属性

任务4 文章列表页——文本

任务5 信纸设计——背景

任务6 风景页——边框

任务7 文明公约页——盒子阴影

任务8 音乐排行榜页——渐变

任务9 大图轮播图——定位

任务10 电子杂志页——多列布局

任务11 滑动的导航条——动画

任务12 照片墙——动画

任务13 学员信息页——表单

任务14 音视频页面

任务15制作位置固定的导航条

任务16 制作响应式网页主体部分

任务17制作两栏式网页尾部

授课方式

课程采用项目化的教学方式，在设计开发项目的同时，注重知识、技能的总结和提升，以项目开发核心技术为中心点布局知识单元。更注重工作任务的完整性，每个项目都是独立且完整的，结合开发实际需求，密切联系行业实际，学生能学以致用。课程中采用各具特色的项目，面向不同应用场景，具有极高的适应能力，由企业技术人员把关项目与行业技术的贴合度。项目锻炼了Web前端的必要技能，在内容设计上，将知识点融在了项目开发的各个子任务中，让学生边学边操作边提高。