你的位置:HBcms宏博内容管理系统 建站经验 正文
内容搜索
热门内容
  1. 网站logo在线设计,免..
  2. 域名解析文件hosts文件..
  3. 教你如何做网线接头:..
  4. qq怎么截图?如何在qq..
  5. 雅虎yahoo邮箱smtp和p..
  6. 新注册126邮箱或163邮..
  7. 幻灯片式的网页图片滚..
  8. 做网站怎么赚钱?什么..
  9. com域名和cn域名net域..
  10. Google支付系统(Googl..
推荐内容
  1. 做一个商业网站要多少..
  2. 国外服务器租用(国外..
  3. 深圳做网站的公司!=深..
  4. 网络原创投稿,转载精..
  5. 美国服务器租赁Window..
  6. 699元的美国服务器出租..
  7. 添加友情链接,速度别..
  8. “原始人”卷款潜逃事..
  9. 设置Godaddy支持zend ..
  10. 网页设计中常用的CSS命..
巧用框架
  • 原作者:lsz3241 添加时间:2007-10-17 发表时间:2007-10-17 人气:285
  • 巧用框架


    且说阿蒙那日学会使用表格进行网页排版后,心里高兴的很。前几天见了鸣涧就炫耀自己的网页,不过过了一会儿又说,使用表格进行网页排版的确非常好,也很容易制作出美观大方的网页来,可是有没有更加简单的方法可以制作网页呢?当然有啦,鸣涧诡秘地一笑,嘿嘿,我还留了一手,今儿个心情好,就一并告诉你吧,除了可以使用表格制作网页外,还可以使用框架,这里所说的框架就是可以把浏览器窗口划分为若干个区域,而每个区域可以分别显示不同的网页内容。

    建立框架

    首先打开“Object”面板,单击“Common”下拉菜单,选择“Frames”命令,这里提供了可以制作不同格式框架的命令按钮。单击“Insert Top Frame”按钮,此时整个页面就被分为上下两个部分了。框架上部名称为topFrame,下部为mainFrame。选中topFrame即可选定此框架,还可以对其进行编辑。选中mainFrame,然后单击“Object”对话框中的“Insert Left Frame”按钮,此时即可将下部的框架拆分为左右两部分(如图1)。


    图1

    框架的属性

    首先我们需要制作好4个网页,分别为top.htm、left.htm、1.htm、2.htm,分别作为填充框架的页面。然后选中页面上部的topFrame,打开“属性”面板,如果要修改框架名称,可以在“Framename”中命名,链接此框架页面文件,可以单击“Src”文本框右侧的文件夹按钮(如图2),在打开的对话框中选择“top.htm”后,即可在上面的框架中显示了。框架与内部网页之间有一段空隙,显得很不美观,可以将其去掉。选中上部框架,然后在属性面板中设置“Margin Width”、“Margin Height”值为“0”,可以使用框架刚好容纳内部网页。


    图2

    将鼠标指针放在上下框架的分界线上,当变为上下双箭头时,按下鼠标左键进行拖动,改变框架高度以适应网页页面大小。同样道理,填充其他两个框架。

    右下方属于正文区域,如果网页页面过长,会影响浏览的效果,此时可以为其设置滚动条。选择右下方框架,然后在属性面板中,在Scroll列表中选择“Auto”选项,此时框架就会自动出现滚动条了。设计的效果如图3所示。最后执行“File/Save all Frame”命令,将主框架体保存为frame.htm。


    图3

    框架的链接

    那么如何实现点击左侧框架中的主题,会在右侧的框架中显示呢?这里就来介绍一下框架之间的链接。首先选择左侧框架中需要链接的图片热点,然后打开属性面板,在Link对话框右侧单击文件夹框中选择网页文件2.htm,然后单击“target”列表框,选择要显示此内容的框架名“mainframe”(如图4),此时只要单击左侧链接,即可在右侧打开相应的网页了。使用此方法可以建立多个栏目导航或者文章页面导航选单,而且使用也非常方便。


    图4

    框架的分隔线

    为了使页面更加美观,我们可以将框架的分隔线去掉。首先选取整个框架集,然后在属性面板上,从“Borders”下拉菜单中选择“No”(如图5)。另外,如果将框架体的“Borders”宽度值设置为“No”,也可以取消框架边线。相反,如果在“Borders”下拉菜单中选择“YES”,并设置了框架体的边框宽度“Borders”后,可以恢复框架的边框。


    图5

    充分使用框架,并结合使用表格,可以制作出更加美观的网页页面,阿蒙迫不及待地想试试了,“你小子还真有两下子!”他捶了鸣涧一下,然后不管鸣涧在一边嘟嘟囔囔地抚摩自己受伤的手臂自顾自地修改主页去了……(本文选自《中国电脑教育报》)

  • 点这里复制本页地址发送给您QQ/MSN上的好友
  • 相关文章
  • 相关评论
  • 本文章所属分类:首页 建站经验