表格布局教案

连云港市职业学校专业课程“两课”评比参评教案类别信息技术类课程网页设计与制作内容表格布局的应用出版社江苏教育出版社教学设计说明《DreamweaverCS3网页设计与制作》是电脑美术设计专业的一门必修课程，本课程为中职计算机及应用专业一年级第二学期学习，这个阶段的学生对未来职业岗位有一定的认知能力，网站的设计是专业的岗位需求之一，而用表格布局网页这一项目充分贴合岗位实际，渗透职业导向，极具代表性，能极大地激发学生的学习兴趣和学习热情，学生也能充分认识到本课学习内容对今后职业生涯的意义。本次任务包括分析网页布局、设计表格、绘制表格、给表格添加内容，给网页添加图像，是一次综合性的技能实操课。为加强教学内容与职业需求之间的联系，实现教学内容与职业标准对接、教学过程与工作过程对接，培养学生良好的职业习惯和职业素养，全面渗透职业养成教育，本节课将任务引导、自主探究教学思想贯穿其中，将整个教学过程通过“新课导入探索新知——提出任务分析任务——选定目标发挥技能——作品展示多元评价——课堂总结日积月累——任务拓展知识运用”五个环节完成，教师通过导析、导做、导评、导思、导练等教学措施指导学生做中学，学中做，评中学，思中学，用中学，让专业技能课堂活起来、动起来、笑起来。授课班级12电美班授课学时4学时授课内容《网页设计与制作》项目三模块一使用表格布局网页教学背景介绍教材分析本文依据徐云晴主编的《网页设计与制作》中的项目三的内容编写的。网站的设计是计算机专业学生的岗位需求之一，而利用表格布局页面这一项目又充分贴合岗位实际，渗透职业导向，极具代表性，能极大地激发学生的学习兴趣。该项目中的任务包括分析网页布局，设计表格，绘制表格，给表格添加内容，是一次综合性的技能实操课。在教材内容处理上，以案例实操设计并创建网站首页为主线，将知识连贯、链接有机地融合到整个任务活动中，从而贯彻行动导向，任务驱动，学做合一的教学模式。在实际操作的过程中我将项目四中插入和编辑图像的内容提前到本节课中来，加深学生对网页制作流程的了解，同时针对本次教学内容增加了细线表格导航栏的挑战任务，增强了教学内容与职业需求之间的联系。学情分析1．基础：具有一定的专业课知识基础，但对网页制作还不是很熟悉，本次课加强实践动手技能的训练。2．优势：本课内容为计算机专业13级第二学期学习，这个阶段的学生具有一定专业知识储备，对未来职业岗位有一定的认知能力，布局网站及制作网站首页这一项目又贴合岗位实际，所以学生对于这一项目有很高的学习热情，充分认识到本课程对今后职业生涯的意义。3．有待提高：学生团队协作能力相对较弱，需要在实践中加强训练，创新意识需要培养，部分学生学习基础相对薄弱。教学目标知识与技能1．了解表格的用途2.掌握表格的操作3．按职业岗位要求，能利用表格布局精美网页过程与方法1．采用任务驱动，培养学生自主探究、做中学、学中练的学习能力。2．通过小组互助，培养学生协同合作的意识。3．通过多元化评价，提高学生实际动手、解决问题的职业能力。情感态度与价值观1．增强团队协作能力与创新意识，训练职业能力，提升综合素养。2．增强学生间的沟通交流，拓宽学生的思维。3．通过对自己及他人作品的评价，提高学生的审美情趣。教学重点VS解决措施教学重点1.表格的布局2.设置表格和单元格的属性解决措施通过任务引导、小组合作探究、组长助教的方式和教师做必要的示范教学以及对作品完成过程的指导突破教学重点教学难点VS解决措施教学难点1.表格嵌套的应用2.创新意识、时尚的色彩感觉和审美观的培养解决措施通过教师必要的实例展示、示范教学、巡回指导、归纳总结等手段突破知识难点，通过尽可能多的案例训练，增强学生审美观，加强小组合作讨论交流的环节，促进学生创造性思维能力的发展。教学策略教法设计以任务驱动，通过导、讲、演、评在任务制作过程中启发教学学法设计在学案的引领下，通过论、做、助、评在任务实施过程中开展小组讨论、合作、探究学习教学资源运用与开发时间资源提前1天将学案发放到学生手里，进行课前预习人员资源任课教师：提前一周准备好教案、课件、学案、评价表、素材学生分组：组别及组长确定，4人一小组，组长选择具有较强的专业技能、一定的组织和指导能力的同学担任材料资源任务效果图、学案、评价表、案例素材信息资源课件、素材、网络相关视频环境资源多媒体网络教室仿真教学平台教学过程设计教学环节教学活动教学内容教师活动学生活动设计思路教学手段及方式情景导入一．设置情境：同学们，前几天我在招聘网站上看到了很多招聘网页设计师的公告。要求是熟练DW/PS等软件。你有没有信心做好一个网页设计师呢？展示招聘信息截图齐声回答教师问题坚定信心案例展示和职业情景导入，使学生拓宽创作视野。教师设置职业情景激起学生兴趣提出任务提出本次任务：承接网站的设计制作。各设计小组要通过表格布局网页来完成首页的制作。总任务：制作网站首页子任务：1.绘制表格，编辑页面2.制作标题与版权说明3.制作导航栏4.编辑网页表格的内容5.插入图像并编辑图像拓展任务：课后利用网络及教材资源，综合利用表格布局制作学校宣传展示网页提出任务展示两个个不同的效果图提出接到任务以后的要求进入学习任务明确任务认真聆听任务要求通过提出任务达到工作过程导向目的不同案例任务的设定，既保证了学生基本知识与技能的学习，又考虑到了学生的个体差异，体现分层教学理念分层教学以更好的达到教学目标教师提出学习任务明确学生学习思路教学过程设计教学环节教学活动教学内容教师活动学生活动设计思路教学手段及方式任务分析任务分析：1.利用插入表格按钮绘制表格，布局页面，设置表格属性及对齐方式。2.在表格的第一行插入标题图像，在底端输入制作日期及版权说明。3.嵌套表格并输入内容作为导航栏。4.为网页其他表格输入完善内容。5.插入图像并使用“优化”按钮对图像进行编辑。6.挑战任务：利用代码将案例三空行处理成一条细线。提问引导网页效果图由那几个部分组成？其中包含了那些元素？要求学生在学案上列出思路小组全员参与合作探究完成学案上设计思路自主抢答小组合作探究增强学生的沟通能力、协作能力、获取知识的能力学生自主抢答习惯的养成锻炼学生的勇气，促进学生积极思考，塑造开朗自信的性格任务实施1.设计并绘制表格（1）理清设计思路（2）用常用工具栏中的插入表格按钮添加表格，设置行，列，宽度。根据自己的网页布局添加，在属性面板上设置行高及对齐方式。注意：不要将所有的内容插入到一个表格里，要尽可能的将内容划分到独立的表格中2.制作标题与版权说明教师巡视，随时解答学生问题；学生发挥团队合作精神，按学案要求和操作培养学生良好的职业习惯和职业素养，全面渗教师任务引导学生团队教学过程设计教学环节教学活动教学内容教师活动学生活动设计思路教学手段及方式（1）在Banner条中添加公司的LOGO，图片和名称，在属性面板中设置对齐方式。（2）在表格的最后一行插入水平线，在属性面板中设置属性的宽度，对齐方式以及颜色。3.制作导航栏（1）在单元格中根据需要嵌套表格（2）设置表格背景颜色，参数，在表格内输入相应文字并设置字体。制作细线表格（1）将网页切换成【拆分】视图（2）将鼠标定位在需要变动的空行内，设置单元格的背景颜色。（比相邻的颜色要深一些或浅一些，体现色差）（3）在代码窗口删除“ ；”设置高度1：trtdheight=1/td/tr4.编辑网页表格的内容（1）在表格属性中为表格设置单元格属性，加入内容充实页面5．插入图像并使用“优化”按钮对图像进行编辑。提醒学生在操作过程中应注意的问题，如取样方式的选择、限制属性的设置等；规范操作，强调团队合作并随时保存作品，养成良好的职业习惯；记录学生的任务实施情况；指导、监督各组完成学习任务步骤进行表格绘制小组成员之间互相协作组长协助充分发挥好助教作用探究问题1：有几种插入表格的方法？探究问题2：怎么调整表格尺寸？探究问题3：可以用哪些方法插入行或列？探究问题4：怎么合并，拆分单元格？透职业养成教育实现教学内容与职业标准对接；教学过程与工作过程对接合作自主探究解决问题培养良好的职业素养教学过程设计教学环节教学活动教学内容教师活动学生活动设计思路教学手段及方式(1)单击属性面板中的按钮，弹出“图像预览”对话框。（2）编辑对话框中选项卡的内容。（3）必要的话可以用剪裁工具剪裁图像。(4)调整亮度和对比度。作品展示多元评价学生参照学习评价表对学习过程、学习成果、学习态度、合作参与、职业习惯养成等各方面展开自我评价、小组互评、教师点评，在完成自评和小组互评的基础上选择组内最优秀作品展示，并交流在操作过程中出现的问题和解决措施，谈收获。根据学生任务实施过程中的记录加以点评认真观察结合自身操作中遇到的问题提取知识上传指导作品自评、互评交流收获心得演说、交流，锻炼语言表达能力。实现对学生正确、及时的立体评价让学生体验成功的喜悦课堂总结日积月累1.学生总结2.教师引导总结：3.填写：学生自评反思卡、实践日志制作教学反思表发放给学生填写。实践日志：将创作过程中的体验进行总结、记录。检查作品保存情况；引导学生对学习情况总结及时保存作品；对知识、方法、能力进行归纳总结培养学生解决问题的能力巩固新知提升职业岗位能力体现以学生为本的思想教学过程设计教学环节教学活动教学内容教师活动学生活动设计思路教学手段及方式任务拓展分层提高展示2个难易程度不同的拓展任务，至少完成其中1个任务一：课堂上没有选择挑战任务的同学课后把挑战任务案例完成任务二：课堂上已完成挑战任务案例的同学制作一个校园展示网站，自己搜集素材。可以参考学校网站。布置拓展任务充分利用网络完成拓展任务练习，或者分层次完成选做任务练习培养学生创新能力、知识运用能力和自主探究能力拓展教学分层教学教学反思整体教学效果评述：能充分利用网络，运用博客，教学平台帮助学生预习，学习，及运用在线测评网站辅助教师对学生进行测评，增强了学生的学习热情。通过任务分层及培养学生自主探索，有效地体现了“做中学，做中教”。较好的做到了为专业服务，实现有目的的对职业人进行培养。不足之处及改进措施：缺点是：一个优秀的作品不是短时间内就能完成，受学时限制，很难考察出学生的综合能力，因此要降低对学生的技术要求，如何提高学生创新能力是我今后努力的方向。改进：在今后的教学中，教师的教学设计要生活化、工作化、有价值，激发学生创造的兴趣；让学生走出课堂，为他们提供更广阔的实践舞台；相信每位学生都有创新的潜能，对于学生的标新立异，追求成功给予肯定鼓励。让学生绽放光彩。