(粤教b版信息技术 第三册上)第二章 第四节 制作栏目网页 课件(共10张ppt)
上页
下页
目录
退出
上页
下页
目录
退出
上页
下页
目录
退出
模板应用
上页
下页
目录
退出
制作缩略图
上页
下页
目录
退出
上页
下页
目录
退出
设置书签
上页
下页
目录
退出
上页
下页
目录
退出
提供文件下载
上页
下页
目录
退出
网站链接
上页
下页
目录
退出
课堂小结
1、制作栏目网页诸多操作过程中，在操作之前一定 要选定相关的操作对象，才能够进行相关操作的。 2、遇到相同内容的时候，使用复制、粘贴操作提高 网页制作效率。复制（Ctrl+C）、粘贴（ Ctrl+V） 3 、注意网页文件与素材文件分类存放，分类管理， 条理清晰，确定链接准确、到位。 4、网站超链接使用频率是比较广泛，注意链接操作 后，检查链接是否准确，是否出现死链接，或者链 接不到位，或者找不到相关素材，确保链接到位、 准确。
上页
下页
目录
退出
上页
目录
退出
制作栏目网页
下页
目录
ቤተ መጻሕፍቲ ባይዱ
退出
内容提要
一、应用网页模板。
二、制作缩略图。
三、设置书签。 四、提供文件下载。 五、网站链接。 六、课堂小结。
上页 下页 目录 退出
应用网页模板
1、制作模板。
2、模板应用。
上页
下页
目录
退出
制作模板
操作步骤： 1、在首页中提取共同的 网页结构作为模板样式。 （样式如右图）
2、保存模板操作。 具体操作请观看下张幻 灯片截图内容。
高中信息技术 网页制作课件 粤教版选修3
动画
超链接
打开FrontPage 表格布局
同字形 厂字形 主题形 等
买下地皮 建框架
插入内容
增砖添瓦
网页制作 一、启动FrontPage 启动 “开始”菜单 程序 开始” 程序—MicrosoftFrontPage 开始 菜单—程序 二、 表格布局 1、表格 、表格——插入 插入 三、 图片 1．插入：插入——图片 ．插入：插入 图片——剪贴画（来自文件） 剪贴画（来自文件） 图片 剪贴画 2．设置：右击图片（快捷菜单）——图片属性 ．设置：右击图片（快捷菜单） 图片属性 3． 删除：选择图片 ． 删除：选择图片——按删除键 按删除键 四、文字 1、添加文字：直接输入 复制粘贴 、添加文字：直接输入/复制粘贴 2、编辑文字： 选择文字 ——右击 、编辑文字： 右击——字体 段落 字体/段落 右击 字体 选择文字——格式 格式——字体 段落 字体/段落 选择文字 格式 字体
网页制作
——静态网页的制作 静态网页的制作
教学目标：
1、了解网页的主要构成内容 。 2、学会网页的布局。 3、学会在网站中插入图片和文 字，并且能编辑 图片和文字。
wLeabharlann QQ空间
网页的内容：
表格
图片
文字
小礼物
高中信息技术粤教版选修3教案-4.3.4 编辑网页图文素材-
（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网页的制作-粤教版高中信息技术选修三教案
4.3.3 网页的制作教案（三）一、学习目标1、了解使用模板生成网页。
2、学会插入超链接。
二、学习重点和难点使用模板生成网页。
三、学习时间1课时四、学习环境计算机网络实验室五、学习过程1、了解网站制作的流程：教师活动：在完成了主页的制作后，剩下的就是其他的子网页的制作了，那么，为了保持整个网站的风格统一性，通常网站中各网页的标题名、网站标志、导航栏、附加信息栏等网页元素的样式需要和主页保持一致，所以我们可以怎么做呢？我们可以把相同的部分提取出来，制作成模板，供其他的子网页编辑制作的时候使用。
学生活动：学生根据教师讲解提供的资料，按照以下的操作步骤进行编辑模板文件。
（1）简历模板①编辑页面通用部分的图文。
通常在主页的基础上进行编辑修改，可删除不同的地方，留下的部分就成为了模板。
②“另存为”模板文件，取名“模板网页”，这样就完成了模板的建立。
（2）从模板文件在新建网页。
单机“文件”菜单，选择“新建网页”，从模板对话框中选择“模板网页”模板，单机“确定”。
2、插入超链接教师活动：同学们刚刚也完成了所有子网页的编辑制作，在有了模板网页的情况下，子网页的制作的速度是不是大大提升了？最后的一步，我们就需要学会把主网页和其他的子网页按照我们前面课程中画的网页交互设计流程图来进行链接，那么用什么来进行链接呢？怎么样操作呢？下面请看老师的操作。
（老师讲解超链接的作用，以及使用超链接链接网页的操作过程）学生活动：学生根据老师的讲解与演示，按照前面课程设计的网页交互设计流程图，一步一步的将制作编辑好的网页用超链接连接起来。
3、最后，同学们分组展示各小组制作的目前较完整的一个网站，并讨论交流，到目前为止，一个比较完整的网站已经制作好了，走到这一步，同学们都用到了哪些知识，都学到了什么？互相交流并将感受写下来。
4、补充扩展知识点1、热点是图片上的超链接，包含热点的图片称为图像映射，例如：图像映射可以是表示网站不同部分的图片，网站访问者单机图像映射的一个特定区域就可以显示相应的网页。
4.3网页的制作-粤教版高中信息技术选修三网络技术应用课件(共21张PPT)
③设置文字样式：单击格式工具栏中“样式” 的下拉按钮，在如下图所示的列表中选择“标题1”；
④设置字体和居中对齐方式。
（3）插入图片 ①执行“插入”→“图片”→“来自文件”命令； ②按下图所示步骤操作；
③设置图片的对齐方式。
（4）保存
①执行“文件”→“保存文件”命令；
操作指南
一、选择网站制作工具
常见的网页制作软件主要有：FrontPage和Dreamweaver等， 它们都是所见即所得的网页制作工具。FrontPage功能强大、 简单易用，具有站点管理、发布等功能，适合初学网页制作 的人员。Dreamweaver功能齐全、兼容性强，更适合专业网页 设计者。
本单元我们以FrontPage为例学习网页制作的基本方法。
根据分工每人完成至少4个网页。
活动建议
这需要我们首先了解制作网页的工具，经比 较后确定适当的工具。使用所见即所得的网页制 作工具建立站点、编辑网页。网页的主要内容是 文字和图片如何把搜集整理的素材放在网页中， 可以通过学习其他软件的经验尝试探索。
虽然是分工制作，但在制作的过程中小组成 员要经常沟通，协调网站的风格，相互帮助，取 长微博等都是由众多 的网页组成的，网页可以通过超链接相互连接， 形成一个巨大的“网”。点击鼠标，就可以漫游 网上世界。
那么，网页是怎样制作的呢？
学习内容
任务一：运用框架制作网页 任务二：制作有交互功能的网页 任务三：让网页更吸引浏览者
活动任务
在第9节中我们已经完成了选题、规划、 收集素材等全部的准备工作。在这个活动中 利用所见即所得网页制作工具编辑制作网页。
①在页面上单击鼠标右键打开快捷菜单执行 “网页属性”命令；
高中信息技术粤教版选修3课件-4.3.4 编辑网页图文素材-
PPT模板下载：/moban/ 节日PPT模板：/jieri/ PPT背景图片：/beijing/ 优秀PPT下载：/xiazai/ Word教程： /word/ 资料下载：/ziliao/ 范文下载：/fanwen/ 教案下载：/jiaoan/ 字体下载：/ziti/
行业PPT模板：/hangye/ PPT素材下载：/sucai/ PPT图表下载：/tubiao/ PPT教程： /powerpoint/ Excel教程：/excel/ PPT课件下载：/kejian/ 试卷下载：/shiti/
项目描述
PPT模板下载：/moban/ 节日PPT模板：/jieri/ PPT背景图片：/beijing/ 优秀PPT下载：/xiazai/ Word教程： /word/ 资料下载：/ziliao/ 范文下载：/fanwen/ 教案下载：/jiaoan/ 字体下载：/ziti/
2、Banner的尺寸 横幅广告通常为7英寸长1英寸宽，或468×60像素左右。它的尺寸在一定范围内可以变化。 按照互动广告局（Interactive Advertising Bureau）的规范，468×60像素的称为全横幅 广告（Full Banner），234×60像素的称为半横幅广告（Half Banner），120×240像素的 称为垂直旗帜广告（Vertical Banner）。
行业PPT模板：/hangye/ PPT素材下载：/sucai/ PPT图表下载：/tubiao/ PPT教程： /powerpoint/ Excel教程：/excel/ PPT课件下载：/kejian/ 试卷下载：/shiti/
3、banner的用途 1）大家经常在各种大大小小的网站都能看到的广告banner或者焦点图，它们都有大有小、 可长可短，但是他们共同的作用就是通过各种方式引导你去点击、渲染气氛。 2）大家通常可以在各种游戏网站，房地产网站，各种活动专题页中见到，也就是大家常说 的头图，这种类型的banner通常并不是引导用户去触发点击，而是服务于内容，为整个页面 做好气氛的渲染。
粤教版信息技术第三册上信息技术《改善动画效果-制作形状补件动画》(说课稿)
粤教版信息技术第三册上信息技术《改善动画效果-制作形状补件动画》（说课稿）一. 教材分析《改善动画效果-制作形状补件动画》是粤教版信息技术第三册上的一节课。
本节课的主要内容是让学生掌握形状补间动画的制作方法，学会如何利用形状补间动画改善动画效果。
教材通过详细的步骤讲解和实例演示，使学生能够轻松掌握制作形状补间动画的技巧。
二. 学情分析学生在学习本节课之前，已经掌握了Flash动画的基本制作方法，对动画制作有一定的了解。
但形状补间动画相对于其他类型的动画，制作过程较为复杂，需要学生具备一定的耐心和细心。
此外，学生需要具备一定的创新思维和审美能力，才能制作出高质量的形状补间动画。
三. 说教学目标1.知识与技能目标：学生能够掌握形状补间动画的制作方法，学会如何利用形状补间动画改善动画效果。
2.过程与方法目标：通过实践操作，培养学生动手能力和团队协作能力。
3.情感、态度与价值观目标：激发学生对动画制作的兴趣，培养学生的创新意识和审美能力。
四. 说教学重难点1.重点：形状补间动画的制作方法。
2.难点：如何利用形状补间动画改善动画效果，创新思维和审美能力的培养。
五. 说教学方法与手段1.教学方法：采用任务驱动法、分组合作法、演示法、讲解法等。
2.教学手段：利用多媒体课件、Flash软件、网络资源等。
六. 说教学过程1.导入新课：通过展示一个精美的形状补间动画，激发学生的学习兴趣，引出本节课的主题。
2.讲解与演示：教师讲解形状补间动画的制作方法，并进行现场演示，让学生直观地了解制作过程。
3.实践操作：学生分组进行实践操作，教师巡回指导，解答学生遇到的问题。
4.作品展示与评价：学生展示自己的作品，相互评价，教师进行总结性评价。
5.拓展训练：学生根据所学知识，自由创作一个形状补间动画，提高学生的创新能力和审美水平。
七. 说板书设计板书设计主要包括以下内容：1.形状补间动画的定义及特点2.形状补间动画的制作方法3.创新思维与审美能力的培养八. 说教学评价教学评价主要包括以下方面：1.学生对形状补间动画制作方法的掌握程度。
粤教版信息技术第三册上信息技术《改善动画效果-制作形状补件动画》(教案)
粤教版信息技术第三册上信息技术《改善动画效果-制作形状补件动画》（教案）一. 教材分析粤教版信息技术第三册上信息技术《改善动画效果-制作形状补件动画》这一节，主要让学生学习如何通过制作形状补件动画来改善动画效果。
通过本节内容的学习，学生将掌握形状补件动画的概念、制作方法以及应用技巧。
教材内容主要包括理论讲解、实例演示和操作练习三个部分。
二. 学情分析学生在学习本节课之前，已经掌握了Flash动画的基本制作方法，对动画制作有一定的了解。
但形状补件动画作为一种特殊的动画形式，学生可能较为陌生。
因此，在教学过程中，需要教师通过生动形象的讲解和实例演示，帮助学生理解和掌握形状补件动画的制作方法。
三. 教学目标1.知识与技能：了解形状补件动画的概念，学会制作形状补件动画，掌握形状补件动画的制作方法和应用技巧。
2.过程与方法：通过观察、分析、实践，培养学生的动手操作能力和解决问题的能力。
3.情感、态度与价值观：激发学生对信息技术学习的兴趣，培养学生的创新意识和团队协作精神。
四. 教学重难点1.重点：形状补件动画的概念、制作方法及应用技巧。
2.难点：形状补件动画的制作过程和技巧。
五. 教学方法1.任务驱动法：教师提出任务，引导学生独立或协作完成任务，从而达到学习目标。
2.实例演示法：通过具体实例的演示，使学生更好地理解抽象的概念。
3.讨论法：教师学生进行讨论，分享学习心得和经验，提高学生的参与度和积极性。
4.实践法：学生动手实践，巩固所学知识。
六. 教学准备1.教师准备：教案、PPT、实例素材、相关参考资料。
2.学生准备：Flash动画制作软件、笔记本电脑。
七. 教学过程1.导入（5分钟）教师通过一个有趣的形状补件动画实例，引起学生的兴趣，然后简要介绍本节课的学习内容，让学生明确学习目标。
2.呈现（10分钟）教师通过PPT呈现形状补件动画的概念、制作方法和应用技巧，同时进行讲解和实例演示。
学生认真听讲，做好笔记。
信息技术三年级上册-粤教B版第2课鼠标随心动(教案)
除了上述教学资源，还需要准备一些教学工具，如投影仪、电脑连接线、教学软件等，以确保教学过程的顺利进行。同时，为了确保教学资源的充分利用和管理的方便，可以指定一位助教或技术人员协助老师在课堂上管理和维护教学资源。
教学总结：
针对存在的问题和不足，我将在今后的教学中进行改进和优化。首先，我将加强对学生鼠标操作技巧的训练，通过更多的实践练习和指导，提高他们的操作熟练度。其次，我将增加相关知识的学习和讲解，让学生更深入地了解鼠标的功能和应用。此外，我还将加强对学生表达能力的培养，通过课堂互动和训练，提高他们的表达能力和沟通技巧。总之，我将不断总结经验，不断改进教学方法和策略，以提高教学效果和学生的学习成果。
教学过程设计
1.导入新课（5分钟）
目标：引起学生对鼠标的兴趣，激发其探索欲望。
过程：
开场提问：“你们知道鼠标是什么吗？它与我们的生活有什么关系？”
展示一些关于鼠标的图片或视频片段，让学生初步感受鼠标的使用场景和功能。
简短介绍鼠标的基本概念和重要性，为接下来的学习打下基础。
2.鼠标基础知识讲解（10分钟）
5.课堂展示与点评（15分钟）
目标：锻炼学生的表达能力，同时加深全班对鼠标的认识和理解。
过程：
各组代表依次上台展示讨论成果，包括主题的现状、挑战及解决方案。
其他学生和教师对展示内容进行提问和点评，促进互动交流。
教师总结各组的亮点和不足，并提出进一步的建议和改进方向。
4.4网页的美化与特效制作-粤教版高中信息技术选修三网络技术应用课件(共17张PPT)
超级链接
用图像作为超级链接 映像地图(Image Map)(热点，热区) 改变超级链接的外观
• “网页属性”→背景
怎样编辑超级链接的属性
• 右键，“超级链接属性”→目标框架
三、修பைடு நூலகம்超链接的颜色
范例 修改超链接的颜色
①右击要修改的超链接，在打开的菜单中单击超链 接属性命令，出现“超链接属性”对话框。 ②单击 按钮，打开“修改样式”对话框。 ③单击“修改样式”对话框下部的 按钮，选定 字体选项，出现“字体”对话框时重新设定文字颜 色。
• 从WWW上查找一个网页作为目标 • 指定一个e-mail地址作为目标 • 从本地磁盘中指定一个网页作为目标 (相对路径) • 书签(同一文件或不同文件) • 实际上任何一个文件都可以作为超级链接的目标。文件的类型不
同，浏览点击时打开的方式不同。有些由浏览器直接打开，有些 由机器上的其他程序打开，有些则直接下载保存到磁盘。
编辑图片
图片工具栏
• 在GIF格式的图像上写字：必须是GIF格式，JPG图像必须先 转换成GIF格式
• 使GIF图像透明 • 调整图像的黑白对比度和亮度 、把彩色图像变成黑白 • 把图像翻转 、修正图像 、裁剪图像 、淡化图像 • 制作缩略图
“图片属性”对话框
超级链接
什么是超级链接 怎样建立超级链接 超级链接的目标：
（4）XML语言 它是一种扩展语言，是HTML语言的扩充。
谢谢
• 网页视图：编辑网页 • 两大功能： • 站点管理 • 网页编辑
设置网页属性
设置网页的常规属性 • “文件→属性”或右键快捷菜单“网页属性” • 设置网页的背景属性 • 设置网页的页边距
二、修改网页的标题
范例 修改主页的标题 ①启动FrontPage，打开主页，右击网页编辑区，在打 开的快捷菜单中单击网页属性命令，打开“网页属性” 对话框。
高中信息技术 粤教版选修3 4.3网页的制作(共13张PPT)
谢谢
二、网页的编辑 1.设置网页属性 网页布局完成后，在网页中单击 鼠标右键，选择快捷菜单中的“网页 属性”命令，可设置网页的属性。
பைடு நூலகம்
在“常规”选项卡中的“标题”文本 框中输入文字“欢迎来到我的个人站点”。 当浏览该网页时，浏览器的标题栏上会出 现输人的这些文本。此外，在“网页属性” 窗口中还可以修改网页的背景、超链接的 颜色、背景音乐等属性，如图所示。
网页的制作
表格是网页设计中用得最多的元素，利用表 格可以设计出布局合理、美观的网页。以下是运 用表格对网页进行设计、布局的具体步骤：
（1）打开“表格”菜单，单击“插入”中 “表格”命令，在弹出的“插入表格”对话框中 设置表格的属性。具体如图所示，设置表格宽度 为“760像素”，目的是为了在分辨率为1024像 素x768像素的屏幕上完整显示网页；边框的粗细 为“0”是为了不显示表格的边框。
（2）完成“插入表格”对话框的 设置后，通过移动表格边框线，初步 完成布局。
（3）根据需要选中要合并的单元 格，通过鼠标右键快捷菜单中的“合 并单元格”命令实现单元格的合并， 完成网页的布局。具体如图所示。
（4）完成布局后，将网页保存到 对应的文件夹中，在网页建设中，网 页文件最常见的后缀名是htm成hmtl。
（3）保存网页，在弹出的“保存嵌 入式文件”窗口中，将图片文件都保存到 对应的文件夹中即可。
输入相应的文字及插入图片后，就完 成了一个简单的个人网页，如图所示。
5.设置超链接 在一个网站中，我们可以通过设置超 链接把独立的网页联系起来，让浏览者能 通过单击设置了超链接的内容进入到网站 中的其他页面。最常见的做法是为文字或 图片制作超链接。 制作时，只需要选中该文字或图片， 单击“插入”菜单中的“超链接”命令， 然后在“编辑超链接”窗口中，选择需要 链接到的文件，最后单击“确定”。