计算机应用基础 韩晓红 第7章 网页制作软件FrontPage 2003

《计算机应用基础 韩晓红 第7章 网页制作软件FrontPage 2003》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第7章网页制作软件FrontPage20037.1认识中文版FrontPage20037.2网站的基本操作7.3网页的创建和编辑7.4表格和框架网页7.5网页动态元素7.6设置网页属性7.7网站发布7.1认识中文版FrontPage20037.1.1中文FrontPage2003的窗口界面执行“开始”→“程序”→“MicrosoftOfficeFrontPage2003”命令，可以启动FrontPage2003。启动之后屏幕上就会出现如图7.1所示的中文FrontPage2003窗口界面。它的窗口是由标题栏、菜单栏、工具栏、

2、编辑区、状态栏和任务窗格等部分组成。在编辑区的下方有4个标签，这是FrontPage2003为用户编辑网页提供的4种编辑模式：“设计”、“拆分”、“代码”和“预览”。图7.1中文FrontPage2003窗口界面7.1.2中文FrontPage2003的视图方式1.网页视图设计：该方式是系统默认的编辑模式，网页的编辑制作主要是在该方式下进行，其操作界面体现了所见即所得的风格。图7.2所示的是一个人网页在该方式下的效果。图7.2“设计”视图方式拆分：该方式下将编辑窗口拆分成上、下两部分：“代码”和“设计”，用户能够同时访问代码

3、和设计网页。代码：每个网页对应于一个文件，使用FrontPage2003编辑网页实际上是系统自动生成相应的HTML文件。代码方式下，用户可以查看、编写和编辑HTML代码，如图7.3所示。图7.3“代码”视图方式预览：进入预览方式后，用户可以查看当前网页在浏览器中的显示效果。尽管设计方式也能显示网页的静态效果，但预览方式可以查看动态效果。2．文件夹视图图7.4文件夹视图3.远程网站视图4.报表视图图7.5报表视图5.导航视图6.超链接视图7.任务视图图7.6超链接视图7.2网站的基本操作7.2.1创建新网站下面介绍使用模板及向

4、导来创建网站的具体操作方法：执行“文件”→“新建”命令，在出现的“新建”任务窗格中的“新建网站”选项栏下，单击“其他网站模板”选项，弹出如图7.7所示的“网站模板”对话框。在对话框的“指定新网站的位置”文本框中输入存放新网站文件的文件夹。双击要使用的模板或向导，打开模板或启动向导。在模板向导对话框中进行设置。设置完成后单击“完成”按钮即可。图7.7“新建”任务窗格及“网站模板”对话框7.2.2保存、关闭和打开网站1.保存网站2.关闭网站3.打开网站执行“视图”→“文件夹列表”命令，在窗口中打开文件夹列表，然后在文件夹列表中指

5、向网站，单击右键，在弹出的快捷菜单中选择“删除”命令，打开如图7.8所示的对话框，根据需要选择其中一项，单击“确定”按钮即可。7.2.3删除网站图7.8“确认删除”对话框7.3网页的创建和编辑7.3.1创建网页1.创建网页执行“文件”→“新建”命令，在“新建”任务窗格中的“新建网页”选项栏下，根据所需选择要创建的网页。如果要创建空白的网页，单击“空白网页”选项；如果要从FrontPage模板中创建网页，单击“其他网页模板”选项。在“新建”任务窗格中单击“其他网页模板”选项，打开“网页模板”对话框，在对话框中选择一个模板或向导

6、，再单击“确定”按钮即可。2.保存、关闭和打开网页（1）保存网页（3）打开网页（2）关闭网页1.设置字体格式设置字体的格式时，选中要设置格式的文字，执行“格式”→“字体”命令，打开“字体”对话框，在该对话框中可以设置字体的各种属性。2.设置段落格式设置段落格式时，选中要设置格式的段落，然后执行“格式”→“段落”命令，打开“段落”对话框。在对话框中用户可以设置对齐方式、缩进、段落间距等属性。7.3.2编辑网页3.设置项目列表选中要创建列表的文本，然后执行“格式”→“项目符号和编号”命令，打开如图7.9（a）所示的“项目符号和编

7、号”对话框。在该对话框的“图片项目符号”选项卡中，选中“使用当前主题中的图片”或“指定图片”单选项，可以设置图片项目符号列表，即将指定的图片显示在条目前。单击“编号”选项卡，切换到“编号”选项，如图7.9（b）所示。在该选项卡中为项目列表选择一种编号方式。单击“确定”按钮即可。图7.9“项目符号和编号”对话框1.插入水平线将插入点移到要插入水平线的位置。执行“插入”→“水平线”命令，即在网页中插入一条系统默认的水平线。如果要修改默认的水平线，则选中要修改的水平线后单击鼠标右键，然后从弹出的快捷菜单中选择“水平线属性”命令，或

8、直接用鼠标双击水平线，打开如图7.10所示的“水平线属性”对话框。在此对话框中可以设置水平线的各项属性。7.3.3插入对象图7.10“水平线属性”对话框2.插入图片将插入点移动到要插入图片的位置。执行“插入”→“图片”→“来自文件”命令，打开“图片”对话框。在该对话框中选择所需的图片文件，