搜索
《Dreamweaver网页设计》教案设计说明一、教学目标重点知识与技能：1.能利用站点定义向导创建站点2.能对创建好的站点进行编辑管理3.能够插入表格，会使用属性面板和菜单4.会对表格进行设置5.熟练进行表格编辑6.如何绘制布局表格、布局单元格和移动布局表格、布局单元格7.如何选中布局表格、布局单元格和设定其尺寸、背景图像、水平和垂直的对齐方式8.如何设置文本的属性和页面属性、如何插入其他网页元素9.插入图像和设置图像属性10.能对现有的网页进行背景颜色、文本的对齐方式和进行文本换行等设置11.能根据要求进行网页超连接12.会对现有图像文本进行锚记链接、电子邮件链接、绝对超链接等13.页面超链接状态的设置14.会编辑调整表格单元格15.在表格中插入翻转图像16.在表格中插入Flash动画17.插入Flash视频及其他网页元素能力目标：1、培养学生在学习过程中寻找发现与解决实际问题的能力2、提高学生有效获取、利用信息资源与动手操作的能力情感目标：树立学生勇于实践、勇于创新的精神，同时树立学生换位思考的意识，并在学习与互相评价中养成团队合作意识。二、学情分析1.教材分析《Dreamweaver网页设计》是计算机信息管理专业必修课，开设一学期,选用葛艳玲主编、电子工业出版社出版《网页制作基础教程dreamweaver8.0》一书为主教材，自建资源。教材主要内容：站点的创建与管理；静态页面的美化设置与编辑；超链接的使用；表格的应用及网页布局；表单的应用；使用网页模板；使用框架网页；层与时间轴动画；行为的使用等。2.学习者分析学习对象是在校成人大专的学生，先修课程是《计算机应用基础》、《photoshop应用与实例》、《计算机常用工具软件》等课程，在学习之前已具有计算机操作、网络应用能力及一定的图像处理能力，同时具备在网络平台进行交流、学习与信息搜索的能力。本次任务就注重实践环节，教学过程强调培养学生使用Dreamwaver工具进行网页编辑和美化能力，学生完成任务后应该具有创建个人网页的技能。二、教学策略教学方法：本项目任务的最终目标是培养学生利用Dreamweaver制作网页的技能，在整个教学过程中注重学生的动手操作能力，因此，教学设计时将面授辅导与实践教学相融合，将理论学习与实践有机地结合在一体，设计了一种以协作设计项目为驱动的教学模式：1.将真实的设计任务贯穿整个教学过程，以完成设计项目为内动力，驱动整个教与学的过程。2.以基于项目的协作学习策略调动学生的学习兴趣与积极性3.采用真实性的多元评价，以评价促进学生的发展。教学手段：学生以协作小组为单位，组员间通过多种交流方式，共同完成网页设计与开发任务；教师作为组织者、指导者和促进者，利用专题讲座、上机实验、进度汇报等环节，给予学生有效的帮助，并通过组织学生开展总结交流活动，创设反思、自主评价的平台，促使学生对网页设计相关知识的意义建构。如图1所示：(1)确定分组，选定设计项目是整个教学的起始环节，学生在此环节将明确树立对课程学习的具体目标。教师在课前拟定静态网页设计的主题，即设计项目，将学生分为若干协作小组，原则上每组不超过三人，学生以小组为单位，选定其中的一个设计项目作为小组任务。设计项目一旦确定，不能修改。【目的】确定分组，明确目标【开展环境】网络教学平台（2）教学过程讲解灵活采用专题讲座形式专题讲座是理论学习与实践相融合的环节，既是教师对知识点的讲解与示范，也是学生的上机实验。以专题讲座的形式针对每个知识点进行面授辅导。专题讲座安排在具有多媒体教学计算机室进行，一人一机，学生边听边练，每次讲座都有充分的时间让学生就教师所讲授的要点进行上机实验，教师随时提供个性化的辅导。【目的】难点讲解，个性化辅导【开展环境】多媒体计算机室（3）设计进度汇报进度汇报的作用有两个，一是对学生的学习实现有效的监控，二是充分调动学生的学习积极性。确定分组选定项目专题讲座上机实验综合练习进度汇报专题讲座上机实验总结交流进度汇报完成设计项目图1：教学过程综合练习专题讲座上机实验确定分组选定项目以小组为单位汇报本组的设计进度，前后安排两次，第一次利用网络教学平台，说明本组的设计项目、陈述设计构思和成员分工；第二次面向全体同学，汇报设计进度、交流设计心得，教师通过解答问题监控学生学习情况。【目的】监控学习情况，调动学习积极性。【开展环境】网络教学平台（第一次汇报）、多媒体计算机室（第二次汇报）（4）学生自主评价所有小组完成的个人网页作品后进行总结交流，这是整个教学过程的点睛环节。学生面向全体同学，通过展示作品、陈述设计过程、回答师生提问等活动，实现对知识的回顾与疏理；通过教师点评，实现经验的交流与技能的提升；利用自评与互评，反思对比，找出差距。4.教师点评【目的】总结与反思，通过交流提升能力，通过评价找出差距【开展环境】多媒体计算机室三、教学程序课程导入：用已经制作好的个人网页和班级网站为案例，根据了解所积累的知识，自然过渡到新知识的课堂，激发学生的求知欲（3分钟）显示内容：教师通过演示课件：介绍教学目标及学习后能完成的任务。目标导向：知道学完后我能干什么？为什么我要这么做？从知识的实用意义上去吸引学生，增加课堂的教学魅力。（2分钟）任务实施：先从简单的页面设计规划讲起，学生心里上就很容易接受。当教师讲授页面美化与编辑，文字图片处理以及网页表格布局的重要性时，由于对其实用意义已了解，学生本身就有很强的求知欲，自然更容易接受（15分钟）学生训练：在学生训练时教师行走观察：哪些学生操作熟练，同时留意准备请哪一个学演示，对于操作有困难的学生个别指导，培养学生“我能行”的表现欲（12分钟）教师提示：从实用角度出发，提醒学生能很好的解决网页其他元素的管理问题，并引导学生深入下一个层次。（2分钟）交流评价与教师总结课件回放本节课主要内容，强调网页编辑过程中的处理网页元素的细节，从视觉上加以区别，把动作升华成理论。（2分钟）交流评价过程：1、以小组为单位向全体同学展示本组的网页作品，陈述亮点；2、回答师生提问，交流心得与经验；3、各小组就网页作品进行自评和互评（6分钟）作业布置：课后对本节所学内容进行汇总，进一步熟悉操作方法，并充分认识到本任务的实用性，巩固提高。（2分钟）学生整理现场：教师和学生一起填写设备使用记录台帐有机器使用情况，收拾好自己的物品；检查并清理自己工位旁边有无垃圾；正常关闭计算机；把凳子摆好后离开，养成良好的习惯（1分钟）教学反思：本次任务教学目标定位恰当，由初建网页开始激发了学生的求知欲，开始了个人网页制作的一步步操作环节，讲课时学生能够注意力高度集中，注重师生互动，在同学互助，教师指导下顺利的解决问题。部分同学不能灵活运用，课堂上教师在总结时继续强调，并在课后作业中，又进行巩固，想继续探究的同学也能在课后进行拓展。100%的同学达到预期的效果，教师顺利实现教学目标。四、教学流程设计教学环节教学内容教学环境课时实践环节确定分组选定项目1、教师发布网站设计主题2、学生分组，选定设计项目网络教学平台专题讲座1利用站点定义向导创建站点多媒体计算机室1实验：站点的创建与编辑专题讲座2表格的插入和建立1实验：表格的使用专题讲座3布局表格的设置与应用1实验：网页布局设计及应用专题讲座4网页正文文本设置及插入网页元素1实验：文本及其他网页元素插入，网页标识进度汇报（一）1、各小组说明本组设计任务2、陈述设计构思及分工网络教学平台专题讲座5图像对象的插入和设置多媒体计算机室1实验：图像对象的插入专题讲座6超链接的设置方法1实验：使用各种超链接专题讲座7翻转图1实验：美化页面设置动态图效果专题讲座8插入Flash对象及其他网页元素1实验：插入Flash元素进度汇报（二）1、各组汇报设计进度2、交流设计心得综合练习辅导答疑综合实践及整合交流总结1、作品展示、经验交流2、组间自评与互评3、教师点评江苏省淮阴商业学校教案专业班级11计1课程网页制作项目个人静态页面制作教案名称利用站点定义向导创建站点教案序号1备课组计算机教研室主备人董清宁指导教师技术支撑授课教师董清宁课时1授课班级11计1课题项目一初步体验建立一个完整的个人网站任务：能利用站点定义向导创建站点和编辑管理站点教学目标1、能利用站点定义向导创建站点2、能对创建好的站点进行编辑管理教学重点1、建立站点目录mysite,并将站点指定至站点目录2、掌握站点的建立及站点参数的设置方法，编辑站点的方法教学难点站点参数的设置方法，编辑站点教学过程教学程序及时间分配授课内容教学设计说明课程导入（3分钟）了解网页浏览的基本原理，网站设计技术的发展及目前网页制作的工具，熟悉网站设计技术开发环境。了解所积累的知识，自然过渡到新知识的课堂，激发学生的求知欲显示本次课教学内容（2分钟）教师演示课件：介绍教学目标及学习后能完成的任务。目标导向：知道学完后我能干什么？为什么我要这么做？从知识的实用意义上去吸引学生，增加课堂的教学魅力任务实施创建站点及管理站点文件夹（10分钟）1、击菜单“站点”→“新建站点”命令，可打开“站点定义”对话框，在文本框中输入网站的名称，这里输入“我的个人网页”，然后单击“下一步”进入另一个向导。2、站点定义向导2的功能是询问“您是否要使用服务器技术”，选择“否”，表示目前该站点是一个静态站点3、站点定义向导3主要实现两个功能：1）第一个功能是指定网页的存放方式。编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）：适合在不连接网络、单机的情况下编辑、制作网站。我们选择第一项。2）第二个功能在文本框内指定站点所指向的位置，即指定“我的个人网页”站点存放在本地硬盘的哪个文件夹内？可直接在文本框中输入存放网站的文件夹路径，然后单击“下一步”4、点定义向导4询问您如何连接到远程服务器，如果没有远程服务器，这里选择先从简单定义站点的讲起，学生心里上就很容易接受。当教师讲授定义站点重要性时，由于对其实用意义已了解，学生本身就有很强的求知欲，自然更容易接受“无”，然后单击“下一步”5、站点定义向导5设置概要。单击“完成”结束站点的设置。6、通过“文件”面板对站点的内容进行管理。在“文件”面板中选中站点名称，鼠标在“文件”面板中的空白处按右键，在弹出菜单中选择“新建文件夹”命令，进行相应的操作。同理，可利用此方法选择其他的命令对站点内的文件进行编辑管理。学生训练（12分钟）打开管理站点，学生按照演示的步骤自定义站点，在单击下一步时心里要知道为什么要这么做，直到站点的创建，并对站点内容进行文件夹管理操作。请学生演示操作流程。在学生训练时教师行走观察：哪些学生操作熟练，同时留意准备请哪一个学演示，对于操作有困难的学生个别指导培养学生“我能行”的表现欲教学过程教学程序及时间分配授课内容教学设计说明任务实施站点文件夹管理（5钟）完成下面的任务：打开“文件”面板对站点的内容进行管理。在“文件”面板中选中站点名称，鼠标在“文件”面板中的空白处按右键，在弹出菜单中选择“新建文件夹”命令，进行相应的操作。同理，可利用此方法选择其他的命令对站点内的文件进行编辑管理。从实用角度出发，由于前面已创建好的站点，自定义站点文件夹正好能解决网页其他元素的管理问题。学生训练（6分钟）（教师提示2分钟）打开“文件”面板对站点的内容进行管理，选择“新建文件夹”命令，进行相应的操作。同理，可利用此方法选择其他的命令对站点内的文件进行编辑管理。学生演示在教师指导下深入一个层次教师总结（2分钟）课件回放本节课主要内容，强调创建站点的重要性，管理和定义站点文件夹目录，从视觉上加以区别。把动作升华成理论作业布置（2分钟）创建其他网页站点，完成下列任务：1、熟悉创建站点的步骤2、对站点文件夹目录进行管理，熟知文件夹名称含义课后对本节所学内容进行汇总，进一步熟练操作方法，并充分认识到本任务的实用性学生整理现场（1分钟）1、教师和学生一起填写设备使用记录台帐有机器使用情况2、收拾好自己的物品；3、检查并清理自己工位旁边有无垃圾；养成良好的习惯4、正常关闭计算机；5、把凳子摆好后离开。教学反思本节课教学