搜索
第6章网页制作软件FrontPage2003本章要点FrontPage的窗口、视图方式、创建站点和网页、创建和管理任务等编辑网页、编辑表格、编辑图像、编辑框架、编辑表单、插入媒体和动态特效维护与发布站点本章难点框架网页的创建编辑动态特效6.1初识FrontPage2003单击“开始”→“所有程序”→MicrosoftOffice→MicrosoftOfficeFrontPage2003命令，启动中文版FrontPage2003，其工作窗口如图所示。中文版FrontPage2003的工作窗口主要由标题栏、菜单栏、工具栏、视图栏、标记栏、工作区和状态栏组成。1．标题栏2．菜单栏3．工具栏4．视图栏视图栏位于窗口的下方，当选择一个网页时，显示“设计”、“拆分”、“代码”、“预览”等视图模式。而当选择网站时，则显示“文件夹”、“远程网站”、“报表”、“导航”、“超链接”、“任务”等视图模式。不同的模式对应着不同的工作方式。5．标记栏标记栏是中文版FrontPage2003新增的窗口元素。当选择了网页中的某个对象时，在该栏中自动显示出相关的HTML标记，如果用户对HTML比较了解的话，还可以直接在该栏中修改HTML标记。6．工作区工作区位于标记栏的下方，它是管理站点、编辑网页的主要场所。用户在视图栏中选择不同的视图模式，则可以使用不同的工作方式。例如，在网页编辑中，选择“设计”视图模式，可以在工作区中直接输入文本或插入对象；而选择“代码”视图模式，则在工作区中只能进行HTML代码的编写。7．状态栏状态栏位于窗口的最底端。用于显示FrontPage2003当前所处的各种状态。用户在单击工具栏中的工具按钮或者打开菜单，并将鼠标指针指向其中的命令时，状态栏中将给出该工具按钮或者菜单命令的功能说明，有时还能够指导用户下一步应该进行的操作。6.2制作网页6.2.1创建站点利用中文版FrontPage2003提供的多种站点模板和向导，可以帮助用户轻松、快速地创建具有个人特色的站点，然后编辑、修改网页，或使用网页模板创建新的网页，最后将创建的站点发布到Internet上。1．使用模板创建站点模板是一站点现成的框架，利用模板，用户可以完成站点框架的构建，并生成相互链接、包含常规文本的一系列网页，通过对其中的内容和格式加以修改和充实，即可快速地创建一个站点。6.2.1创建站点中文版FrontPage2003为用户提供了以下三种典型的站点模板：①客户支持站点②个人站点③项目站点下面以创建“个人网站”为例，介绍如何使用模板创建站点。1)单击“文件”→“新建”命令，弹出“新建”任务窗格，在“新建网站”选项区中单击“其他网站模板”超链接。2)在弹出的“网站模板”对话框的“常规”选项卡中选择“个人网站”模板，并在“选项”选项区中指定新网站的位置。3)单击“确定”按钮，使用模板创建的个人站点即完成。6.2.1创建站点2．使用向导创建站点一个站点由多个向导对话框组成，用户只需在对话框内回答与创建站点有关的一系列问题，就可逐步完成新站点的创建操作。中文版FrontPage2003为用户提供了以下三种类型的站点向导：①公司展示向导利用该向导可以建立公司或企业的站点，用户可以设置新闻、产品、服务、内容目录、意见反馈、搜索表单等内容，从而对公司机构的概况、任务、联系信息等内容进行描述。②讨论网站向导该向导可以帮助用户建立一个交互式的讨论网站，浏览者可以在讨论组内就某个专题发表个人的看法，也可以查阅、浏览其他人提交的文章。③数据库界面向导利用该向导创建的站点可连接到数据库，以便对数据库进行查看、更新、添加或删除记录等操作。6.2.2站点基本操作1．打开站点对已有站点进行编辑、修改时，首先需要打开站点。2．添加网页在创建的站点内随时可以添加网页，以充实站点的内容，满足个人的要求。添加网页的方式与当前站点的视图模式有关，在“网页”视图模式下，可使用“向导”或“模板”创建新网页，在“文件夹”视图模式下只能创建空白网页。6.2.2站点基本操作3．修改站点站点创建以后，为了使它更符合用户的要求，应该对站点进行修改。主要包括以下几个方面：①对站点重命名站点的名称是指向站点服务器或文件系统的目录名，站点的名称最好能够与站点的内容相吻合，并且要简洁、客观，这样网络浏览者看到站点的名称时，就能够猜出站点的大致内容，体会出站点设计人员的责任感，有利于增强站点的吸引力。不仅可以对站点使用英文名称，同时也可以使用中文名称。②修改站点的结构为了使站点的结构更加美观和实用，用户可以对站点的结构进行适当的修改。在“导航”视图模式下用鼠标拖动网页到适当的位置，即可改变站点的结构。6.2.2站点基本操作4．删除站点打开准备删除的网站之后，即可对它进行删除操作。这种删除操作具有永久性的特点，已删除的内容很难再恢复，因此用户需慎重对待。删除一个文件夹或网页文件的操作方法为：选中要删除的文件夹或网页文件，单击“编辑”菜单中的“删除”命令，弹出“确认删除”对话框，单击“是”按钮即可删除所选文件夹或网页文件。若要删除整个站点，可先选中该站点，再单击“编辑”菜单中的“删除”命令，或用鼠标右键单击该站点，在弹出的快捷菜单中选择“删除”选项，然后在弹出的“确认删除”对话框中单击“是”按钮。6.2.3网页基本操作1．创建网页在站点中创建新网页有多种方法，最简单的方法是直接单击“常用”工具栏中“新建”按钮旁边的下拉按钮，在弹出的菜单中选择“网页”选项；使用“新建”任务窗格创建网页则有更多的选择。使用FrontPage2003提供的模板，可以快速地创建已经具有一定格式的网页。使用向导可以交互式地创建一些具有特殊功能的网页。6.2.3网页基本操作2．修改网页属性网页属性是有关网页的参数，包括网页的标题、位置、背景音乐等，它显示了网页的特征，可通过修改网页的属性来满足用户的要求。步骤如下：1)单击“文件”菜单中的“属性”命令，弹出“网页属性”对话框。2)在“常规”选项卡的“标题”文本框中输入网页的标题，在“基本位置”文本框中输入网页的基本位置，在“背景音乐”选项区中输入音乐文件的位置及文件名，设置打开该网页时自动循环播放音乐的次数；在“格式”选项卡中设置网页的背景和颜色等项目；在“语言”选项卡中设置网页的语言等项目。3)设置完成后，单击“确定”按钮，保存所做的设置即可。6.2.3网页基本操作3．打开网页创建了一个新的网页后，该网页会自动处于打开状态，对已有网页必须先打开，才能对它编辑、修饰。打开网页的方法有很多，最简单的方法就是在网站“文件夹”视图中直接双击要打开的网页文件。例如，要编辑主页，只要双击名为index．htm的文件，就可在FrontPage2003的编辑窗口中编辑此页面了。网页文件默认的编辑器是FrontPage2003，所以双击一个网页文件会自动在FrontPage2003的窗口中打开该网页文件。实际上站点内的图像文件、文本文件、数据库文件等都与特定的编辑器建立着关联，双击这些文件时，会自动在相应的编辑器中打开这些文件。6.2.3网页基本操作4．预览网页FrontPage2003提供了两种预览网页的方式，即“预览”方式和浏览器方式。在FrontPage2003的工作窗口中，单击下面的“预览”按钮，则将编辑器窗口转换成浏览器窗口，将显示实际浏览效果。用户也可以用浏览器预览正在编辑的网页。单击“文件”菜单中的“在浏览器中预览”命令，弹出“在浏览器中预览”子菜单，用户在其中选择合适的浏览器即可。5．保存网页FrontPage2003可以把网页直接保存在本地磁盘或局域网中的某个位置，也可以保存到FTP站点或是一个使用HTTP协议的Web文件夹中，还可以把网页保存为模板或预先处理的HTML文件。6.3框架和组件6.3.1创建框架网页框架是网页中一种非常实用的工具，它可以将浏览器窗口分割成几个不同的小窗口，各个窗口包含不同的网页，并且在替换窗口中的网页文件时不会影响其他窗口中的网页。每个框架不仅可以显示不同的网页，而且都是独立的、可以滚动的网页，都有自己的名称，还可以在同一屏幕上的各窗口之间设置超链接。框架网页通常用于目录、文章列表或其他种类的网页上，单击一个框架内的超链接，会在另一个框架内显示相关网页。使用框架网页，可以将许多网页分层次地、有条理地结合在一起，方便客户快速查找所需的内容。6.3.1创建框架网页一个框架网页实际是由一个框架集(Frameset)构成的，框架集是由各个框架组成的一个集合。操作步骤：1)单击“文件”菜单中的“新建”命令，弹出“新建”任务窗格。2)在“新建网页”选项区中单击“其他网页模板”超链接。3)在弹出的“网页模板”对话框中单击“框架网页”选项卡。4)在“框架网页”列表中选择一种框架。5)单击“确定”按钮。6.3.1创建框架网页在选择了一个框架网页后，用户可以对框架网页中的每个框架进行编辑。创建之初，每个框架都包括两个按钮，即“设置初始网页”按钮和“新建网页”按钮。其中“设置初始网页”按钮用于将所在框架中显示的网页指定为一个已创建的网页，而“新建网页”按钮则为相应框架创建一个新的空白网页。通过上述两个按钮的操作，可以设置框架的链接以及在框架中创建网页。要在新创建的网页中设置当前框架所要显示的网页，可单击“设置初始网页”按钮，打开“插入超链接”对话框，在该对话框中可以设置框架的目标网页。选定文件后单击“确定”按钮返回网页，选择的网页文件就会出现在框架中。6.3.2保存框架网页创建一个框架网页之后，每个框架中的初始页面都要保存为一个htm文件。此外，还需要一个htm文件来记录各框架在网页中的排列方式等总体的结构信息。操作步骤：1)单击“常用”工具栏中的“保存”按钮，弹出“另存为”对话框。该对话框的右边包含一个框架网页结构图，如果网页是新建的，框架结构图中表示该框架的部分就会以深色显示，表示当前正在保存的框架网页。2)在“保存位置”下拉列表框中选择好保存的位置，在“文件名”下拉列表框中输入相应框架的初始网页的文件名。3)单击“保存”按钮，该框架网页即被保存。6.3.3设置框架的属性用户如果要设置框架的属性，可先选中一个框架并在其中单击鼠标右键，在弹出的快捷菜单中选择“框架属性”选项，打开“框架属性”对话框。在“框架属性”对话框中，用户可进行以下设置：1．修改框架名称2．设置框架的滚动条3．调整框架的大小4．调整框架的边距6.3.4插入Web组件中文版FrontPage2003提供了一个强大的组件功能，能在网页中插入丰富的动态效果，让设计的网页更加生动活泼，例如，在网页中插入滚动字幕、交互式按钮、站点计数器和F1ash动画等。1．插入滚动字幕操作步骤：1)打开要插入字幕的网页。2)单击“插入”菜单中的“Web组件”命令，弹出“插入Web组件”对话框，在“组件类型”列表框中选择“动态效果”选项，在“选择一种效果”列表中选择“字幕”选项。3)单击“完成”按钮，弹出“字幕属性”对话框，用户可以在其中设置相关的属性。4)单击“确定”按钮，6.3.4插入Web组件2．插入交互式按钮在网页中插入交互式按钮，对按钮建立超链接，并且在按钮位置插入背景音乐和设置其他效果，可以丰富网页的内容。操作步骤：1)将光标定位于要插入按钮的位置。2)单击“插入”菜单中的“交互式按钮”命令，弹出“交互式按钮”对话框。3)在默认的“按钮”选项卡中，在“按钮”列表框中选择其中的一个选项，并在“文本”文本框中输入文字，在“链接”文本框中输入链接到的网页的地址，用户也可以单击“链接”文本框右边的“浏览”按钮，在弹出的“编辑超链接”对话框中选择相应的网页地址。6.3.4插入Web组件4)在“交互式按钮”对话框中单击“字体”选项卡，在其中将“字体”设置字体、字形和字号等。5)用户还可以根据需要设置其他的选项。6)设置完成后，单击“