表格+css布局-教案

《表格+css布局-教案》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、表格+CSS布局网页教学设计说明《DreamweaverCS6基础培训教程》是计算机专业的必修课程,本课程为中职计算机及应用专业二年级第一学期课程，这个阶段的学生对未来职业岗位有一定的认知能力，网站的设计是专业的岗位需求之一，而用表格布局网页这一项目充分贴合岗位实际，渗透职业导向,极具代表性，能极大地激发学生的学习兴趣和学习热情，学生也能充分认识到本课学习内容对今后职业生涯的意义。本次任务主要包括表格的基本操作，用css样式定义表格，表格的嵌套和在表格中插入图片和文本，是一次综合性的技能实操课。授课班级16计算机1-2班授课学时3学时授课内容

2、《网页设计与制作》使用表格+CSS布局网页教学背景介绍教材分析本文依据数字艺术教育研究室编著的^di'eamweavercs6基础培训教材》中的第五章的内容编写的。网站的设计是计算机专业学生的岗位需求之一，而利用表格布局页面这一项目又充分贴合岗位实际，渗透职业导向，极具代表性，能极人地激发学生的学习兴趣。该项目中的任务包括分析表格的基本操作、网页中的表格数据和复杂的表格排版，是一次综合性的技能实操课。在教材内容处理上，以案例实操设计并创建网站首页为主线，将知识连贯、链接有机地融合到整个任务活动中，从而贯彻行动导向，任务驱动，做屮学、做屮教的教

3、学模式。在实际操作的过程屮将css样式的运用这章内容提前到本节课中來，加深学生对网页制作流程的了解，增强了教学内容与职业需求之间的联系。学情分析1.基础：具有一•定的专业课知识基础，但对网页制作还不是很熟悉，本次课加强实践动手技能的训练。2.优势：本课内容为计算机专业16级高二的学习，这个阶段的学生具有一定专业知识储备，对未來职业岗位有一定的认知能力，布局网站及制作网站首页这一项目又贴合岗位实际，所以学生对于这一项目有很高的学习热情，充分认识到本课程对今后职业生涯的意义。3.有待提高：学生团队协作能力相对较弱，需要在实践中加强训练，创新意识需

4、要培养，部分学生学习基础相对薄弱。教学目标知识与技能1.了解表格的用途2.掌握表格的基础操作3.按职业岗位要求，能利用表格布局+css样式制作精美网页过程与方法1.采用任务驱动，培养学生自主探究、做中学、学中练的学习能力。2.通过小组互助，培养学生协同合作的意识。3.通过多元化评价，提高学生实际动手、解决问题的职业能力。情感态度与价值观1•增强团队协作能力与创新意识，训练职业能力，提升综合素养。2.增强学生间的沟通交流，拓宽学生的思维。3.通过对自己及他人作品的评价，提高学生的审美情趣。教学重点vs解决措施教学重点1.表格的布局2.用css样

5、式定义表格和单元格的属性解决措施通过任务引导、小组合作探究、组长助教的方式和教师做必要的示范教学以及对作品完成过程的指导突破教学重点教学难点VS解决措施教学难点1.表格的嵌套2.创新意识、时尚的色彩感觉和审美观的培养解决措施通过教师必要的实例展示、示范教学、巡回指导、归纳总结等手段突破知识难点，通过尽可能多的案例训练，增强学生审美观，加强小组合作讨论交流的环节，促进学生创造性思维能力的发展。教学策略教法设计以任务驱动，通过导、讲、演、评在任务制作过程中启发教学学法设计在学案的引领下，通过论、做、助、评在任务实施过程中开展小组讨论、合作、探究学

6、习教学资源运用与开发时间资源布置预习作业：表格的标记及属性，复习以前所学的html标记人员资源任课教师：提前一周准备好教案、课件、学案、评价表、素材学生分组：组别及组长确定，4人一小组，组长选择具有较强的专业技能、一定的组织和指导能力的同学担任材料资源任务效果图、学案、评价表、案例素材信息资源课件、素材环境资源多媒体网络教室极域演示平台教学环节教学内容教学活动教师活动段学生活动设计思路情景导入一.设置情境：同学们，前几天我在招聘网站上看到了很多招聘网页设计师的公告。要求是熟练DW/PS等软件。你有没有信心做好一个网页设计师呢？提出本次任务：承

7、接网站的设计制作。各设计小组要通过表格布局网页來完成首页的制作。展示招聘信息截图齐声冋答教师问题坚定信心案例展示和职业情景导入，使学生拓宽创作视野9教师设置职业情景激起学生兴趣提出任务提出任务展示两个不同的效果图提出接到任务以后的要求进入学习任务明确任务认真聆听任务要求总任务：制作网站首页子任务：1.绘制表格，编辑页面2.新建css样式定义单元格tdl和td23.在一行一列上嵌套表格，制作导航栏通过提出任务达到工作过程导向目的不同案例任务的设定，既保证了学生基本知识与技能的学习，又考虑到了学生的个体差异，体现分层教学理念分层教学以更好的达到教

8、学目标教师提出学习任务明确学生学习思路教学环节教学活动教学内容教师活动学生活动设计思路段4.在一行二列单元格中嵌套表格制作内容5.插入图像并编辑图像拓展任务：课后利