Chapter08Web前端框架与移动应用开发TP08

第八章制作58招聘季专题页,1,预习检查,对本门课程的全部知识点和技能点进行梳理、总结，以便加深理解，熟练运用使用教员提供的PPT模板，将自己对本门课程所学知识、技能的收获、成果及存在的疑惑都体现其中，与同学、老师交流、分享、讨论,集中测试,2/20,课程内容回顾,弹性布局浮动+百分比布局Flex布局响应式布局的实现方式及应用媒体查询Bootstrap12栅格系统CSS全局样式,3/20,课程内容回顾,Bootstrap组件BootstrapJavaScript插件使用视口标签实现理想视口状态下的移动网页布局使用em相对单位布局网页使用rem相对单位布局网页使用Zepto框架制作移动网页动态效果,4/20,难点突破,Flex布局媒体查询12栅格系统使用rem相对单位布局网页使用Zepto框架制作移动网页动态效果,5/20,作业讲评,教员备课时完善,6/20,知识梳理：响应式布局,7/20,知识梳理：Bootstrap,8/20,知识梳理：移动Web开发,9/20,综合练习：制作58招聘季专题页,阶段1：制作网页广告图需求说明在理想视口下制作网页广告图部分很简单，使用图像标签布局整个页面的背景颜色是#DF3A3A需要考虑图片在各种不同尺寸的手机上都能很好的显示，具有伸缩性,练习,10/20,共性问题集中讲解,常见问题及解决办法代码规范问题调试技巧,11/20,综合练习：制作58招聘季专题页,阶段2：制作在58同城上找工作部分需求说明使用section和span标签布局结构使用背景制作数字后面的背景图片，背景的尺寸为contain使用rem相对单位设置网页元素的大小、内外边距等使用Flex布局网页,练习,12/20,共性问题集中讲解,常见问题及解决办法代码规范问题调试技巧,13/20,综合练习：制作58招聘季专题页,阶段3：制作人气职位需求说明使用section和a标签布局结构使用背景制作标题的背景图片，背景的尺寸为contain使用rem相对单位设置网页元素的大小、内外边距等使用Flex布局网页，主轴向中间位置对齐，伸缩容器多行显示，伸缩项目会换行,练习,14/20,共性问题集中讲解,常见问题及解决办法代码规范问题调试技巧,15/20,综合练习：制作58招聘季专题页,阶段4：制作热招行业需求说明使用section和a标签等布局结构使用CSS3圆角属性制作圆角效果使用rem相对单位设置网页元素的大小、内外边距等使用background-size设置背景的尺寸大小,练习,16/20,共性问题集中讲解,常见问题及解决办法代码规范问题调试技巧,17/20,总结,响应式布局Bootstrap框架移动Web开发,Bootstrap全局样式Bootstrap组件Bootstrap插件,视口视口标签使用相对单位em布局网页使用相对单位rem布局网页,制作58招聘季专题页,Flex布局媒体查询,触摸事件Zepto框架,移动Web页面开发移动Web特效开发,18/20,作业,课后作业教员备课时根据班级情况在此添加内容，应区分必做、选做内容，以满足不同层次学员的需求预习作业预习下一章学生用书，完成预习测试简述开发一个项目需要哪些过程？对于公共代码如何处