2022年《网页制作工具》参考教案

1、学习好资料 欢迎下载网页制作工具参考教案教学主题网页制作工具（1）（Frontpage 和 Dreamweaver 的使用）教案设计赵志教案编号13 适用年级高二年级教学课时1 课时教材 分 析概述：通过网页设计,明白并熟识网页设计软件的基本使用方法,把握常用工具的使用方法重点：初步明白网页设计软件Dreamweaver 中层和时间轴的设置,体会动态网页设计难点：层和时间轴的设置学 习 1、把握网页制作软件 Dreamweaver 的基本使用方法 目 2、学会设计和制作简洁的动态网页 标 所需资源和环境 网络资源 使用搜寻引擎查找网页设计相关的信息（包括图片、文字、视频等）1、浙江训练出版社

2、2022 版信息技术基础第五章 5.3.1 节配套光盘 常规资源 2、教材配套老师用书 3、小组合作学习任务单 教学支撑环境 运算机网络教室、全部运算机能够上网、多媒体网络教室软件或者投影仪 教学设计教学问题激发同学的奇怪心目的你知道网页上面文字的滚动成效是怎么制作出来的吗？引导问题你知道如何让网页中的一幅图片动起来？引导同学设计动态网页中图片运动的成效同学活动设计你知道有哪些网页动态成效？为同学的课后探究学习做铺垫教学你知道用Dreamweaver 软件如何预览你设计体会动态网页的成效,进一步完善网页设计的动态网页？老师活动过程学习好资料欢迎下载1、新课导入设计展现全国中学校电脑制作活动中的

3、优秀的网页制作母亲河, 激发同学制作网页的爱好； “ 工欲善其事,必先利其器” 从而引出制作网页需要把握必要的制作工具；只有把握了必要的网页制作工具软件才能做出动感十足、耳目一新、独详细色的网页；2、教学内容随着因特网技术的不断进展,网页制作工具越来越多,挑选一种得心应手借助我们的因特网完成任务一的工具软件,能够收到事半功倍的成效； 设问：面对那么迷人的网页,要想学习网页制作,我们应当挑选什么各小组总结不同的网页制作工具软 件的特点、主要功能；样的网页制作工具,第一同学们需要先明白有哪些软件,它们各有什么样的特点？布置任务：请同学们完成任务单中的第一个任务；老师点拨：网页工具软件大体上分为两类

4、：一种着眼于网页、网站整体规 划使用的基本工具；另一类是着眼于网页上面的某些元素（如：美丽的按钮、栩栩如生的动画、逼真的三维图像）,使用到的帮助工具；然通常网页设计需要考虑整体思想；先全局规划网页的思想或整体风格,后对局部的图像处理、颜色搭配、 动画图片设置的优化工作；先大后小的思想；本节课先来学习基本工具 Frontpage 和 Dreamweaver ； 网页设计工具 Frontpage ：Frontpage 是微软公司开发的一款网页设计软件,其软件界面和文字编辑 同学回忆必修教材使用 Frontpage 设 功能与 Word 软件相像,熟识 Word 的人很简洁学会；同时供应的模板可以令

5、 计“ 故宫” 主题网页的过程 初学者很简洁的制作相当美观的网页；同学小组合作完成任务二 布置任务：请同学们完成任务单中的其次个任务：利用老师供应的素材（图片,文字 填写“ 任务二” 评判表格 内容）,制作一个网页； （老师供应一个已设计的简洁网页）老师评判： 网页制作 Dreamweaver Dreamweaver 是 Macromedia 公司的一款专业的网页设计软件,供应了很 多便利操作和使用的工具栏,如：对象工具栏、站点治理窗口、快速工具栏；学习好资料 欢迎下载并且该公司仍有一系列的配套产品可用,比如图形编辑软件 Fireworks 、动画制作软件 Flash；运用他特有的“ 行为”、

6、“ 层” 等功能可以简洁的生成网页的动态成效；下面让我们来体验 Dreamweaver 软件的动态网页制作布置任务：小组合作完成任务三请同学们完成任务单中的第三个任务：并填写“ 任务三” 评判表格运用 Dreamweaver 中的层、时间轴制作动态网页图像移动设问 1、为什么要调整“ 层” 与“ 背景图像” 的大小,使其等大？设问 2、时间轴上面的“ 关键帧” 有什么特点？设问 3、操作过程中感到最难的一个环节是什么？设问 4、对自己设计的作品的评判是什么？结尾： 同学们观看到,我们设计的作品和本节课一开头展现的作品有很大的差距,缘由在于,仅仅使用我们学习的 Frontpage 和 Dream

7、weaver 是不能制作出那么美丽的网页的,我们仍需要把握一些制作网页的帮助工具；也就是我们下节课需要讲解的“ 帮助工具”最终给同学们留下了一个课后任务；学习好资料 欢迎下载网页工具学习任务单一、借助因特网,组内成员分工查询制作网页常用到的工具软件,最终汇总完成下面的表格；常用工具主要功能（总结每个软件的主要功能）完成人员,制作二、打开网页制作软件FrontPage,利用老师供应的一些素材（素材放在D 盘的“ 网页素材” 文件夹内）一个网页,并储存；评判表评判指标合主动合作4 ,制作一个动态网页,并认真观看、琢组长评判作较为合作3 精能够合作2 神需要勉励1 用 Frontpage 制作网页,

8、娴熟有创意4 组员评判用 Frontpage 制作网页,比较娴熟3 用 Frontpage 制作网页,制作胜利2 用 Frontpage 制作网页,仍需多加练习1 三、打开网页制作软件Dreamweaver ,利用老师供应的素材（素材位置）磨其动态成效；步骤提示： （提示：每一步都需要留意观看有没有多种方法实现同一个操作）；1、打开软件,新建一个“ 基本页”；（可参考课本详细步骤）,修改“ 背景图像”2、修改网页的标题为“ 我的第一个动态网页”；3、插入“ 图层”,挑选“ 描画层” 插入,找到并观看“ 层属性面板”4、调整层的大小,使其与图像等大；5、找到“ 时间轴”,将层拖入“ 时间轴” 的第一帧内；6、按住第 15 帧上的空心圆点,向右拖动到第 60 帧；7、在 30 帧处右键点击,弹出菜单,挑选“ 增加关键帧”；学习好资料 欢迎下载8、对“ 时间轴” 上的每处“ 关键帧” 进行设置,从而产生层的运动成效；9、在浏览器中观看这一动态网页的成效；：详细操作,观看课本,共同争论,集体争论,会者演示,相伴讲解,自己上机,再练一遍；评判指标合主动合作4 需要把握哪些网页制作工具？组长评判作较为合作3 能够合作精2 神需要勉励1 用 Dreamweaver 层的功能制作动态网页,娴熟有创意4 组员评判