第五章网页设计软件FrontPage.doc

第五章 网页设计软件FrontPage 实验一 FrontPage 2000快速入门 实验目的 通过一个简单的网页实例，了解使用FrontPage 2000制作网页的基本方法。 二、实验内容 1.掌握FrontPage 2000的启动方法，熟悉FrontPage的界面。 2.掌握新建、打开、编辑和保存网页文件的方法。 3.掌握使用浏览器（IE）预览网页的技巧。 4.了解网页编辑的三种工作环境。 三、实验步骤 1.启动FrontPage 2000 步骤：同启动Word 2000方法类似，通过选择“开始/程序/Microsoft FrontPage”命令或双击桌面上的FrontPage 2000快捷方式图标,即可进入FrontPage 2000工作窗口，如图5-1所示。 ( 提示：FrontPage 2000作为Office 2000的家族成员，它的界面和Word、Excel、PowerPoint等界面风格一致。 FrontPage 2000的特色界面元素——视图栏，位于窗口左侧，如图5-1所示，FrontPage 2000提供了６种视图方式用于网站的管理和网页的制作，这六种视图分别是网页视图、文件夹视图、报表视图、导航视图、超链接视图和任务视图，其中只有“网页”视图用于编辑网页，其他５种视图用于管理站点。 2.网页基本操作 步骤１：新建网页 （1）启动FrontPage 2000时，系统自动创建一个名为new_page1.htm的网页文件，如图5-1所示。 （2）选择“常用”工具栏上的“新建网页”按钮，可产生一个名为new_page2.htm的新网页文件，如图5-2所示。 ( 提示：新建网页文件new_page2.htm并不会在任务栏上生成另外一个新任务按钮，这和新建一个Word文档或新建一个Excel工作簿是不同的。 步骤2：编辑网页，效果如图5-3所示。 （1）在FrontPage编辑区输入“大家好，这是第一张网页的制作！”。 （2）选择“插入/图片/剪贴画”命令，弹出“剪贴画库”对话框。 （3）选取“卡通”类别中的“马戏团”图片。 （4）单击弹出菜单中的“插入剪辑”选项，所选择的图片插入到了当前编辑的网页中。 （5）调整图片大小，如图5-3所示。 步骤3：保存网页（将网页保存在D:\myweb文件夹下） （1）选择“文件/另存为”命令，弹出“另存为”对话框。 （2）保存信息设置如下： 保存位置myweb；(D盘的myweb文件夹) 文件名为“first”； 保存类型为“Web”页，如图5-4所示。 ( 提示：注意网页的保存位置D:\myweb，D:\表示保存在D盘下，myweb表示D盘下的一个文件夹。如果原D盘下没有myweb这个文件夹，需要先在D盘下建立后再保存网页。 步骤4：保存网页中的图片 （1）单击“保存”按钮，此时屏幕上自动弹出“保存嵌入式文件”对话框，如图5-5所示。 （2）单击“重命名”按钮，重新命名图片文件名，例如first.wmf。 （3）单击“改变文件夹”按钮设置图片文件的保存位置，保存位置也是D:\myweb。 ( 提示：由于该网页包含一幅图片，在保存文件时，系统会自动弹出“保存嵌入式文件”对话框，询问是否保存该图片。 一定要把网页中要用到的图片保存到相应的位置，否则以后再打开此网页时，会因找不到图片而使图片无法显示，只在图片的位置处显示。 步骤5：关闭网页编辑窗口 选择“文件/关闭”命令。 步骤6：打开网页文件 （1）选择“文件/打开”命令，或单击“常用”工具栏上的打开按钮，弹出“打开文件”对话框。 （2）选择D:\myweb\first.htm文件,单击“打开”按钮，打开刚才建立的first.htm文件，如图5-3所示，可对网页做进一步的编辑。 ( 提示：用步骤6的方法，可以在FrontPage 2000中重新打开、反复修改已生成的网页。 ( 小结：在FrontPage 2000中网页制作的过程为：新建一个网页→在网页中输入文字、插入图片等→保存并关闭网页。下次再要编辑这个网页时，过程为：打开这个网页→在网页中进一步编辑→保存并关闭网页。要熟练掌握文件的新建、打开、保存这些基本操作。 3.使用浏览器浏览网页 使用FrontPage将网页编辑完毕，可通过本机的浏览器软件访问自己编辑的网页，以进一步观察效果。具体操作如下： 方法1： （1）双击桌面上的Internet Explorer（简称IE）快捷方式图标启动本机浏览器。 （2）在地址栏中输入网址，即first.htm网页文件存放的地址D:\myweb\first.htm，如图5-6所示。 （3）此时，浏览器中出现已编辑网页first.htm。 方法2： 选择桌面上“我的电脑”，进入D盘