网站制作课件之第7章FrontPage 2000

第7章FrontPage2000知识点：•FrontPage2000的视图和模式•使用列表，插入注释•建立超链接和设置滚动字幕•用FrontPage2000创建表格和框架•制作多媒体网页•建立站点•制作表单难点：•向网页中插入多媒体素材•利用表单的不同提交方式提交数据•设计建立站点•向网页中插入多媒体素材•利用表单的不同提交方式提交数据•设计建立站点要求：熟练掌握以下内容：•熟悉使用FrontPage2000的视图和模式•学会利用FrontPage2000创建简单的网页•学会利用FrontPage2000创建表格及框架•学会利用FrontPage2000向网页中插入多媒体文件素材了解以下内容：•设计建立站点•表单的数据提交与获取7.1FrontPage2000的视图和模式1．FRONTPAGE的界面FRONTPAGE界面2．FrontPage的网页视图网页视图•普通模式可以编辑网页的内容以及设置各种格式。•预览模式用于查看当前编辑的文件在浏览器中的显示情况，在预览模式下是不能编辑网页的。•“HTML”模式可以直接对网页相对应的HTML文本文件进行编辑。文件夹视图以列表的形式给出当前WEB站点的文件夹和文件夹里包含的文件，如下页图。3．文件夹视图文件夹列表•任务视图•报表视图•导航视图•超链接视图7.2创建简单页面7.2.1创建页面创建页面的方法：•单击“常用”工具栏的“新建”按钮。•单击文件菜单的“新建”命令，选择“新建网页”。7.2.2选择字体•设置字体的方法字体设置下拉列表•设置字号的方法字号设置•设置颜色的方法字体颜色•设置格式的方法7.2.3使用列表•项目符号的使用•编号的使用•图片的使用•折叠大纲的使用7.2.4使用水平线水平线的使用：水平线属性线条图像的使用：剪贴画库图片属性的使用：图片属性7.2.5插入注释插入注释的方法：注释对话框检查在浏览器中是否显示正常7.2.6建立超链接超链接的概念：插入超链接切换到预览模式查看网页的显示情况建立超链接到test1的预览将超链接指向其他站点的网页改变已经设置好的超链接链接电子邮件插入电子邮件的超链接用图形来建立链接7.2.7设置滚动字幕创建滚动字幕的方法：字幕属性对话框字幕的字体、字号、字颜色的调整调整字幕的外观、背景颜色、滚动速度7.3用FrontPage创建表格、框架7.3.1建立表格单击“常用”工具栏“插入表格”按钮，拖动鼠标：插入表格使用插入表格命令：插入表格设置手工绘制表格7.3.2框架的构成1．建立框架的方法框架网页建立的框架网页上有按钮新建框架网页2．在框架里显示网页•可以单击“新建网页”按钮，创建新网页。•可以“设置初始网页”直接链接旧网页。对框架的大小进行框架属性框架的拆分：用菜单拆分框架用鼠标来分隔分割框架拆分框架选择“拆分为列”，单击“确定”按钮拆分后的框架用鼠标拆分框架•撤消拆分的框架•保存框架7.4制作多媒体网页7.4.1加入图形在网页制作中，只有扩展名为GIF和JPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅应用广泛，而且有利于节省存贮空间。如果图形不是这种格式，使用了其它格式的图形文件，在保存网页时FRONTPAGE会提示做格式转换，FRONTPAGE可以自动进行格式转换。插入图形:插入图片选择插入图片选择插入图片7.4.2插入音频文件对多媒体的良好支持是FRONTPAGE的一个突出的特色。我们能够很容易的在网页里播放音频和视频。•嵌入音频•播放音频•改变音频图标的大小•调整插件在网页中显示的大小和“布局”•隐藏插件•插入音频选择“网页属性”选择网页属性单击背景音乐框的浏览按钮选择插入的背景音乐文件链接音频使用超链接插入播放音频文件7.5制作表单在网页中当客户端向WEB服务器发送的信息，就需要使用表单来处理提交的数据，表单提交数据的方式有两种，分别是POST方法和GET方法。POST方法和GET方法的差别在于数据传递的隐秘性，POST方法通过内部变量方式将数据传递到服务端，而GET方法是通过利用链接地址夹带变量的方式传递数据的。一个表单例子:在网页中使用表单使用模板和向导来创建表单选择使用表单网页向导表单网页向导利用向导生成表单网页生成的表单网页生成的表单网页自己设计表单可以根据需要来添加不同的表单字段，任意设计自己的表单利用菜单向网页中插入表单插入一个滚动文本框：在网页中插入滚动文本框表单字段：•单行文本框，这种文本框只能接受浏览输入的单行文本信息。利用单行文本框设置网页表单改变单行文本框字段的宽度调整修改单行文本框设置文本框属性设置文本框属性设置文本框有效性验证设置文本框有效性验证设置完属性的单行文本框设置完属性的单行文本框插入密码属性的单行文本框插入密码属性的单行文本框设置文本框属性为密码域设置文本框属性为密码域•创建一个有滚动条的文本框设置滚动文本框属性：设置滚动文本框属性设置完毕的滚动文本框设置完毕的滚动文本框•插入单选按钮插入单选按钮添加性别单选按钮添加性别单选按钮设置单选按钮属性设置单选按钮属性•添加复选框添加复选框设置复选框属性设置复选框属性添加多个复选框添加多个复选框设置复选框的初值设置复选框的初值•添加下拉菜单表单添加下拉菜单表单设置下拉菜单属性设置下拉菜单的每个选择项数据设置后的下拉菜单属性添加或删除其他选项“上移”、“下移”调整选项顺序设置完毕的下拉菜单通过下拉菜单向服务段提交数据设置选择多项设置下拉菜单为多重选择设置下拉菜单的验证有效性多重选择的下拉菜单没有选择列表项，出现提示信息提交数据时，网页验证数据的有效性发送到服务器端的两个选项的值多重选择下拉菜单提交的数据•在网页的表单里使用按钮在表单中添加按钮双击插入的按钮，进入“按钮属性”对话框设置按钮属性按钮类型为“提交”按钮类型为“重置”按钮类型为“普通”网页中使用表单按钮网页中使用表单按钮服务器收到按钮发送的值表单按钮项向服务端提交的数据用图片来创建提交按钮选择图片将一个图片字段插入到表单里利用图片制作提交按钮图片字段和普通图片的区别表单图片的属性这里的图片也是表单的一个字段设置完毕的表单图片单击图片，表单提交表单图片提交的数据一个在浏览器里的表单网页设置表单的网页网页表单向服务端提交数据网页表单向服务端提交数据创建一个确认网页保存表单网页将网页标题改为“确认网页”设置“确认网页”的网页属性在网页中加入表单再改变一下网页的主题，还要修改一下姓名“单行文本框”的名称,将它改为“Name”,用同样的方法把其它的几个“单行文本框”的“名称”分别改为“Tel、Email、Fax”。在表单里单击鼠标右键，选择“表单属性”。设置表单属性单击“选项”按钮，选择“确认网页”选项卡保存表单结果的选项选择所要保存表单结果的网页文件选择所要保存表单结果的网页文件切换到“保存的域”保存表单结果的保存域点“全部保存”，接着分别选上“日期格式”和“时间格式”设置表单数据格式设置确认域中接受的字段名称设置完毕的确认网页页面7.6建立站点用FRONTPAGE创建站点选择建立站点的类型利用了FRONTPAGE自带的模板和向导建立的个人站点进入站点编辑状态新建的站点主页基本给出了网页的基本结构，但其内容是空的。当新建站点时，FRONTPAGE就会在站点所在位置下自动建立两个文件夹，一个是“images”，另一个是“_private”。“image”文件夹里放置站点用到的图片。“private”文件夹比较特殊，其中的文件对浏览者来说是隐含的。站点主页的大体结构站点主页的大体结构photo.htm的模板页面利用模版页面对站点运用主题来为站点指定统一的风格选择站点网页的统一风格在“将主题应用到”下面选择“所有网页”选项。在主题列表框内选择应用的主题类型。使用了统一风格模版的网站主页也可以在不改变主题的情况下，通过改变应用的主题的颜色、图形和文本外观来达到同样的目的。在FRONTPAGE中还可以对新建的个人站点设置导航视图网站的导航视图还可以把其他网页添加到视图里。拖动“myfave3.htm”到右侧的导航视图里，如图编辑导航视图设计站点架构设计不同级别的网页结构设计不同级别的网页结构还可以改变新加入的网页的横幅名共享边框显示导航视图的信息切换网页视图单击鼠标右键，选择“导航栏属性”，进入“导航栏属性”对话框设置导航栏属性在“要添加到网页”部分，可以改变单选框和复选框的设置来达到改变导航栏指向的目的。“方向和外观”部分：把“垂直”选中，单击“确定”按钮，导航栏的各超链接就变成垂直排列。导航栏里的超链接和普通的超链接不一样，它们是一个整体，不过可以设置让某个网页不加入导航栏。不在导航视图里的网页自然不可能出现在导航栏里，但是如果把一个网页从导航视图里删除，就可能破坏网页的上下级关系。单击“视图”框的“导航”按钮，切换到导航视图切换到导航视图调整完网页导航结构的主页调整完网页导航结构的主页通过导航视图的帮助就能架构起一个网站了，当然建立一个网站除了建立网站整体架构和添加具体内容，还需要在网络上进行发布，这样才能成为互联网上一个完整的网站。发布网站的方式根据系统的不同而不同，如果使用NT架构的系统可以通过IIS（InternetInformationServices即Internet信息服务）模块进行网站发布；如果使用的是Win9x系列的系统，就需要从系统安装光盘中安装PWS（PersonalWebServer）来发布，一般该程序放在光盘中的Addon目录下。小结FrontPage是制作网页的软件。首先要了解FrontPage2000的集成开发环境，即FrontPage2000的视图和模式。学习FrontPage2000制作网页，首先要掌握其基本操作。这些基本操作是：建立页面，选择字体、颜色，使用列表，使用水平线，插入注释，建立超链接，设置滚动字幕。然后掌握用FrontPage来建立表格和框架。接下来学习如何制作较复杂的网页，也就是制作多媒体网页。在网页中加入图形，插入音频文件。制作表单是FrontPage的一项重要功能，在网页中当客户端向Web服务器发送信息，就需要使用表单来处理提交的数据，表单提交数据的方式有两种，分别是POST方法和GET方法。要掌握这两种制作表单的方法，并学会利用表单处理提交的数据。最后要掌握用FrontPage2000建立站点的方法。