第6章 中文FrontPage 2003.ppt

第6章 中文FrontPage 2003 本章学习目标 掌握网站及网页的创建方法； 了解网站视图的作用； 掌握在网页中文本的添加与编辑方法； 掌握网页中各种多媒体元素的插入与编辑方法； 掌握在网页中插入表格及对表格的编辑方法； 掌握在网页中表单及表单元素的插入方法。 学会框架网页的创建及应用 课时安排 本章内容 6.1 FrontPage 2003概述 6.2 使用FrontPage 2003构建网站 6.3 网站发布与管理 6.1 FrontPage 2003概述 6.1.1 FrontPage 2003的启动和退出 6.1.2 FrontPage 2003的用户界面 6.1.3 FrontPage 2003的基本操作 6.1.1 FrontPage 2003的启动和退出 安装完FrontPage 2003后 通过单击【开始】菜单，鼠标指向“所有程序”，在出现的子菜单中单击【Microsoft Office FrontPage 2003】，即可启动FrontPage 2003， 退出方法与Word 2003相同，如： 单击窗口右上方的【关闭】按钮。 6.1.2 FrontPage 2003的用户界面 FrontPage 2003的用户界面和Microsoft Word非常相似，也包括菜单、工具栏、任务窗格、工作区、状态栏等基本界面元素。其中：工具栏可以包含按钮、菜单或二者的组合，菜单?可显示一列命令，如图6.2所示。图中：①菜单栏、②菜单命令、③工具栏、④工具栏按钮。 6.1.3 FrontPage 2003的基本操作 FrontPage2003与Word的基本操作相似，常用的操作有：创建新网页、打开已存在网页及保存网页、在网页中添加文本、在网页中插入图片、插入其他多媒体元素、使用不同视图设计网页等。 1.创建新网页、打开已存在网页及保存网页 网站是由许多网页组织在一起构成的，单击【文件】菜单，在子菜单中单击【新建】命令，然后在新建窗格中选中“空白网页”，就创建了一个新网页。 打开已经存在网页的操作具体步骤为：单击【文件】菜单，在子菜单中单击【打开】命令，然后选择要打开的网页文件，点击【确定】按钮即可。 保存网页的具体步骤为：单击【文件】菜单，在子菜单中单击【保存】命令，在弹出的“保存”对话框中输入网页的名称，然后点击【确定】。 6.1.3 FrontPage 2003的基本操作 2.在网页中添加文本 在网页中添加文本，可以直接在需要的位置键入文本，也可以复制文本并将其粘贴到网页中，还可以从其他文件导入文本 当文本位于网页上之后，可能需要对它应用样式。应用样式的步骤为：首先，选择一些文本；然后，单击样式框中的“箭头”；最后，从列表中选择一种样式并应用它，如图6.3所示。 6.1.3 FrontPage 2003的基本操作 3.在网页中插入图片 在网页上要插入图片，可单击【插入】菜单，鼠标指向“图片”；再单击【来自文件】，显示“图片”对话框，如图6.4所示；最后，在图片对话框中找到硬盘驱动器上的图片，选中图片后单击【插入】按钮。 6.1.3 FrontPage 2003的基本操作 4.插入其他多媒体元素 除了文字和图片之外，还可以在网页中插入诸如音乐、动画等多媒体元素。单击【插入】菜单，鼠标指向“图片”，然后单击相应的选项进行插入操作，如图6.5所示。 6.1.3 FrontPage 2003的基本操作 5.使用不同视图设计网页 FrontPage2003提供四种网页视图显示方式：设计视图、拆分视图、代码视图和预览视图。当打开或新建网页时，可使用其中的一个。在网页打开后，通过底部的按钮可访问这些视图，如图6.6所示。 6.1.3 FrontPage 2003的基本操作 设计视图 设计视图如图6.7所示。在这个视图，可以直观地设计网页布局、键入文本、插入图片、插入超链接等。在“设计”视图中工作时，FrontPage2003 在后台生成所有的 HTML 代码。 6.1.3 FrontPage 2003的基本操作 拆分视图 拆分视图将视图拆分为两部分：上半部分显示这个网页的 HTML 代码；下半部分显示网页，与设计视图中看到的一样。在拆分视图中，只要处理其中的一半，另一半就会自动更新。 使用拆分视图有以下优点： 设计精确：对有经验的 HTML 设计者，当使用“设计”视图中的特殊功能时，就可以看到生成了哪种 HTML 代码。 灵活方便：如果设计者喜欢在“设计”视图中和 HTML 代码中同时工作，可以在它们之间来回切换，而不必切换视图。 辅导直观：如果对 HTML 感到陌生，拆分视图可显示哪些 HTML 标记可用于某些设计元素。 6.1.3 FrontPage