教学设计：《Dreamweaver网页制作实用教程》

教学设计： 《Dreamweaver 网页制作实用教程》----框架技术《Dreamweaver 网页制作实用教程》----框架技术 教学预案设计：罗执清（沙洋职教中心） 一、创意说明 网页制作是计算机应用的一门主干课程。我校采用的教 材是机械工业出版社的《Dreamweaver 网页制作实用教程》 ， 框架技术是该书第八章的内容。书中是以三个小任务的方式 介绍了制作框架网站的基本方法，若按书上内容用传统的教 师讲解、学生操作的方法课堂，会存在一些难题。1、学生 不理解为什么要用框架结构来制作网页；2、学生也是按任 务规定及详细的操作提醒来完成框架结构网页，并不知道这 种框架结构的网页应用哪些场合，在哪个状况下选择框架结 构来设计网页呢？3、内容上没有学生喜欢的动态或多媒体 元素，学生感到仅仅按部就班地操作，提不起兴趣。所以在 本节课的设计中要有心注意处理好以下三个问题，精心设计 课件与学件制作框架网页教案，把提升教师学习兴趣，培养学员动手能力有机 融于教学。 采用任务驱动和项目教学法， 在教学中分“ 基本任务”和“拓展任务”两个层次设计 教学内容，要求每个学生需要完成“基本任务” 中的内容，而对学有余力的朋友再再次完成“拓展任 务”中内容的制作，从而超过分层教学的目的。

二、学情分析 学生已经学过了 office、Photoshop、flash 等工具，对 Dreamweaver 8 的开启、关闭、文件操作、文字编辑和照片 处理就会有一种似曾相识的觉得，这种常识迁移对后续的学 习更加有利。 同时， 学生已初步把握了网络通信的基础常识， 因特网的信息服务，网络信息的搜索、浏览和下载，以及电 子邮件的使用等内容。因此制作框架网页教案，学生早已具有了获得信息的能 力。网页制作单元就可侧重培养信息表达的素养，这针对加 强学生的信息观念，提高信息处理的素养有着重要的功用； 网页的设计也给学生提供了展现时尚、自主创新的机会，促 使人们主动地学、创造性地学；网页的评判则能使学生认识 内容编排的方法，页面布局的特点，色彩配色的色调等，提 高人们的美术修养和审美情趣。 三、教材内容评析 框架设计是网页制作的一个重要组件，能够将浏览器页面分 割成几个不等的窗口，每个窗口相对独立，在同一页面的几 个窗口同时浏览不同的网站文件以及相对保持这种窗口的 内容。从在本教材所处的位置来看，框架技术是在建立新站 点、制作简洁网页、运用表格制作网站和动态网页时候。通 过上面的学习，学生可以搭建有多张网页的个人站点，会运 用表格给网页布局，为了使网页带来动感，还会借助增加滚 动字幕、动态图标或者软件等方式，令网站非常带有活力。

但是比如表格布局外，还有一种常见的布局方式，应用 也非常广泛。通过本单元学习，能帮助学员理解框架结构制 作网页的应用，在设计网站时能灵活利用两种布局方式。从 教材的难易度分析，这部分知识点学生从来没有接触过，有 前面学习其他软件时也没有类似的地方，故而有必定难度， 教学目标不能定得太高。 四、教学目标预测 本单元的感知、能力和情感三种目标分述如下： 认知目标： ①理解框架结构的涵义和功能 ②掌握框架和框架集的意义，学会建立普通框架页面、创建 嵌套框架结构页面、创建浮动框架页面 ③掌握框架属性的设定方式 ④掌握框架网页的保存方式 能力目标： ①具备完善网页框架及修改框架属性的能力 ②能够应用网页框架构建简洁的网站 情感目标： 培养教师网页设计的审美素质、创新素养、协作学习和自主 学习能力 五、教学思路设计 1、实施任务驱动，把学习的主动权交给学生，引导学生动手尝试、观察辨析 2、采用项目课堂和小组讨论法，培养教师合作学习和自主 学习的素养 3、实施分层教学，从好、中、差各种学生的实际出发，确 定不同层次的目标，进行不同层次的课堂和培训，使各种学 生受到充分的发展 4、采用半成品加工策略，提供一些素材，让学生直接制作， 提高学习的效率。

六、教学过程设计 1、课前研究 ①访问推荐网站， 形成小组、 组织学生探讨网页内容和风格， 分析网页框架和布局。 ②提供网站栏目划分建议。 ③组织各小组讨论。 2、新课导入：教学环节老师活动教师活动设计目的新 课 导 入1、教师演示一些用网站框架制作的优秀网页作品 2、提问：这些网页是怎样制作的呢？引起学生的兴趣1、回答疑问，带着困惑观察同学的操作 2、分析几个网站的传统 3、提供网站栏目划分1、开门见山，明确这节课学习的内容 2、演示优秀作品，引起学生的兴趣

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-127487-1.html