高中信息技术 网页制作学案教案 粤教版选修3[doc文档]

（Vertical Banner）。

3、banner的用途1）大家经常在各种大大小小的网站都能看到的广告banner或者焦点图，它们都有大有小、可长可短，但是他们共同的作用就是通过各种方式引导你去点击、渲染气氛。

2）大家通常可以在各种游戏网站，房地产网站，各种活动专题页中见到，也就是大家常说的头图，这种类型的banner通常并不是引导用户去触发点击，而是服务于内容，为整个页面做好气氛的渲染。

知识点二、Photoshop应用之动作、批处理1、动作的应用“动作”（Action）是photoshop中非常重要的一个功能，它可以详细记录处理图像的全过程，并且可以在其他的图像中使用，这对于需要进行相同处理的图像是非常方便、快速的。

2、批处理的应用在我们需要对很多图片作相同的处理时，一个一个处理是及其麻烦且耗时的，那么就可以使用PS的批处理功能，帮我们快速完成工作。

方法：“文件”菜单——“自动”选项——“批处理”，在弹出的面板开”命令）复选项。

如果动作中有“存储”命令，（目的）选区，一定要选中（覆盖动作“存储为”命令）复选项。

知识点三、Flash应用之遮罩动画1、遮罩的原理遮罩的原理就是透过一种形状来看被挡住的内容。

遮罩层——提供形状被遮罩层——提供内容（文字、图片等）2、遮罩的用途在Flash动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。

遮罩层：可以将与遮罩层相链接的图形中的图像遮盖起来。

用户可以将多个层组合放在一个遮罩层下，以创建出多样的效果。

知识点四、两个小软件的应用1、Banner Maker Pro。

4.3.3 网页的制作教案（三）一、学习目标1、了解使用模板生成网页。

2、学会插入超链接。

二、学习重点和难点使用模板生成网页。

三、学习时间1课时四、学习环境计算机网络实验室五、学习过程1、了解网站制作的流程：教师活动：在完成了主页的制作后，剩下的就是其他的子网页的制作了，那么，为了保持整个网站的风格统一性，通常网站中各网页的标题名、网站标志、导航栏、附加信息栏等网页元素的样式需要和主页保持一致，所以我们可以怎么做呢？我们可以把相同的部分提取出来，制作成模板，供其他的子网页编辑制作的时候使用。

学生活动：学生根据教师讲解提供的资料，按照以下的操作步骤进行编辑模板文件。

（1）简历模板①编辑页面通用部分的图文。

通常在主页的基础上进行编辑修改，可删除不同的地方，留下的部分就成为了模板。

②“另存为”模板文件，取名“模板网页”，这样就完成了模板的建立。

（2）从模板文件在新建网页。

单机“文件”菜单，选择“新建网页”，从模板对话框中选择“模板网页”模板，单机“确定”。

2、插入超链接教师活动：同学们刚刚也完成了所有子网页的编辑制作，在有了模板网页的情况下，子网页的制作的速度是不是大大提升了？最后的一步，我们就需要学会把主网页和其他的子网页按照我们前面课程中画的网页交互设计流程图来进行链接，那么用什么来进行链接呢？怎么样操作呢？下面请看老师的操作。

（老师讲解超链接的作用，以及使用超链接链接网页的操作过程）学生活动：学生根据老师的讲解与演示，按照前面课程设计的网页交互设计流程图，一步一步的将制作编辑好的网页用超链接连接起来。

3、最后，同学们分组展示各小组制作的目前较完整的一个网站，并讨论交流，到目前为止，一个比较完整的网站已经制作好了，走到这一步，同学们都用到了哪些知识，都学到了什么？互相交流并将感受写下来。

4、补充扩展知识点1、热点是图片上的超链接，包含热点的图片称为图像映射，例如：图像映射可以是表示网站不同部分的图片，网站访问者单机图像映射的一个特定区域就可以显示相应的网页。

4.3.1 网页的制作教案（一）一、本节的作用和地位完成了规划与设计的工作后，网站的开发将进入实施阶段，即网页的制作。

网页制作过程好比是软件系统开发过程中的编码阶段，需要注意在制作过程中对阶段性作品进行反复的测试，以确保每个阶段都能够达到设计要求。

教材突出了对“网页模板”使用的介绍，让学生掌握如何巧妙运用软件工具提高工作效率。

本节给出了一般网页制作过程的线索，容易让学生实现迁移。

教材选用了Frontpage2003作为教学示范软件，从工具的选择来看具有一定的普遍意义，学生能够比较容易掌握软件工作的操作方法，部分的操作技能也能够从已有的知识中迁移得到，降低了网页的制作难度。

二、学习目标1、了解网页制作过程。

2、了解网页制作的素材组织与管理。

3、学会自己新建网站及网页。

三、学习重点和难点了解网页制作的素材组织与管理。

四、学习时间1课时五、学习环境计算机网络实验室六、学习过程1、了解网站制作的流程：教师活动：在之前的课程中我们完成了网站的规划和设计，本节课我们将进入网站开发的实施阶段，下面请同学们分组讨论、交流，通过网络查询资料，查找网页制作的过程是怎么样的？学生活动：学生分组讨论、通过学习过的信息检索知识，观看已有的网站制作视频和资料，总结出网页的制作过程。

小结：网页制作的过程是：收集和制作素材，新建空白站点和网页，编辑网页图文，保存预览，链接网页。

2、第一步：收集准备网页素材教师活动：在网站的开发中，网页素材的准备工作包括网页素材的获取加工与管理，在实际的开发中，需要进行广泛的素材搜集，如果没有找到合适的素材，我们就需要自己去采集，制作或加工。

那么请同学们思考一下，收集到的素材需要分类处理吗？怎么分类？收集到的素材怎么样避免版权的问题？学生活动：通过查询资料和翻阅书本以及分组讨论交流，每个小组派代表发言，最后不足之处由教师补充。

小结：收集到的素材需要进行分类，并且同一个网页的素材用一个文件夹来管理，需要的话，还可以采用多级子文件夹来详细分类，文件夹的命名要易懂易记，切记随意命名，以免到制作阶段找不到需要的素材。

4.2网站规划设计一、教学目标1、让学生从整体上感悟网站实现的基本过程。

（过程与方法）2、熟练使用FrontPage建立网站、制作网页。

（知识与技能）3、培养学生严谨的学习作风与合作精神。

（情感、态度、价值观）二、重点难点1、网站实现的基本过程。

（重点）2、图片与动画文件的设置与保存。

（难点）三、教学过程八、创设情境，知识导入。

1、师：同学们，通过前面的学习，我们了解了因特网有很多服务功能，但我们更多的是欣赏别人做的网站，那现在能不能通过你自己的努力将上节课同学们规划设计的版面布局图变成现实，通过互联网宣传介绍自己的学校？设计意图：调动学生情感，激发学习热情。

2、教师PPT演示部分优秀学生的版面规划设计图，通过同学展评，从中选出公认的设计蓝图。

学生活动：学生观看、讨论、交流。

设计意图：确定网站实现蓝本，为网页布局做好前期分析。

3、局域网发布其它班级同学做好的网站，学生浏览网页http://192.168.1.2 （见图一）师：今天我们共同学习4.3网站实现，让你的蓝图变成现实。

设计意图：让学生从整体上把握方向，进一步激发学习热情。

九、新授：环节一：分析网站实现基本过程之一建立站点。

1、教师设问，引发学生思考。

问1：利用FrontPage开发网站，首先需要做的第一件事是什么？问2：为什么首先需要创建一个Web站点？问3：在FrontPage中如何去创建一个站点？学生活动：学生阅读教材P88页内容并讨论交流回答问题。

设计意图：让学生真正体会创建站点的重要性和基本方法。

2、教师结合学生演示,强调创建站点类型、站点保存位置及名称。

学生活动：学生尝试利用FrontPage创建站点，演示操作创建站点的过程和方法。

设计意图：给学生提供更多展示自我的机会。

3、教师结合创建好的空站点简略分析其目录结构，特别指出文件夹images的作用。

设计意图：为图片和动画文件的保存做铺垫。

环节二：学生操作体验网站实现基本过程之二网页制作。