计算机基础知识第7章.pptVIP

第七章 中文网页制作软件FrontPage 2003 第一节 FrontPage 2003的基础知识 第二节 网页的基本操作 第三节 编辑网页 第四节 网页的高级应用 第五节 应用实例——制作动态网页 本章小结 习题七 第一节 FrontPage 2003的基础知识 FrontPage 2003与以前的版本相比，增加了许多新功能，具有个性化的工作环境，界面操作更加方便，功能更加强大。本节主要介绍FrontPage 2003的启动和退出、工作界面以及视图方式。 一、FrontPage 2003的启动和退出 在学习FrontPage 2003其他知识前，首先介绍其启动和退出的方法。 1．启动FrontPage 2003 启动FrontPage 2003主要有以下两种方法： （1）双击桌面上的FrontPage 2003快捷方式图标，即可启动FrontPage 2003。 （2）单击“开始”按钮，然后再在弹出的“开始”下拉菜单中选“所有程序”→“Microsoft Office”→“Microsoft Office FrontPage 2003”命令，即可启动FrontPage 2003。 2．退出FrontPage 2003 退出FrontPage 2003应用程序可采用以下3种方法： （1）选择“文件”→“退出”命令。 （2）单击窗口右上角的“关闭”按钮。 （3）双击窗口左上角的控制按钮。 二、FrontPage 2003的工作界面 选择“开始”→“所有程序”→“Microsoft Office”→“Microsoft Office FrontPage 2003”命令，启动FrontPage 2003后，进入其工作界面，如图7.1.1所示。FrontPage 2003工作界面是一个典型的Windows风格界面，除了具有Office 2003统一 的标题栏、菜单栏、工具栏、状态栏等组成部分外，还具有其特有的组成部分。 1．编辑区 FrontPage 2003工作界面中的最大区域就是编辑区，这里是编辑网页的主要工作区域。在编辑区用户可以通过“所见即所得”的方式进行网页编辑，也可以通过“HTML”模式和“预览”模式分别来编辑和浏览网页的最终效果。 2．网页视图切换区 在编辑区的左下方有一个网页视图切换区，其中包括“设计”、“拆分”、“代码”和“预览” 4个按钮，用来切换FrontPage 2003视图的显示方式。用户可以利用这4种视图方式编辑和 浏览自己的网页。 三、FrontPage 2003的视图方式 FrontPage 2003为用户提供了设计视图、拆分视图、代码视图和预览视图4种视图方式。 1．设计视图 打开网页视图后，默认为设计视图，用户可以在此视图方式下设计和编辑网页。如图7.1.2所示即为在设计视图下编辑的网页。 2．拆分视图 在“网页视图切换区”中单击“拆分”按钮，即可切换到拆分视图中，如图7.1.3所示。拆分视图方式将网页编辑窗口拆分成两部分：上面是HTML程序代码部分；下面是网页的编辑部分。在该视图方式中，用户可以直观地看到自己编写的代码在网页中的效果。 3．代码视图 在“网页视图切换区”中单击“代码”按钮，即可切换到代码视图中，如图7.1.4所示。在该视图方式中，用户可以看到网页的HTML代码，也可以直接输入HTML代码。在状态栏中还可以显示程序代码的行数，使用户在编辑时更加方便。 注意：在FrontPage 2003中，即使是空白网页，也需要用简单的HTML代码来描述它。 4．预览视图 在“网页视图切换区”中单击“预览”按钮，即可切换到预览视图中，如图7.1.5所示。在该视图方式中，用户可以预览网页的实际效果，它和在浏览器中浏览到的网页效果一模一样，还可以检查超链接的目标。在该视图方式中，用户不必保存网页即可看到网页在Web浏览器中显示的情况。 第二节 网页的基本操作 在了解了FrontPage 2003的基本知识之后，下面开始学习FrontPage 2003的基本操作。 一、新建站点 FrontPage 2003提供了两种创建站点的方法，分别是使用模板和使用向导创建站点。用户可根据需要选用不同的模板和向导进行创建，然后再对生成的网页进行修改。 在创建网页之前，首先要新建一个站点。新建站点的具体操作步骤如下： （1）选择“文件”→“新建”命令，打开“新建”任务窗格，如图7.2.1所示。 （2）在该任务窗格中的“新建网站”