《HTML5CSS3 网页设计与制作》教案-28 第9章 第 1-5节 建立站点，结构分析，框架搭建，商业网站页面布局

课程教案-28第9章应用DIV+CSS设计商业网站课题名称第1-5节建立站点，结构分析，框架搭建，商业网站页面布局授课班级软件技术等大一上学期授课班级授课学时2授课地点机房授课形式上机参考教材《前端HTML+CSS修炼之道》教学资源电子课件、教案、文字材料知识目标了解网站开发流程；了解网页布局设计；技能目标可以使用DIV+CSS进行网页布局；掌握网站开发流程及实际方法；教学目标素质目标培养学生认真、一丝不苟的学习态度，能够根据实际情况对网页进行结构分析；教学网页布局的结构分析及网页结构布局重点教学重点与难点教学使用DIV+CSS进行网页结构布局难点本次上机课学生需要根据理论课知识点对案例项目进行网页结构布局及网站头部的制学情分析作，学生可能会出现不进行设计布局直接进行细节编码的情况，在上机过程中，老师需要进行提醒及正确引导.课前复习理论课讲授的页面布局方案课中

1、给出理论课分析的布局结构图，布置任务，要求学生根据布局结构图进行布局代教学过程码的实现登录注册提示头部搜索框导航左中右新书上架计算机与互联网底部区域

2、布置任务，根据网页效果图及布局设计，进行网页头部的实现欢迎光咕书城清登录成为会员我第书城开学季.com一全部分类一搜索购物车我的订单书城首页新书上架销售排行打折优里热全部商品分类7门图书读者推荐课后总结本次上机课的任务完成情况，针对没有按时完成任务的同学要求其课后完成，针对任务进度较快的同学，布置预习任务要求其尝试网站主题部分的实现在上机实践过程中，共性问题集中演示引导，个性化问题单独辅导，通过本次课程学生的努力和老师的辅导可以很好的增强学生的学习积极性及完成任务后的成就感教学反思。