江南大学现代教育技术课件第五章第三节 网页制作.ppt

网站：相当于一本书，是网页的集合。网页：是书中的页，一种基于于超文本（Hypertext）方 式的文档。 简单网页的制作 超级链接 交互网页 * * 网页制作的工具有：Dreamwaver, FrontPage, Hotdog等等，其中 FrontPage2000是功能较强、易学的一种，它是Office2000中的一个组件，可方便、快捷地制作出精美的网页。 信息时代的不断发展，使得网络成为传播知识的主流。它不但能以广播方式向全体学生进行演示，而且还可在不同时间进行个别化的、交互式的、有选择的学习。 作为网络的信息载体－－网页，是每个教育工作者迫切需要掌握的，以此来提高教学效率、提高教学质量。 网页制作与教学 网 页 制 作 和 教 学 网页制作与教学 引入新课：举实际的例子来引入如何创建一个网站及制作网页。 可采用配套光盘中的《比例和比例尺》的例子 新课部分： 1、介绍网页工具－－FrontPage2000 要制作网页，首先要熟悉制作的环境： A、打开FrontPage2000的方法； B、界面的介绍（菜单栏、常用工具栏、格式工具栏、编辑区等）； 简 单 的 网 页 制 作 网页制作与教学 2、要做网页，必须要有站点（讲清网页、站点的关系：作业本与作业纸） 教学方法：利用多媒体软件，进行直观性的教学。 创建站点的方法： （边讲边演示） A.启动FrontPage2000，单击文件,指向新建选项，单击站点命令; B.在站点对话框中有八个选项，单击只有一个网页的站点图标， 在指定新站点的位置列表框中输入文件夹的名称。 站点将存入指定的文件夹，并有两个文件：image文件夹和index.htm文件 C.双击index.htm图标，可进行第一张网页的编写。 简 单 的 网 页 制 作 网页制作与教学 简 单 的 网 页 制 作 介绍在FrontPage2000中制作网页最常用的基本元素： 文字 表格 图片 声音 动画 新建网页、插入视频 返回 讲这部分内容时，必须结合FrongPage2000的软件，边讲边操作，形成直观的认识。每讲完一种元素，最好用预览方式查看效果，并让学员尝试自己制作一次。做到及时掌握与巩固。 简 单 的 网 页 制 作 网页制作与教学 文字是网页中的最基本的元素 文字用于显示在网页中出现的定义、概念等。 例如：比例的定义及相关概念。 文字输入的方法： A. 选择文字的输入法，选定文字的插入位置。 B. 选择文字的字体、颜色、大小、对齐格式等；（也可以在输完文字之后再进行字体的格式设置。） C.单击工具栏中的保存。 D.用预览方式查看效果。 实例 简 单 的 网 页 制 作 网页制作与教学 比例和比例尺－－（宋体 32号字） 概念－－（宋体 24号字） （1）表示两个比相等的式子叫做比例。 （2）判断两个比能不能成比例，要看它们的比值是不是相等。 （3）在比例里，两个外项的积等于两个内项的积。 宋体 20号字 简 单 的 网 页 制 作 网页制作与教学 创建表格： 为了使信息在网页中直观、简单易懂、，最实用的工具是表格。 创建这样一张表格，该怎么做呢？ 方法一：（1）单击表格菜单，指向插入选项，单击表格命令，在弹出的表格对 话框中设置表格为3行4列。 （2）单击表格菜单，指向插入选项，单击标题命令，输入表格的名称。 （3）输入表格的文字（如上图）； （4）修饰表格（表格的宽度、文字对齐方式、线的粗细等） 方法二：在工具栏单击插入表格工具，用鼠标拖动的方法选择行与列。 网页制作与教学 简 单 的 网 页 制 作 插入图片： 在FrontPage2000中只要创建一个站点，都会自动产生一个图片文件夹image，在使用图片之前预先将图片放在image文件夹中，以备调用。 步