第八章FrontPage2000网页制作软件

第八章FrontPage2000网页制作软件重点：FrontPage的六种视图，表单、超级链接、页面布局、框架。难点：六种视图，表单，框架。作业：1-8章在线测试实验：做一个班级管理网页8．1FrontPage2000概述FrontPage2000是MicrosoftOffice2000家族的成员之一，它是“所见即所得”的“傻瓜”型网页制作软件。使用FrontPage2000制作网页时，并不要求用户了解和掌握HTML、Javascript、Vbscript等网页开发语言，非专业人员也能制作出专业网页。8．1．1FrontPage2000的主界面“开始/程序/MicrosoftFrontPage”出现FrontPage2000主界面。编辑窗口视图窗口编辑窗口视图窗口标题栏、工具栏、状态栏与WORD一样使用，但功能有所差异。视图窗口：位于主窗口左边，包括：网页、文件夹、报表、导航、超链接、任务六个视图。用于完成网站的管理。现分别介绍如下：网页：对页面进行编辑和预览；文件夹：组织站点中的文件和文件夹；报表：文件和超链接的状态；导航：显示网站的导航结构，对页面进行添加、删除、移动等操作。超链接：显示来自和转向站点中的每一页的超链接，也可以查看从任何网页连入及连出至任何网页的超链接。任务：创建和管理任务；不仅可以组织你的工作任务，还可以跟踪工作细节。编辑窗口：当处于“网页”视图下，使用网页编辑器可以在网页中输入文本，插入组件、多媒体、表格，建立超链接等。编辑器的视图左下方有三个选项卡，代表三种视图方式：普通、HTML和预览。“普通”视图：编辑器默认的是“普通”视图，可以像使用WORD那样排版文字，插入表格、图像及各种元素。“HTML”视图：可以看到编辑器自动生成的HTML代码，也可以直接输入HTML代码。“预览”视图：是用已经安装的网页浏览器来显示网页。如果你的电脑中未安装网页浏览器，就不能切换到“预览”视图方式。使用此视图主要是查看网页的实际效果。8．1．2学习FrontPage2000中常用到的术语网页：是全球广域网上的基本文档，用HTML（超文本标记语言）书写。网页是站点的一部分。可以独立存在。HTML：一个网页包含了HTML标记符，这些标记符是一些嵌入式命令，提供网页的结构、外观和内容等信息。超链接：是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页，但它可以是一幅图片、电子邮件地址、一个文件或一个程序。超链接可以是文本或图片。8．2FrontPage2000的基本操作8．2．1建立站点用鼠标单击“文件/新建/站点”，出现下列对话框：在列表中列出了8种站点原形。（图8-9新建站点对话框）选择“个人站点”原形，再在“指定新站点的位置”输入你想放入站点的盘符和目录，“确定”。从“导航”中可以查看站点的结构。（图8-10站点结构）用鼠标左键单击代表某一页面的方块，方块会变成蓝色，再单击页面的标题，即可输入你的标题。就可以更改“导航”中页面图表的标题。8．2．2编辑文本在“网页”编辑器中，对文本的输入和页面的编辑，与WORD文字处理一样。输入文本双击“导航”上想编辑的页面图标，就可以输入文本。2、设置字体 WORD与WORD一样。3、修饰段落在“网页”编辑器中，要改变段落，首先将光标移动到要进行改变的段落里。用鼠标左键单击“格式/段落”，在对话框中可以设置：对齐、缩进、段落间距。4、插入注释注释只出现在“网页”编辑器的“普通”视图方式下，是自己在设计页面时插入的解释性文本和对自己提示的信息，访问者通过网页浏览器浏览页面时，是看不见其中的注释的。方法：“插入/注释/输入注释/确定”，注释呈紫色，双击该注释，可以对注释进行编辑或修改。5、使用水平线“插入/水平线”8．2．3图片的使用在FrontPage2000中使用图片与WORD一样操作。插入图片单击插入位置，“插入/图片”，选择图片文件，“确定”。设置图片的属性打开一个已经插入有图片的网页，用鼠标右键单击你要调整的图片，将弹出快捷菜单，选择“属性”，可以设置：外观、标签、更改大小、布局等。改变图片效果用“图片”工具，若无“查看/工具栏/图片”就显示“图片”工具。8.2.4创建超链接网页声的超链接一般分为三种：绝对URL的超链接相对URL的超链接。例如你网页上的某一段文字或标题链接到同一网站的其他网页上去。同一网页的超链接：使用书签建立的超链接。确在网页中，一般文字上的超链接都是蓝色，文字下面有一条下划线。鼠标移上去会变成手的形状，单击就链接到相应的网页上。1、建立与编辑超链接（1）建立和编辑页面间的超链接页面间的超链接是在同一个网站内的不同页面之间相互联系的超链接。打开一个页面，进入“网页”编辑器中的“普通”方式下，选择作为超链接的文本，单击工具栏上的“超链接”。URL文本框，可以判断超链接是否链接到指定页面。（2）创建和编辑外部超链接创建和编辑外部超链接与创建和编辑页面间的超链接方法基本相同。在“网页“编辑器”“普通”视图方式下打开一个页面，用鼠标拖选择作为外部超链接的文本，单击工具栏上的“超链接”。2、建立电子邮件超链接创建一个到E-mail地址的超链接。在“网页”编辑器“普通”方式下打开一个页面，在页面上，用鼠标超链接的文本。工具栏“超链接”。创建图片超链接：与文本超链接一样。创建到书签的超链接一般情况下，网页的长度不要超过三个卷动的文本页面。创建书签“插入/书签”清除书签创建一个到书签的超链接：选择文本，单击右键，“超链接”，选择书签名称。检测超链接取消超链接8．3页面布局表格和框架是用于网页布局的常用工具。表格是一种能够有效描述信息的组织方式，使用表格可以很好地控制网页布局。表格单元格可以填入：文本、图形、图像、视频等多媒体信息。每个框架显示一个网页内容。8．3．1在网页布局中使用表格建立表格插入表格，使用“网页”编辑器中“表格”菜单上的“插入”命令。也可以使用工具栏上的“插入表格”按钮。另外，用户还可以把网页中已经输入的文本转换为HTML表格。为了把文本转换为表格，首先要在文本中添加分隔符来把文本分行、分列。2、表格区域的操作与WORD操作一样。3、行与列的插入单元格的拆分和合并单元格和表格属性的设置修改单元格属性：选择一个或多个单元格，单击右键，选择“单元格属性”（图8-20单元格属性对话框）修改表格属性用鼠标单击任一单元格，单击右键盘，选择“表格属性”如下：（图8-21表格属性对话框）6、单元格和表格尺寸的改变改变单元格的宽度：拖边框改变单元格高度：拖上、下边框和中间单元格线。改变改变表格尺寸：“表格属性”8．3．2在网页中使用框架用FrontPage2000中提供的框架模板来创建一个框架式页面，然后对框架页面进行填充或修改框架页面，最后再调整各个框架的整体布局和属性。建立框架网页“文件/新建/网页”，选择“框架网页”标签，按照提示完成。框架的基本操作选择框架窗口：单击要选择的框架；选择所有框：把鼠标移动到框架与框架之间的分隔线上，单鼠标变成黑色的左右箭头后单击左键即可。改变框架的尺寸：同上步，拖动鼠标。拆分框架：按住CTRL拖边框。删除框架：单击框架，单击框架下的“删除框架”。在框架窗口中打开网页：“设置初始网页”—“创建超级链接”—“确定”4、预览框架网页“网页”编辑器对于框架有5种视图方式：普通:是最常用的预览方式。HTML：由于该窗口又包含有多个框架窗口，每个框架窗口中的HTML代码都各自显示在属于自己的框架窗口中，而框架大小、形状将保持不变。框架网页HTML：显示的是整个框架的网页的HTML代码。无框架：和普通视图一样。预览：网页直接以浏览器浏览时的效果显示出来。5、保存框架网页：“文件/保存”8．4表单的使用表单是用来采集用户的输入信息，从而实现与用户交互的表格。例如：可以收集用户个人资料；浏览者的反馈意见等。表单主要由：表单域和说明性的文字组成。表单域是用户输入或选填的特定区域。8．4．1创建表单启动“网页”编辑器，打开一个网页；“文件/新建/网页/常规”，选择模板。8．4．2使用表单域FrontPage2000中提供了9种表单域：表单：“插入/表单”，会出现“提交”按钮和“复原”按钮。单行文本框：只能让用户输入一行文字。“插入/表单/单行文本框”，有提交和复原按钮滚动文本框：输入多行文本复选框：√单选按钮：⊙下拉菜单：按钮：图片：带图片的表单域；标签。8．4．3表单属性的设置主要是为了设置怎样处理表单的结果。可以包结果发送给某个页面、文件系统的文件，也可以把结果发送给某个E-mail地址。右击表单域，选择“表单属性”，进行设置。8．5测试与发布站点8．5．1测试站点主页设计完，并不意味着工作的完成，如果要向全世界发布，必须对站点进行测试。拼写检查拼写检查是发现并纠正网页中出现的英文单词拼写错误。切换到“文件夹”视图下，“工具/拼写检查”，在对话框中选择“整个站点”和“为有拼写错误的网页添加任务”，单击“开始”。使用网页浏览器测试站点测试的目的在于确认文本、图像和声音是否正确，超级链接是否正常达到相应的页面。一般都是使用InternetExplorer和NetscapeCommunicator者两种网页浏览期进行测试。测试无误后可以向全世界发布站点。8．5．2网站的发布站点的发布就是将网页放在网服务器上。网站发布的条件：必须连接上网必须在互联网上拥有一块主页存放空间以保存你的网页。可以放在自己的服务器上，如果是发布个人主页，最好申请免费主页空间。由于某些ISP服务器不支持FrontPage服务器扩展，你最好成绩有一个能上传文件的软件（如cuteFTP,WS-FTP等），它能将你设计好的网页由你的计算机上传到你的ISP所提供的服务器上。使用FrontPage2000发布站点通过ISP发布站点，需将站点复制一个装有FrontPage服务器扩展的ISP服务器上。发布之前，首先必须连接ISP，然后用“发布网站”命令复制到ISP。从FrontPage2000中打