《教学课件第5章网页制作工具FrontPage》由会员分享,可在线阅读,更多相关《教学课件第5章网页制作工具FrontPage(65页珍藏版)》请在金锄头文库上搜索。
1、第第5章章 网页制作工具网页制作工具FrontPage2000内容简介内容简介本章主要介绍当前流行的网页制作工具FrontPage2000,使同学能利用它将收集到的网页元素组织起来,制作出有一定专业水准的网页及网站。学习目标学习目标1 1掌握:掌握:FrontPage2000基本功能及系统安装步骤2 2掌掌握握:网页基本编辑方法(编辑、格式化、项目符号和编号、网页元素的定位,水平线、时间戳、页面等的使用,计数器应用,网页模板使用,网页属性设置,插入图象、动画、声音的方法,表格菜单与工具栏、表格的创建与编辑、表格与文本的转换,文本与图片的超级链接、编辑与维护,标签的使用) 。3 3理理解解:插入
2、视频的方法,页面布局的改善,超级链接的概念。4 4了解:了解:FrontPage高级技术,其它网页制作工具。 5.1 概述概述 FrontPage2000是当前比较受欢迎、用户数最多的网页制作工具和网站管理工具。5.1.1 安装(略)安装(略)5.1.2 基本功能基本功能 FrontPage2000具有两大基本功能: 网页制作和编辑 网站建立、管理和发布5.1.3 主界面与工具栏主界面与工具栏(1)1、FrontPage2000的启动(略)5.1.3 主界面与工具栏主界面与工具栏(2)2、网页视图 为了编辑和管理网站,FrontPage2000提供了6种视图,它们是:网页视图:其中有三个选项卡
3、:普通、HTML和预览。文件夹视图:可显示网站文件夹的阶层式组织结构。报表视图:可显示网站的一份详尽的报告列表。导航视图:可方便地将网站各网页组织成一个树状目录(导航结构图),各网页可利用导航按钮自动建立链接。超链接视图:可方便地查看网站中各网页之间的链接关系。任务视图:可查看任务列表安排网站工作细节、完成进度及优化顺序等。5.1.3 主界面与工具栏主界面与工具栏(2)3、工具栏 工具栏中的按钮和“WORD”中有很多是类似的,缺省情况下,由“常用”工具栏和“格式”工具栏组成,可以随时进行添加和删减。 应该注意:工具栏中的按钮一般都有一一对应的菜单项,但是单击工具按钮与单击对应的菜单项并不能得到
4、完全一样的结果(如“新建”按钮及对应菜单项)。5.1.4 主要特点主要特点1、友好的操作界面2、集成的编辑和预览环境3、模板与向导:提供了多种网页向导和模板。4、主题:是一组可应用在网页上的设计元素和颜色方案,赋予网页一致和引人注目的外观。5、动态及多媒体元素:为了增强网页的生动性和交互性,可以把图像、声音、GIF动画、ActiveX控件、插件、Java Applet和PowerPoint动画加到网页中,并且支持在HTML中嵌入JavaScript、VBScript等脚本语言。 5.2 FrontPage2000的环境设置的环境设置 在菜单栏中选择“工具”/“选项”命令,就可弹出用于设定Fro
5、ntPage2000运行环境的对话框。其中有四个标签:常规、代理、配置编辑器和报表视图。5.2.1 5.2.1 常规常规 “启动”组有三个复选框:设置启动时是否自动打开上次工作的站点,是否检查FrontPage为默认得网页编辑器。 “常规”组有四个复选框:设置是否显示状态栏,当所含组件、文本索引等过期时是否发出警告声。 5.2.2 代理代理 代理服务器(Proxy)可以用来设置防火墙系统,并充当内部网与Internet之间的安全桥梁。当FrontPage在需要访问Internet上的网页时,有时需要设置代理服务器与Internet的连接。这时需要设置代理服务器的IP地址及其端口号。设置方法与I
6、E中的相同。 5.2.3 配置编辑器配置编辑器 在这里可以设置FrontPage在开启某一文件类型时所要使用的编辑器。在列表框中会列出目前已登记得文件类型,以及用来开启该类文件时所使用的编辑器名称和位置。 5.2.4 报表视图报表视图 在这里可以设置: “最近的”文件应是最近X天内的文件; “较旧的”文件应是X天以前的文件; “慢速网页”至少需要X秒的下载时间; “假设的连接速度”为X Kbps。 5.3 网页创建示例网页创建示例5.3.1 5.3.1 新建网页新建网页 在“网页”视图状态下进行操作。 操作步骤操作步骤:(1)单击“文件”/“新建”/“网页”在弹出的模板对话框中选取一种网页格式
7、(“常规”或“框架”) “确定”(2)单击工具栏中的“新建”按钮(或直接按下“Ctrl+N”快捷键),则创建基于默认模板的网页。 5.3.2 网页的基本编辑方法网页的基本编辑方法1、操作快捷键2、撤消和恢复操作3、网页上内容的选择4、移动、复制和粘贴网页对象5、查找和替换文本 以上各种操作都是在“网页”视图的“普通”选项卡中进行,方法与“WORD”中的对应操作基本一致,不再重复。 5.3.3 保存与打印网页保存与打印网页1、保存网页2、打开与关闭网页3、打印网页 包括: (1)打印预览;(2)设置页面打印格式;(3)打印网页。 以上各种操作与“WORD”中的对应操作基本一致,不再重复。 5.3
8、.4 运用主题运用主题 FP2000提供了50个专业的主题(Themes),每一组主题都包含有背景、项目符号、标题、超链接、导航列以及颜色组合等,你只有添上网页内容就行了。利用这些专业化的主题,可以简单快速地建立一个漂亮的网站。 网页主题的设定:网站主题的设定可以使网站各网页有一个统一的外观,变更外观时,只要改变这一设定即可。单击“格式”/“主题”命令进行操作。 个别网页的主题设定:对于一些较特殊的网页,可以单独使用特殊的主题设定。选中该网页,单击“格式”/“主题”选“将主题应用到”“所选网页”。 5.4 网页的文本组织网页的文本组织5.4.1 5.4.1 网页文本的编辑网页文本的编辑1 1、
9、输入文本:、输入文本:直接输入、插入文本文件或复制文本。2 2、输入特殊字符:、输入特殊字符:选“插入”/“符号”命令,可输入各种特殊字符。3 3、换行与段落:、换行与段落:“Enter”分段,一行超过显示范围则自动换行。(以上项目与“WORD”的操作基本相同)4 4、在网页中加入注释:、在网页中加入注释:将光标定位在要加入注释的地方,然后选“插入”/“注释”命令输入注释内容即可。 5.4.2 网页文本的格式化网页文本的格式化1 1、文字的格式化:、文字的格式化:包括:字体、字号、字型和文字颜色的设置。2 2、段落的格式化:、段落的格式化:包括:设置对齐方式、缩进与间距、边框与阴影等。3 3、
10、文本样式:、文本样式:以上各项目与“WORD”的操作基本相同。5.4.3 项目符号和编号项目符号和编号1 1、项目符号列表、项目符号列表 当项目的顺序无关紧要时采用。2 2、编号列表、编号列表 当需要列出项目的顺序时采用。5.4.4 网页元素的定位网页元素的定位(1) 定位是一种将文本和图形等网页元素放置在网页上的方法。它可以让你设置网页元素的平面位置和Z顺序。定位分为绝对定位和相对定位。1 1、绝对定位、绝对定位 是指设定某元素在网页上的准确位置。该位置是相对元素容器来说的,通常用相对于元素容器左上角的坐标来表示。元素容器有两种: 网页本身网页本身 位置框位置框5.4.4 网页元素的定位网页
11、元素的定位(2)1 1、绝对定位(、绝对定位(2 2) 元素定位的方法如下:(1 1)用拖曳的方法定位元素)用拖曳的方法定位元素 操作:选定待定位的网页元素单击“绝对定位”按钮鼠标指向待定位元素变成四向箭头拖曳元素到新位置。(2 2)指定元素坐标)指定元素坐标 可通过直接给出网页元素相当于元素容器左上角的坐标值来定位元素。5.4.4 网页元素的定位网页元素的定位(3)1 1、绝对定位(、绝对定位(2 2)(3 3)通过添加位置框来定位元素)通过添加位置框来定位元素 可以将待定位的元素放在位置框中,然后拖曳位置框至所需位置进行定位。(4 4)添加位置框的操作)添加位置框的操作 将光标置于某一位置
12、按“绝对定位”按钮出现定位框。5.4.4 网页元素的定位网页元素的定位(4)2 2、设置被定位元素的属性、设置被定位元素的属性 被定位元素的定位属性可以在“定位对话框中设置。操作命令:选“格式”/“定位”命令,出现定位对话框。(1 1)设置环绕样式:左、右、无)设置环绕样式:左、右、无(2 2)设置定位样式:无、绝对、相对)设置定位样式:无、绝对、相对(3 3)设置位置框的位置、大小和)设置位置框的位置、大小和Z Z顺序顺序 5.5 改进网页的外观改进网页的外观 在FP2000中,可以利用多种方法来改进所创建的网页外观。还提供了26个网页模板,能以此为样板生成类似的最终网页。5.5.1 5.5
13、.1 插入水平线和时间戮插入水平线和时间戮1 1、插入水平线:、插入水平线:在网页的某些部位插入水平线可以使需要分隔的部分隔开,使网页层次分明。 操作:“插入”/“水平线”;双击(或右击/“属性”)插入的水平线可对其进行修改。2 2、插入时间戮:、插入时间戮:在网页的适当位置可以插入一个最近的更新时间。操作:“插入”/“日期与时间”。 5.5.2 网页模板(网页模板(1)1 1、网页模板的概念:、网页模板的概念:网页模板是一种预先设计好的网页格式,模板中包含了文本、图像、背景及其它网页元素的格式。它可作为样板生成最终的网页。FP2000提供了26个网页模板。 2 2、应用网页模板:、应用网页模
14、板:使用模板创建新的网页的操作:“文件”/“新建”/“网页”,在“新建”“网页”对话框中选择一个适当的网页模板,根据自己的需求进行适当修改,即可保存为自己的网页。 5.5.2 网页模板(网页模板(2)3 3、定义自己的网页模板:、定义自己的网页模板: 模板实际上也是网页,因此创建模板首先应创建一个网页,完成后将它保存为模板即可(网页扩展名为“htm”,而模板的扩展名为“tem”)。 若多个网页具有相同的结构时,建立模板可以大大提高网页设计的效率。 5.5.3 网页属性(或内容)的设定网页属性(或内容)的设定 网页的属性包括网页的标题、位置、背景、页边距、语言等重要信息。 操作:单击“文件”/“
15、属性”菜单命令(或在网页任意处右击选“网页属性”),就会弹出网页属性对话框,其中有:常规、背景、边距、自定义和语言五个标签(若网页没有应用主题时,可看到“背景”标签,否则“背景”标签不会出现)。 5.5.3 网页属性的设定(网页属性的设定(2)1、设置网页的“常规”属性:在“常规”选项卡中可设置网页的标题、存放位置、背景音乐(浏览该网页时将自动播放)等内容。2、设置网页的“背景”属性:网页的背景属性包括:作为网页的背景的背景图案或颜色、超链接颜色、文本颜色等。也可选择“从另一网页获得背景信息”来借用其它网页的属性。3、设置网页的“边距”属性:用来指定网页的上边距和左边距。5.5.3 网页属性的
16、设定(网页属性的设定(3)4、设置网页的“自定义”属性:在“自定义”选项卡中可定义系统变量和用户变量。网页的系统变量和用户变量用来传递某些自定义的信息。系统变量和用户变量在网页中是不显示的,但在HTML代码中被转换为标记。5、设置网页的“语言”属性:有时在浏览网页时发现网页中的汉字全是乱码,无法阅读,这往往是没有正确选择HTML编码所致。在“语言”选项卡中可以指定HTML的汉字编码(中文简体为:GB2312)。5.6 添加多媒体与动画添加多媒体与动画 在FP2000中,提供了许多添加多媒体和动画的功能。利用这些功能,可使网页呈现某些特殊效果。5.6.1 5.6.1 插入图像插入图像1 1、插入
17、图片、插入图片 将光标置于需要插入图片的位置,选择“插入”/“图片”/“来自文件”(与单击工具栏上的“插入图片”按钮效果相同)或“剪贴画”或“视频”,即可插入相应的图片文件或剪贴画(自带)或视频文件。 应该注意,网页中只支持GIF和JPEG两种图像格式。若采用其它格式,则FP2000在保存网页时会将它们分别转换为GIF(256色以下时)或JPG(256色以上时)格式。 5.6.1 插入图像(插入图像(2) 2 2、图片工具栏、图片工具栏 在网页编辑区选定图片后,在编辑区的下方就会出现“图片”工具栏。利用图片工具栏可以对图片进行各种编辑和处理。如:创建热点、使图片透明、在图片上写字、对图片进行剪
18、裁。调整黑白对比度等。 5.6.1 插入图像(插入图像(3) 3 3、图片处理、图片处理 对网页中的图片进行的处理主要有:(1 1)在图片上加入文字)在图片上加入文字(注:只能对GIF图片加入文字)(2 2)使)使GIFGIF图片透明图片透明(使之能透过图片看到网页的背景)(3 3)调整图片的大小)调整图片的大小(可以任意放大或缩小图片)(4 4)对图片重新取样)对图片重新取样(只有改变图片大小后才能进行)(5 5)剪裁图片)剪裁图片(可选择图片的某一部分进行裁减)(6 6)制作图片的缩略图)制作图片的缩略图(图片的缩小版本)(7 7)将图片恢复原样)将图片恢复原样(只能在未存盘时才可复原)
19、5.6.2 插入动画插入动画 网页中的动画大多保存为网页中的动画大多保存为GIF89aGIF89a的格的格式(其扩展名还是式(其扩展名还是.GIF.GIF),因此在网页),因此在网页中插入动画和插入图片的方法和操作步中插入动画和插入图片的方法和操作步骤一样。骤一样。 5.6.3 插入声音和视频插入声音和视频1 1、插入声音、插入声音(1)插入背景音乐:可以作为背景音乐的声音文件格式有: .wav; .mid; .ra; .ram; .aif; .aiff; .aifc; .and; .au等。(2)用超链接方式链接到一个声音文件2 2、插入视频、插入视频 (1)可以直接在插入点插入视频文件。操
20、作:“插入”/“图片”/“视频”。(2)用超链接方式链接到一个视频文件。5.7 表格表格 使用表格可以对有规律的数据进行格式化。还使用表格可以对有规律的数据进行格式化。还可以安排和定位网页上的文本和相关的网页对象。可以安排和定位网页上的文本和相关的网页对象。 FrontPageFrontPage可以很方便地插入表格。还可以自可以很方便地插入表格。还可以自己画出表格,甚至还可以把网页上的文本转换为表己画出表格,甚至还可以把网页上的文本转换为表格。表格中的内容可以是文字,也可以是图像、表格。表格中的内容可以是文字,也可以是图像、表单、单、ActiveXActiveX控件,以及任何控件,以及任何Fr
21、ontPageFrontPage组件,还能组件,还能将将WordWord文档中的表格插入到网页中来。文档中的表格插入到网页中来。 对表格的操作可以通过对表格的操作可以通过“表格表格”菜单或菜单或“表格表格”工具栏进行。表格菜单的主要命令如下:工具栏进行。表格菜单的主要命令如下:5.7 .1 表格菜单与工具栏表格菜单与工具栏(1 1)手绘表格:)手绘表格:与WORD的操作相同。(2 2)插入:)插入:可插入一个规则表或一个表格的行、列、单元格和表格标题。(3 3)删除单元格:)删除单元格:可删除当前选中的一列或一行。(4 4)选定:)选定:可选定表、行、或列。(5 5)合并、拆分单元格:)合并、
22、拆分单元格:与WORD的相应操作相同。(6 6)平均分配行或列高:)平均分配行或列高:与WORD的相应操作相同。(7 7)最适当大小)最适当大小: :根据表格中的内容自动调整表格的大小。(8 8)转换与属性:)转换与属性:文本与表格之间的转换。调整表格或单元格的属性(如表格内文本、边框及背景的颜色等)。5.7 .2 表格的创建与编辑表格的创建与编辑(1)1 1、创建表格、创建表格(1)创建规则表格(2)插入表格(3)手绘表格2 2、编辑表格、编辑表格(1)添加文字和图片 (2)删除行和列(3)选定表格 (4)添加单元格(5)添加行和列(6)拆分单元格(7)合并单元格5.7 .2 表格的创建与编
23、辑表格的创建与编辑(2)3 3、表格属性、表格属性 在网页中加入表格后,有时还需要对表格的布局和背景进行一些设置,使之达到要求。操作:鼠标指向表格单击右键/“表格属性”(或主菜单中选“表格”/“属性”/“表格”)(1 1)布局区:)布局区:包括对齐方式;浮动;单元单元格间距;单元格边距的设置。(2 2)边框区:)边框区:包括边框的粗细、颜色、亮边框和按边框的设置。(3 3)背景区:)背景区:包括表格背景颜色或背景图片的设置。5.7 .2 表格的创建与编辑表格的创建与编辑(3)4 4、单元格属性、单元格属性 除了对整个表格进行设置外,还可对表格中的个别单元格的属性进行设置。操作:选中要设置的单元
24、格(一个或多个)/单击右键/“单元格属性”,在弹出的对话框中同样可进行如下设置(设置方法与表格属性中的设置方法相同):(1 1)布局区:)布局区:(2 2)边框区:)边框区:(3 3)背景区:)背景区:5.7 .3 表格与文本的转换表格与文本的转换4 4、单元格属性、单元格属性 在FP2000中,和WORD一样,可以将那些由制表苻、逗号或其它字符所分隔的文本转换为一个表格。反之亦可。 转换方法:转换方法:先在网页的指定位置输入要在表格内显示的文本文本行于表格行对应,使用逗号、制表符或其它分隔符将每行文本分隔成“列” 选定要转换的文本执行“表格”/“转换”/“文本到表格”。5.7 .4 用表格改
25、变页面布局用表格改变页面布局 由于表格能很好地控制文本和图片,因此利用表格对整个网页进行布局是目前大多数个人和商业网站选择的基本技术。 可以利用表格制作出任意错综复杂的网页。通常的做法是将网页分隔成若干个表格,而网页元素(如文本、图片、动画等)都放置在表格的单元格中,单元格中又可嵌套表格,以更精确地定位网页元素。 此外,为了网页的美观一般将表格的边框粗细设置为零,使得在浏览时不显示表格边框。5.8 创建超链接创建超链接 超链接是网页设计的精华部分,利用超超链接是网页设计的精华部分,利用超链接,可以将各种孤立的网页之间产生各种链接,可以将各种孤立的网页之间产生各种惟妙惟肖的关系,并使网页变得更加
26、生动起惟妙惟肖的关系,并使网页变得更加生动起来。超链接的应用范围很广,可以链接到本来。超链接的应用范围很广,可以链接到本地或远程的任意一台计算机中的任意一种文地或远程的任意一台计算机中的任意一种文件。不同类型的文件将会产生不同的超链接件。不同类型的文件将会产生不同的超链接结果。结果。5.8.1 超链接简介超链接简介 超链接是Web技术革命性的创举,它将全球的信息连成了一体。 超链接是从一个网页指向另一个目的端的链接,它可有效而又清晰地组织网页并让访问者方便地浏览相关信息。超链接的目的端可以是另一网页、图片、Email地址、Office文档、声音或视频文件、书签或一个可执行程序等,浏览器会根据目
27、的端的类型来打开、显示或运行这些文件。 每个超链接都由两部分组成:一是链接源(指经定义的网页中的文本或图像);二是被链接的目标或对象,通常用URL(资源地址)来定义。5.8.2 创建文本的超链接创建文本的超链接 文本超链接是指链接源是网页上的一段文本。主要有:1、本地站点内部的超链接2、远程(WWW)站点上的文件3、创建发送电子邮件的超链接4、本地站点的新建网页或新建文件夹 5.8.3 创建图片的超链接创建图片的超链接 图片超链接与文本超链接的建立方法基本一样,只是链接源指向的是一个图片文件而已。主要有:1、创建常规图片的超链接操作:选中要设置为超链接的图片/单击右键/“超链接”(或“图片属性
28、”)/相应位置输入链接的目的URL。2、创建图片热点超链接 通过创建热点,可使一个图片指向多个URL,这称为图片的MAP功能。例如,可以在一幅中国地图上为每个省作为一个热点,在省区的边界内单击,就可以显示该区的Web页。在“图片”工具栏中专门有一组为MAP功能设置的工具按钮。 5.8.4 超链接的编辑超链接的编辑1、跟踪超链接进行编辑 操作:在“普通”选项卡中将鼠标移到超链接源上Ctrl+单击 被链接网页显示在编辑窗中。2、调整超链接的显示效果:包括修改超链接的文本;设置文本超链接的颜色。3、更改代表超链接的图片外观4、更改超链接的URL 5.8.5 超链接的管理与维护超链接的管理与维护1、“
29、超链接”视图 在“超链接”视图中可显示出网站中网页之间的链接情况,供我们管理超链接。2、修复断开的超链接 如果移动站点中与内部链接有关的网页位置或更改这些网页的名称,系统会提示是否同时更新站点中其它网页链接链接到这些网页的超链接。也可以通过“超链接”视图检查是否存在断开的超链接以及断开的是哪几个超链接,然后手工修复这些超链接。 5.8.6 超链接的管理与维护超链接的管理与维护 为了不误导站点访问者,定期地检查与维护添加到Web页的所有链接是很重要的。1、超链接视图 FP2000通过了一种“超链接视图,供我们管理超链接。在该视图中如果某网页的图标上含有“”,表示该页包含超链接。单击“”,则展开该
30、页包含的所有超链接。2、修复断开的超链接 5.8.7 创建和使用书签创建和使用书签 书签是用来标记网页中的某一位置(或某串字符),是网页内的超链接。当浏览者单击了一个印向书签的超链接时,将直接跳转到这个书签所在的位置。1、创建书签 在创建目标书签的链接之前,必须要在网页中插入书签标识。 方法:先选择插入点“插入”/“书签” 输入书签名“确定”。2、创建指向书签的超链接 方法:先选中作为超链接源的文本(或图形) 单击右键“超链接” 选择“书签”下拉列表选中某一书签名即可。3、删除书签 5.9 高级高级FrontPage技术技术 在前面几节中已经介绍了网页制作的基本技术,但为了使网页实现一些更多的
31、功能并有更好的表现,还需要了解一些网页制作的高级技术。5.9.1 框架网页1 1、概述、概述 框架是一项特殊的网页技术,它可将整个网页划分为几个独立或关联的区域,每个区域成为一个框架窗口,每个框架窗口中显示的都是一个独立的网页。带有框架的网页称为框架网页。当浏览者访问框架网页时,先加载框架网页,然后再分别加载填充框架网页的每个网页的HTML文档。5.9.1 框架网页框架网页1 1、概述(、概述(2 2) 例如:对于一个由左右两个框架组成的简单框架网页,当单击左边框架中的超链接时,其关联的目标文件将在右边框架中打开(即右框架显示的内容是由左框架中的链接所决定的),这时左边框架称为父框架。而被父框
32、架控制的左边框架称为子框架。 框架为设计者带来了很大的灵活性。5.9.1 框架网页(框架网页(1)2 2、框架网页的创建、框架网页的创建 创建框架网页首先要创建初始框架网页,然后为框架网页中的每个框架窗口指定填充网页。(1 1)使用模板创建框架网页:)使用模板创建框架网页:在FrontPge2000中提供了10种框架模板,可以根据实际需要选用。(2 2)设置框架窗口的填充网页:)设置框架窗口的填充网页:利用模板创建的框架网页只是一个空网页,需要用其它网页来填充每个框架。在新建的框架网页的每个窗口中都有两个按钮:“新建网页”和“设置初始网页”,分别用来新建一个网页或用已有的网页来填充框架。5.9
33、.1 框架网页(框架网页(2)3 3、设置框架的属性、设置框架的属性 可以对框架网页中的每个框架的属性进行设置。操作方法:选中某个框架右单击选“框架属性”。在“框架属性”对话框中可设置:框架窗口的名称;框架的大小和边距;是否可在浏览器中调整框架大小;在框架窗口的右侧是否出现滚动条等。5.9.1 框架网页(框架网页(3)4 4、目标窗口的设定、目标窗口的设定 目标窗口:目标窗口:指超链接的目标网页出现的那个窗口。 目标窗口的设置方法:目标窗口的设置方法:先选中超链接源的文本或图片右单击选“超链接” 在URL中输入目标网页的地址单击“目标框架”按钮在出现的更改目标框架对话框中单击要作为目标的框架“
34、确定”。 5.9.2 用表单反馈用户信息用表单反馈用户信息(1) 表单是网页中用于与站点访问者交互的界面,浏览者只需在表单中输入相应的信息,单击“提交”按钮,就可根据表单处理程序的指令来收集和处理信息。 1 1、创建表单网页、创建表单网页 所有的表单都具有以下几个基本元素: 询问或请求信息询问或请求信息 访问者在其中键入信息的域访问者在其中键入信息的域 “ “提交提交”和和“全部重写全部重写”按钮按钮 表单处理程序表单处理程序 5.9.2 用表单反馈用户信息用表单反馈用户信息(2)1 1、创建表单网页、创建表单网页 (1 1)使用模板创建网页)使用模板创建网页(2 2)使用向导创建表单网页)使
35、用向导创建表单网页2 2、设置表单属性和表单域属性、设置表单属性和表单域属性(1 1)表单属性:)表单属性:用来设置处理和保存用户填写的表单内容、表单名称、表单提交时的目标框架等。(2 2)表单域属性:)表单域属性:一个表单往往由多个表单域组成(如:单行文本框、滚动文本框、复选框、单选按钮、下拉菜单等),对每个表单域,都可为它们设置相应的属性。5.9.3 FrontPage2000的组件的组件 利用FrontPage提供的组件,可以实现一些特殊的功能,这些组件包括:时间戮、Office组件、站点计数器、悬停按钮、字幕、网站目录、定时任务等。1 1、横幅广告管理器、横幅广告管理器 使用使用“横幅
36、广告管理器横幅广告管理器”组件可以在网页组件可以在网页中动态地显示图片。中动态地显示图片。2 2、字幕、字幕 网页中的网页中的“字幕字幕”就像电视上的字幕广告,就像电视上的字幕广告,而且是游动的,容易引起访问者的注意。而且是游动的,容易引起访问者的注意。5.9.3 FrontPage2000的组件的组件(2)3 3、悬停按钮、悬停按钮 “ “悬停按钮悬停按钮”是一个动态按钮,当访是一个动态按钮,当访问者将鼠标指向该按钮时,按钮就会改问者将鼠标指向该按钮时,按钮就会改变颜色或形状。变颜色或形状。 创建方法:先选定要插入创建方法:先选定要插入“悬停按钮悬停按钮”的位置的位置“插入插入”/“”/“组
37、件组件”/“”/“悬停按悬停按钮钮” ” 在打开的对话框中设置在打开的对话框中设置“悬停按悬停按钮钮”属性即可。属性即可。5.9.4 控件与插件控件与插件1 1、ActiveXActiveX控件控件 ActiveX控件是指能够实现某些功能的软件部件,能由各种编程语言实现(如VC、VB等),FP2000提供了多种ActiveX控件,可以插入到网页中实现一些特殊的功能。2 2、AppletApplet Applet是指Java小程序,类似于ActiveX控件,是一种利用Java语言开发的特殊程序。在网页中插入Java程序:选择插入点“插入”/“高级”/“Java小程序”。5.9.4 控件与插件控件
38、与插件3 3、插件插件 插件也是一种程序,是遵循一定规范的API编写出来的,Web浏览器能直接调用插件的代码。插件可以插入到网页中,随网页传送到客户端,并在客户端执行。 在网页中插入插件:选择插入点“插入”/“高级”/“插件” 插件属性对话框中的“数据源中输入插件调用的数据源”。4 4、区别、区别 插件只能在浏览器的窗口中运行,而ActiveX控件可以脱离浏览器运行。插件与平台有关,而Applet由Java虚拟机解释执行,与客户机平台无关。通过编程,插件可以访问客户机的本地资源。5.10 其它网页制作工具其它网页制作工具5.10.1 Dreamweaver5.10.1 Dreamweaver1
39、 1、简介、简介 Dreamweaver是Micromedia公司推出的可视化网页制作工具,还提供了完善的站点管理机制。是一个集网页制作和站点管理两大功能于一身的创作工具。2 2、 Dreamweaver Dreamweaver的主要特点的主要特点(1)精确的源代码控制(2)所见即所得功能(3)强大的HTML编辑功能5.10 .1 Dreamweaver2 2、 Dreamweaver Dreamweaver的主要特点的主要特点(4)灵活实用的图层(5)方便的插入操作(6)强大的动态网页功能(7)与Fireworks、Flash等工具的理想搭配(8)兼容于各种浏览器(9)个性化定制(10)强大的站点管理功能(11)对新技术的支持能力Q&A?谢谢!谢谢!