网页制作的工具有Dreamwaver课件.ppt

《网页制作的工具有Dreamwaver课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页制作的工具有：Dreamwaver,FrontPage,Hotdog等等，其中FrontPage2000是功能较强、易学的一种，它是Office2000中的一个组件，可方便、快捷地制作出精美的网页。信息时代的不断发展，使得网络成为传播知识的主流。它不但能以广播方式向全体学生进行演示，而且还可在不同时间进行个别化的、交互式的、有选择的学习。作为网络的信息载体－－网页，是每个教育工作者迫切需要掌握的，以此来提高教学效率、提高教学质量。网页制作与教学网站：相当于一本书，是网页的集合。网页：是书中的页，一种基于

2、于超文本（Hypertext）方式的文档。简单网页的制作超级链接交互网页网页制作和教学网页制作与教学引入新课：举实际的例子来引入如何创建一个网站及制作网页。可采用配套光盘中的《比例和比例尺》的例子新课部分：1、介绍网页工具－－FrontPage2000要制作网页，首先要熟悉制作的环境：A、打开FrontPage2000的方法；B、界面的介绍（菜单栏、常用工具栏、格式工具栏、编辑区等）；简单的网页制作网页制作与教学2、要做网页，必须要有站点（讲清网页、站点的关系：作业本与作业纸）教学方法：利用多媒体软件，进

3、行直观性的教学。创建站点的方法：（边讲边演示）A.启动FrontPage2000，单击文件,指向新建选项，单击站点命令;B.在站点对话框中有八个选项，单击只有一个网页的站点图标，在指定新站点的位置列表框中输入文件夹的名称。站点将存入指定的文件夹，并有两个文件：image文件夹和index.htm文件C.双击index.htm图标，可进行第一张网页的编写。简单的网页制作网页制作与教学简单的网页制作介绍在FrontPage2000中制作网页最常用的基本元素：文字表格图片声音动画新建网页、插入视频返回讲这部分内容

4、时，必须结合FrongPage2000的软件，边讲边操作，形成直观的认识。每讲完一种元素，最好用预览方式查看效果，并让学员尝试自己制作一次。做到及时掌握与巩固。简单的网页制作网页制作与教学文字是网页中的最基本的元素文字用于显示在网页中出现的定义、概念等。例如：比例的定义及相关概念。文字输入的方法：A.选择文字的输入法，选定文字的插入位置。B.选择文字的字体、颜色、大小、对齐格式等；（也可以在输完文字之后再进行字体的格式设置。）C.单击工具栏中的保存。D.用预览方式查看效果。实例简单的网页制作网页制作与教学比

5、例和比例尺－－（宋体32号字）概念－－（宋体24号字）（1）表示两个比相等的式子叫做比例。（2）判断两个比能不能成比例，要看它们的比值是不是相等。（3）在比例里，两个外项的积等于两个内项的积。宋体20号字简单的网页制作网页制作与教学创建表格：为了使信息在网页中直观、简单易懂、，最实用的工具是表格。创建这样一张表格，该怎么做呢？方法一：（1）单击表格菜单，指向插入选项，单击表格命令，在弹出的表格对话框中设置表格为3行4列。（2）单击表格菜单，指向插入选项，单击标题命令，输入表格的名称。（3）输入表格的文字（如

6、上图）；（4）修饰表格（表格的宽度、文字对齐方式、线的粗细等）方法二：在工具栏单击插入表格工具，用鼠标拖动的方法选择行与列。网页制作与教学简单的网页制作插入图片：在FrontPage2000中只要创建一个站点，都会自动产生一个图片文件夹image，在使用图片之前预先将图片放在image文件夹中，以备调用。步骤：（1）选定插入图片的位置；（2）单击插入菜单，指向图片选项，单击来自文件命令，弹出图片对话框，选择路径image文件夹，选择所需的图片，单击时可在右边的预览窗中预览图片；（3）确定之后，在图片的八个控

7、制点上调节图片的大小。网页制作与教学简单的网页制作设置声音：声音使得网页充满生气，提供一种氛围，可提高教学效率。步骤：（1）单击文件菜单，单击属性命令，出现网页属性对话框。（2）单击常规选项卡，并单击背景音乐部分的浏览按钮，出现选择文件对话框，找到并打开文件。声音文件的后缀为：.mid、.wave（尽量采用mid音乐，容量较小）（3）设置声音的播放次数：明确播放次数/无限次播放网页制作与教学简单的网页制作插入动画：FrontPage2000中的动画格式有Flash和gif两种动画的必要性：一些重点、难点，要

8、借助于动画，因此动画元素也是网页制作中的一个重要元素，使得活泼有生气。步骤：（1）选定要插入的位置；（2）单击插入菜单，指向高级选项，单击插件命令，打开插件属性对话框，单击数据源的浏览按钮，选择Flash动画文件，后缀名为.swf的文件。注意：插入完动画后，并不能在编辑窗口中看到动画效果，它只是以动画图标（调节图标控制点来调节动画的大小）来代替，只有单击预览选项才能看到动画过程。例如：要插入一段Flash动画。第