大学计算机文化基础第7章 FrontPage2003.ppt

第7章 FrontPage2003 7.1 概述 7.2 图像与超级链接 7.3 表格、表单与框架 7.4 创建本地站点 7.1 概述(1) 7.1.1 FrontPage2003的界面 FrontPage2003的界面分成菜单栏、工具栏、视图栏和主编辑区等几大部分。 7.1 概述(2) 7.1.1 FrontPage2003的界面 1．菜单栏 菜单栏包括“文件”、 “编辑”、“视图”、“插入”、 “格式”、 “工具”、 “表格”、“数据”、“框架”、“窗口”、 “帮助” 等11个菜单，为用户提供了网页编辑和管理网站功能。 2．工具栏 工具栏提供了各种常用工具按钮和各种排版用的格式按钮，它们的功能与 Word 的工具栏基本相同。 7.1 概述(3) 7.1.1 FrontPage2003的界面 3．视图栏 视图栏包括 “文件夹”、 “远程网站”、 “报表”、 “导航”、“超链接”、“任务”共六种视图方式图标，单击图标可以切换到相应的视图方式，在主编辑区显示不同的内容。 4．主编辑区 主编辑区是用户用的最多的区域，在不同的视图方式下显示的内容不同。在编辑网页时，编辑区的左下方有4个选项卡用于选择网页的显示方式，它们分别是“设计”、“拆分”、“代码”和“预览”。 7.1 概述(4) 7.1.2 创建网页 1．创建一个新网页 使用菜单“文件”→“新建”，就会在编辑区右侧出现“新建”菜单。选择“由一个网页组成的网站”，弹出 “网站模板”对话框。 7.1 概述(5) 7.1.2 创建网页 2．打开网页 使用菜单“文件”→“打开”，或在工具栏上选择“打开”按钮。 弹出“打开文件”对话框。 7.1 概述(6) 7.1.2 创建网页 3．保存网页 （1）对新建网页文件，使用菜单“文件”→“保存”，弹出“另存为”对话框。 （2）输入新的文件名，新建文件时默认为new_page_1。 （3）选择文件保存位置。 （4）选择保存类型，一般为web页。 （5）按“保存”按钮，即可完成文件保存任务。 4．关闭网页 使用菜单 “文件” → “关闭”，可关闭正在编辑的网页。关闭网页时，如果网页已经修改过，会出现提示保存对话框。 7.1 概述(7) 7.1.3 查看、编辑源代码 FrontPage2003有直接显示网页HTML源代码的功能，在编辑网页状态，单击编辑区的左下方的 “代码”选项卡可直接查看HTML源代码 。 在代码窗口中可以看到，不同的源代码用不同的颜色显示，HTML 的标记或属性名用蓝色显示，各种属性值和正文文字用黑色显示。在代码窗口中可以直接对 HTML源代码进行编辑。 7.1 概述(8) 7.1.4 预览所编辑的网页 1．在FrontPage2003中预览网页 单击主编辑区左下方的“预览”选项卡，可以对编辑的网页进行预览。在 FrontPage2003中进行预览，看到的是网页发布后的大致情况，不一定是网页在浏览器中浏览时的真实情形。 2．在浏览器中预览网页 FrontPage2003可以直接打开浏览器预览所编辑的网页。 7.2 图像与超级链接(1) 7.2.1 在网页中插入图像 1. 在网页中插入图像 把光标移到要插入图像的位置。使用菜单“插入”→“图片”→“来自文件”可插入外部图像文件。从打开的“图片”对话框中选择要插入的图像文件，单击“插入” 可以把图像插入网页。 7.2 图像与超级链接(2) 7.2.1 在网页中插入图像 2．设置图像的属性 （1） 选中需设置属性的图片，单击鼠标右键打开快捷菜单，选择“图片属性”命令，出现“图像属性”对话框。 （2）对话框中有“外观”、“常规” 和 “视频”3个选项卡，在 “外观” 选项卡中可进行图像布局和大小参数的设置。 7.2 图像与超级链接(3) 7.2.1 在网页中插入图像 3．编辑图像 在FrontPage2003中，可以直接使用“图片