动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 Frontpage2000中文教程:第三章 制作你的第一个主页(3)

作者来源: 
阅读 数 438 人次 , 2006-4-20 9:06:00 

  上一节我们已经学会了如何制作一个普通的网页,这一节我们来学习如何制作使用了框架的网页。
首先我们要知道使用框架的好处。善于使用框架,网页不仅可以使得页面更加,而且还可以使浏览者更加方便的浏览你的网页。那么学习制作使用了框架的网页难不难呢?老实说,其实这一点都不难。运行你的Frontpage2000,我们马上学习如何制作框架网页。
我们新建一个网页,注意这次新建不是点击按钮栏的按钮Frontpage2000中文教程:第三章 制作你的第一个主页(3) 噢,我们点击“文件”菜单的“新建→网页”,在弹出的窗口中选择“框架网页”来新建一个(如图20)。

Frontpage2000中文教程:第三章 制作你的第一个主页(3)

(图20)

Frontpage2000中文教程:第三章 制作你的第一个主页(3)

(图21)

你可以在左边的选择框架样式窗中看到很多种框架的样式,具体选哪种就看你自己了,你喜欢哪种就选哪种:)这里我们选择“目录”样式的框架,选好之后点击确认按钮。这时你看一下打开的新网页是不是合往常新建的不一样了?不要害怕,这就是未编辑前的框架原型(如图21)。
我们点击左边和右边的“新建网页”按钮,这时你会看到出现了中间由一条线分开的两个“编辑区”(如图22)。

Frontpage2000中文教程:第三章 制作你的第一个主页(3)

(图23)

这时我们的框架网页就建好了,接下来就是靠你自己了,看你怎么样编辑它了:)
竟然选择了“目录样式的框架,那么左边的编辑区就肯定是用来做目录的啦。我们在左边的目录依次编辑自己想要的目录,然后在右边编辑其他自己喜欢的内容。这里笔者把编辑好的网页给大家看(如图24),不错吧?

Frontpage2000中文教程:第三章 制作你的第一个主页(3)

(图24)
总体来看,是比较整洁一点了吧?好,我们依次为左边目录栏的目录做好连接。预览一下,肯定会吓你一跳,怎么内容全部都在左边,叫人怎么看啊。哈哈,其实为框架网页做连接是有一点学问的。我们要把左边目录的连接页面在右边显示,在做超级连接的时候应该设置一下。我们先来把一个目录括好,并点击超级连接按纽,在弹出的超级连接窗口中,我们选择“目标框架”(如图25)。

Frontpage2000中文教程:第三章 制作你的第一个主页(3)

(图26)

Frontpage2000中文教程:第三章 制作你的第一个主页(3)

(图27)

Frontpage2000中文教程:第三章 制作你的第一个主页(3)

(图28)

在新弹出的窗口中你可以看到左上角有一个框架预览图,我们用鼠标点击框架预览图的右边框架,使它被选(如图27)。选好之后确认,灾回去预览一下,点击连接之后内容是不是出现在右边的框架了?
当你的框架网页做好以后,现在笔者就要教你该怎么样保存框架网页了。也许你会说保存网页嘛,有什么好讲的!哈哈,其实保存框架网页也是有学问的:)做好框架网页之后我们点击保存按纽,这时Frontpage2000会弹出一系列的保存框,保存一个框架网页是需要保存几个页面的。我们依次把它们保存,但是你要注意当保存设置框右边的预览框的框架预览出现为图28的这个时,我们就要把它命名为“index”,因为它是主页,它包含了两个网页。
大家要注意框架网页保存好之后就不能重新改他们的名字了,不然就会无法浏览了。
好了,框架网页就学到这里。有些读者可能埋怨笔者讲解的不详细,哈哈,但是笔者要讲的就是这些,其他都没什么重要的。怎么样搭配框架网页并把它制作好,关键还是在于你自己啊,可不要老埋怨我。
到现在为止,你该知道怎么样使用Frontpage2000做网页了吧?!你有没有想过在网页上耍一些花招?想学吗?哈哈,赶快看下一章的教程吧。

要点:
1善于使用框架网页制作独特的网页风格。
2掌握好框架网页的超级连接技巧。
3使用表格配合框架网页。   
 本文Tagsfrontpage  
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:Frontpage2000中文教程:第四章 Frontpage2000也疯狂(1)
· 下一篇:Frontpage2000中文教程:第三章 制作你的第一个主页(2)
· DHTML编写经得起考验的可移植代码
· Dreamweaver MX进阶教程(二十)使用一象素透明图像固定单元格宽度
· 建站全攻略(6)
· 自制王码五笔字型输入法安装包
· 细谈网页、网站优化 [3]


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077