1、教材教法作业设计者姓 名 程孝宇 E-Mail QQ27722625126.COM单 位 灌南张湾中学教案基本信息教案名称 网页制作所属科目 信息技术课程的模块名称 课 时 3适用年级 初一 课 型 新授课教学方法 讲授法 任务驱动法 因材施教-等综合方法教学目标：认知目标1、能简要陈述 FrontPage2000 主要功能，熟悉其操作界面2、能用自己的话解释下列术语：HTML ，URL ，网页，主页，超链接3、能客观评价网页的内容和风格，具备一定的审美能力情感目标1、具有集体荣誉感，愿意为班级的网页建设出谋划策2、具有乐于助人、团结协作的精神3、能尊重他人的劳动成果，有保护知识产权的意识动作
2、技能目标1、能熟练地建立、打开、保存、浏览网页文件2、能按照需要建立框架网页，设置各框架中的初始网页3、能在网页中熟练地插入文字、图片、动画、水平线4、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐重点难点：重点：站点创建和文字链接方法难点：插进表格和一些简单的动态交互关键点：建立超链接课程标准：网页制作单元侧重培养信息表达的能力，加强学生的信息意识，提高信息处理的能力；给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。教学媒体：(本教案需用到的各种教学媒体和资源
3、 )1. 硬件计算机2. 软件WORD 中的网页制作软件 MICROSOFT WORD 和蓝易思多教学用的软件3. 在线资源图片、动画、Midi 音乐等等拓展学习材料，如 Photoshop、Flash、Asp、Access 等技术资料Frontpage2000 的帮助系统和信息技术教材也是重要的学习资源学生分析：我校目前使用的教材是江苏省中小学教学研究室编写的高一信息技术 。网页制作是其中第五章的教学内容。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力教材分析：教材中采用的网页制作软件是
4、 FrontPage2000。由于 FrontPage2000 采用了与 Word 等其他 Office 软件相类似的图形操作界面，可以自动生成 Html 代码，轻松实现网页发布。在第三章，学生已经学过了Word 字处理软件。因此，对 FrontPage2000 的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。教学过程：教学环节、教师活动、学生活动、设计意图和时间安排等；可用表格排版)教学环节：1 开门见山导入教师： 提问，你们想不想拥有一个自己的网站让别人来浏览啊，学生： 回答，想，2 新授教师： 我们先来学习怎么建立一个站点，请打开办公
5、软件中的网页制作软件FrontPage2000。学生 打开这个软件教师 打开站点创建网页 （一）申请主页空间，现在很多网站都提供免费的个人主页空间，我们可以较方便的申请到空间，而且能马上开通主页空间如网易，CHINAREN.COM 等等。免费主页申请空间（二）制作网页的步骤：1.整体设计网站的风格，首先你应确定你的网站的主题风格，决定做哪方面的网站比如你的特长方面的东西2.设计主页的风格,网站的主页应该说是一个网站的灵魂，主页的好坏影响到人们对网站的主观感觉，首先确定主页的风格,用何种色调，分几部分都应该清楚，或用FLASH 制作-显得很具梦幻色彩 ,或以简洁的用标志着手 ,或用图片和文字的适
6、当组合而成,但不管怎样,一般使人看到了主页就会明白你的主题是什么3.网页制作的基本工具:(1.)最基本的软件:FRONTPAGE 98,这个制作工具我是刚开始学的时候用的,觉得入门较简单易学,但缺点也很多,如排版时只能用表格来控制,不仅麻烦而且不易控制行距和文字距离.DREAMWEAR2.0 ,3.0 一个比较好的“所见即所得“的动态网页制作软件,使得制作网页非常直观,而且简洁且具有动感,它的“层“的功能也是一个很有用东西.(2.)重要的图形处理软件: ADOBE PHOTOSHOP 这是一个专门处理图片和文字的软件,是平面设计领域里的老大，深深的扎根于 MAC 和 PC 上。但是以前她对网页
7、图形特别是 GIF 图形的支持不完善，而 Macromedia 又适时推出了 FireWorks 一时间抢了PhotoShop 的风头，于是 Adobe 发表了 hotoShop5.5 其中附带专为处理网页图形的ImageReady2.0，在相同条件下 PhotoShop 的历史功能更让人难以割舍。 (3.)动画制作软件:FLASH 和 Ulead Gif Animator.flash,dreamweare,firework 被称为MACROMEDIA 公司 的三把利剑， FLASH 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 能创建漂亮的、可改变尺寸的、以及极其紧密的导
8、航界面、技术说明以及其他奇特的效果。Ulead GIF Animator 友立公司出版的动画 GIF 制作软件，内建的 Plugin 有许多现成的特效可以立即套用，可将 AVI 文件转成动画 GIF 文件，而且还能将动画 GIF 图片最佳化，能将你放在网页上的动画 GIF 图档减肥，以便让人能够更快速的浏览网页。Macromedia Fireworks 真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密，只要将 Dreamweaver 的默认图像编辑器设为Fireworks，那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。另一个功能
9、是可以在同一文本框里改变单个字的颜色。当然，Fireworks 可以引用所有的 Photoshop 的滤镜，并且可以直接将 PSD 格式图片导 入。它是用来画图用的，它相当于结合了 Photoshop (点阵图处理) 以及 CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮.等等的效果，也只需用鼠标点一下，不必再靠什么 KPT 之类的外挂滤镜。而且 Fireworks 很完整的支持网页 16 进制的色彩模式，提供安全色盘的使用和转换，要切割图形、做影像对应(Image Map )、背景透明，要图又小又漂亮，在 Fireworks 中做起来都非常方便，修改图形也是很容易的。不需要再同时打开 Photoshop 和 CorelDRAW.等等各类软件，切换来切换去的了。 自我评价：主要运用教师传授和学生动手制作的一些互助的方法来实现教学目标，预期效果基本上实现。小组评价与修改意见：讲座题目 网页制作主讲教师 程孝宇 时间 823 地点 机房主要观点 我的感想老师讲得很细致透彻老师真好！
