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

【实验目的】 学习框架网页的制作方法，掌握框架网页的构成。 【实验内容】 框架网页的制作, 框架网页的属性。 【实验步骤】 1．创建框架页 操作步骤如下： （1）从工作区右边的“新建任务窗格”中选择“其他网站模板”命令，弹出“新建”对话框，选择“框架网页”选项卡。 （2）在“网页模板”对话框中可选择不同类型的框架模板，选定“垂直拆分”模板后，按【确定】按钮即可创建一个具有框架的网页。 （3）单击各个框架中的【新建网页】按钮，完成空白框架网页的创建。 （4）新创建的框架结构共有2个网页窗口，其中一个位于左边，另一个位于右边。单击【新建网页】按钮，就可以在当前框架网页中输入文字、图片等内容。 （5）框架的保存：选择【文件】→【保存】，出现【另存为】对话框。 ① 保存左边框的网页文件 ② 保存右边框的网页文件 ③保存框架本身网页 项目七 网页设计软件Frontpage 2003 实验五 框架网页 2．框架及框架页的属性 （1）、设置框架的属性 框架有很多属性，例如框架的名称、宽度、高度、边距、滚动条、可调整性、间距等。以框架页为例说明，其具体操作方法如下： 单击要设置属性的框架，然后单击【框架】菜单，再单击【框架属性】菜单项，出现对话框。可以在此对话框中修改框架的属性了。 （2）、框架页的属性 以上是设置每个框架的属性，而修改整个框架页的属性，其具体操作如下： 在【框架属性】对话框中，单击【框架网页】按钮，会出现“网页属性”对话框。 “框架大小”：指框架的宽度与高度的调整。 “框架边距”：指框架之间的边据的宽度与高度的调整。 如果框架不要显示出滚动条时，可单击“显示滚动条”后面的选项“不显示”。 项目七 网页设计软件Frontpage 2003 实验五 框架网页 3．框架页的编辑 在框架页中，当要拆分某一框架时，单击【框架】→【拆分框架】→选择【确定】。当要删除某一框架时，单击【框架】→【删除框架】→选择【确定】。 4．框架页的超链接 在框架页中，当单击左边的超链接时，在右边框中显示该超链接网页的内容。下面将以框架页为例，说明怎样实现框架网页之间的超链接，其操作步骤如下： （1）在左边的框架中选择要设置超链接的图片（或文字）。 （2）单击超链接工具按钮，出现“创建超链接”对话框。这时在对话框的文件列表中选择“new1.htm”。 （3）在对话框右边选择【目标框架】按钮，出现一个对话框。 项目七 网页设计软件Frontpage 2003 实验五 框架网页 【实验目的】 学习超链接的制作方法 掌握超链接的设置技巧 【实验内容】 超链接的制作方法 超链接的设置 【实验步骤】 相对网址的超链接 绝对网址（如）的超链接 同一网页内的超链接 超链接的设置 项目七 网页设计软件Frontpage 2003 实验六 超链接的建立和设置 1．相对网址的超链接 —— 同一网站内的超链接 下面以一个实例来说明，相对网址超链接的效果，其操作步骤如下： （1）创建一个新网站，并在网站内新建几个网页文件：主页“new1.htm”、兴趣“new2.htm”、相册“new3.htm”、喜爱网站“new4.htm”等文件。 （2）打开主页 文件“new1.htm”，输入文字内容，并单击插入图片按钮，从“剪贴画库”→“学院”中插入图片。 （3）选定网页内的文字“兴趣”，单击【超链接】工具按钮，出现“创建超链接”对话框,如图7.14所示，在对话框的文件列表中选择“new2.htm”网页文件。 （4） 与第（3）步操作类似，对文字“相册”、“喜爱网站”分别设置超链接到文件“new3.htm”、“new4.htm”。 （5）为邮箱设置超链接：选定文字“126.com”，单击【超链接】按钮，出现“创建超链接”对话框。然后单击对话框左边栏的【电子邮件地址(M)】 按钮，出现“创建电子邮件超链接”对话框。在文字框内输入邮箱地址（如126.com），连续单击【确定】按钮，就可以创建一个超链接到邮箱地址。 （6）最后保存文件到主页“new1.htm”。 项目七 网页设计软件Frontpage 2003 实验六 超链接的建立和设置 2．绝对网址的超链接 下面通过一个实例来说明，绝对网址超链接的效果，其操作步骤如下： （1）在上例所创建的网站中，