计算机应用基础实验教程（Windows XP+Office 2003）（第二版）李满 项目七 网页设计软件Frontpage 2003

《计算机应用基础实验教程（Windows XP+Office 2003）（第二版）李满 项目七 网页设计软件Frontpage 2003》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、项目七网页设计软件Frontpage2003实验一启动Frontpage2003建立网站和图片收集【实验目的】掌握网站的建立，学会Frontpage2003软件的启动和素材的收集，了解网站的打开和关闭。【实验内容】启动Frontpage2003，创建网站，收集图片。【实验步骤】1．启动Frontpage2003单击任务栏上的【开始】按钮,从【程序】菜单中选择【MicrosoftFrontPage】单击。2．Frontpage2003的界面说明Frontpage2003的界面可以分成“菜单栏”、“

2、工具栏”、“任务窗格”和“主编辑窗口”4大部分。如图7.1所示。①、菜单栏包括【文件】、【编辑】、【视图】、【插入】、【格式】、【工具】、【表格】、【数据】、【框架】、【窗口】、【帮助】等11个菜单。②、单击【查看】→【工具栏】，在出现的下拉菜单中列出了几种不同的工具栏，如果菜单项前面有一个对号“√”，表明在界在上已显示此菜单项。如果再单击一下，将取消这一项的显示。③、任务窗格区中包含各个任务面板，这些面板包括新建、布局表格与布局单元格、单元格格式、主题、层和行为等。单击任务窗格下拉按钮以切换到

3、相应的面板。④、主编辑窗口在编辑网页时，有4种显示方式，即“设计”、“拆分”、“代码”和“预览”。设计显示方式:是最常用的显示方式，一般是在此方式下工作。拆分显示方式:在直接编辑网页的同时查看网页文件的HTML代码时使用，一般是为了实现设计与代码同时使用。代码显示方式:在需要直接编辑或查看网页文件的HTML代码时使用，一般是为了实现某种特殊效果（如在网页中动态显示时间）而经常使用。预览显示方式:在需要预先观察网页的显示效果时使用。当使用管理功能时，主编辑窗口相应地会显示各种任务下的文件或网站信息

4、。项目七网页设计软件Frontpage2003实验一启动Frontpage2003建立网站和图片收集3．新建网页（1）启动Frontpage2003后，在工作区右方的任务窗格中选择【新建网页或网站】任务下的【空白网页】既完成新网页的创建。如图7.2所示。（2）单击【确定】按钮。新建的网站只有一个主页“index.htm”文件，而且该主页是空的，需要对它进行编辑添加内容，同时也可以添加一些网页到该网站中去。项目七网页设计软件Frontpage2003实验一启动Frontpage2003建立网站和图

5、片收集4．关闭网站打开【文件】→【退出】菜单项，则当前网站被关闭。5．打开网页网页内容需要修改或添加时，必须把该网页打开，操作过程如下：打开【文件】→【打开】，出现一个“打开文件”对话框，在对话框的【文件夹】项中输入该网页的存放位置，然后单击【打开】按钮，网站将被重新打开。6．收集图片拷贝图片到新建网站的图片文件夹“images”中。项目七网页设计软件Frontpage2003实验一启动Frontpage2003建立网站和图片收集【实验内容】文字的输入和设置,网页的新建和保存。【实验步骤】上节课

6、已经介绍了如何创建一个Web网站，接下来将着重学习如何使用Frontpage2003来制作网页。本例是一个简单的主页制作，通过这个例子，将学会如何在网站内新建一个网页、设置页面格式、文字输入及字体设定、网页的预览与保存等基本方法。提示：本例先使用FrontPage2003建立一个网站。这样做，是为了网页文件的规范管理，所有网页及图片等文件都将保存到该网站内，本例以第一节所创建的网站为例。项目七网页设计软件Frontpage2003实验二网页文本的基本制作1、创建网页的方法：启动Frontpage

7、2003后，在工作区右方的任务窗格中选择【新建网页或网站】任务下的【空白网页】此时在主编辑窗口中将出现一个空白网页。2．网页属性在空白网页中单击鼠标右键，从弹出的菜单中单击【网页属性】选项，出现网页属性对话框。在这个对话框中我们可以修改网页的多种属性。如图7.3所示。项目七网页设计软件Frontpage2003实验二网页文本的基本制作（1）常规属性设置。在这个对话框中共有5个选项卡。其中，在【常规】选项卡中我们可以修改网页的标题、背景音乐等。①修改网页标题。在对话框【标题】栏内输入“我的主页”。

8、②修改背景音乐。单击【背景音乐】区域的【浏览】按钮，出现对话框，单击【浏览】按钮，在硬盘目录下选择一个Wav声音文件；也可以自己选择其他的声音文件作为背景音乐，缺省状态下背景声音的设置为始终有声音。（2）背景色设置。单击网页属性对话框的【格式】选项卡，就可以设置网页的背景色和图片等。要修改网页的背景色。首先单击对话框中【颜色】区域内的“背景”项下拉选择箭头，并从颜色框中选择一种颜色，然后单击【确定】按钮，这时网页的背景颜色就变成了刚才选择的颜色。（3）设置背景图片。①重新单击鼠标右键，选择【网页