校本培训2.docVIP

校本培训 网页的创建和编辑 培训时间：2008年4月4日 培训地点：多媒体教室 培训对象：全体教师 主讲人： 周江伟 一、认识中文版FrontPage xp 中文FrontPage xp的窗口界面 执行“开始”→“程序”→“Microsoft Office FrontPage xp”命令，可以启动FrontPage xp。启动之后屏幕上就会出现如图7.1所示的中文FrontPage xp窗口界面。它的窗口是由标题栏、菜单栏、工具栏、编辑区、状态栏和任务窗格等部分组成。 在编辑区的下方有4个标签，这是FrontPage xp为用户编辑网页提供的4种编辑模式：“设计”、“拆分”、“代码”和“预览”。 中文FrontPage xp的视图方式 ① 设计：该方式是系统默认的编辑模式，网页的编辑制作主要是在该方式下进行，其操作界面体现了所见即所得的风格。图7.2所示的是一个人网页在该方式下的效果。 课件展示 ② 拆分：该方式下将编辑窗口拆分成上、下两部分：“代码”和“设计”，用户能够同时访问代码和设计网页 ③ 代码：每个网页对应于一个文件，使用FrontPage xp编辑网页实际上是系统自动生成相应的HTML文件。代码方式下，用户可以查看、编写和编辑HTML代码，如图7.3所示。 课件展示 ④ 预览：进入预览方式后，用户可以查看当前网页在浏览器中的显示效果。尽管设计方式也能显示网页的静态效果，但预览方式可以查看动态效果。 二、网页的创建和编辑 （一）创建网页 1.创建网页 ① 执行“文件” →“新建”命令，在“新建”任务窗格中的“新建网页”选项栏下，根据所需选择要创建的网页。如果要创建空白的网页，单击“空白网页”选项；如果要从FrontPage模板中创建网页，单击“其他网页模板”选项。 ② 在“新建”任务窗格中单击“其他网页模板”选项，打开“网页模板”对话框，在对话框中选择一个模板或向导，再单击“确定”按钮即可。 （二）编辑网页 1.设置字体格式 设置字体的格式时，选中要设置格式的文字，执行“格式” →“字体”命令，打开 “字体”对话框，在该对话框中可以设置字体的各种属性。 2.设置段落格式 设置段落格式时，选中要设置格式的段落，然后执行“格式” →“段落”命令，打开 “段落”对话框。在对话框中用户可以设置对齐方式、缩进、段落间距等属性。 3.设置项目列表 ①选中要创建列表的文本，然后执行“格式” →“项目符号和编号”命令，打开如图7.9（a）所示的“项目符号和编号”对话框。 ②在该对话框的“图片项目符号”选项卡中，选中“使用当前主题中的图片”或“指定图片”单选项，可以设置图片项目符号列表，即将指定的图片显示在条目前。 ③单击“编号”选项卡，切换到“编号”选项，如图7.9（b）所示。在该选项卡中为项目列表选择一种编号方式。 ④单击“确定”按钮即可。 （三）插入对象 1.插入水平线 ①将插入点移到要插入水平线的位置。 ②执行“插入” →“水平线”命令，即在网页中插入一条系统默认的水平线。 ③如果要修改默认的水平线，则选中要修改的水平线后单击鼠标右键，然后从弹出的快捷菜单中选择“水平线属性”命令，或直接用鼠标双击水平线，打开如图7.10所示的“水平线属性”对话框。在此对话框中可以设置水平线的各项属性。 课件展示 2.插入图片 ①将插入点移动到要插入图片的位置。 ②执行“插入” →“图片”→“来自文件”命令，打开“图片”对话框。 ③在该对话框中选择所需的图片文件，单击“插入”按钮。 ④关闭该网页时，FrontPage xp会提示用户保存此插入的图片，打开如图7.11所示的“保存嵌入式文件”对话框。单击“确定”按钮，新插入的图片将以独立的文件形式被默认保存到网页所在的文件夹中。 课件展示 3.插入视频 在网页中插入视频时，首先要将插入点移动到要插入视频的位置，然后执行“插入” →“图片”→“视频”命令，弹出 “视频”对话框，在该对话框中选择要插入的视频文件，单击“打开”按钮即可在网页中插入一个视频文件图标。如果要查看视频，可以单击网页视图编辑区下方的“预览”标签，切换到预览方式。 4（四）插入Web组件 1.网页横幅 必须先在“导航”视图中设置网站的导航结构，然后才能使用网页横幅，否则网页横幅在该网页上不可见。 在“网页”视图中，将插入点放在要添加网页横幅的位置，然后执行“插入” →“网页横幅”命令，弹出如图7.12所示的“网页横幅属性”对话框。如果在该对话框中，单击选中“文本”按钮，将以文本形式显示网页的横幅；如果选中“图片”按钮，将以图片形式显示网页的横幅文本。 课件展示 2.字幕 ①在“网页”视图下，将鼠标移动到要创建字幕的位置。 ②执行“插入” →“Web组件”命令，弹出如图7.13所示的“插入We