在Dreamweaver中巧用框架建立网站

2008-02-23 06:17:31来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

  有时看到一些论坛,左边是每个讨论区的名称,点击任意一个讨论区就能够在右部区域中看见相应讨论区的内容,但是左右部分是单独显示的,比如拖动左边的滚动条不会影响右侧的显示效果。其实这是在页面中利用了框架技术,因此能够把浏览器的显示空间分割为几个部分,每个部分都单独显示网页内容。而且把几个框架结合在一起构成框架集,能够让页面具备更为丰富的效果。

  效果说明

  先建立两个页面,分别为“ myphoto.htm ”、“ mydiary.htm ”。前一个是相册页面,后一个是日记页面。再建立一个含有框架的页面,并添加导航栏。

  创作思想

  打开 Dreamweaver MX 2004 软件新建两个页面,在左边输入导航文字:“网站首页、我的日记、我的相册”,在每个相对应的页面输入相对应的文字,比如网站首页链接的页面内容,就输入“我的网站首页”。再建立一个新页面,单击【布局】中的框架图标,建立左右框架,然后保存页面,在左框架建立网站导航栏,在右框架随便输入文字,接着再次保存页面。

  操作步骤

  ( 1 )打开 Dreamweaver MX 2004 软件新建文档,具体操作如图 3-1 所示。

  提示:也可使用快捷键 Ctrl N 打开【新建文档】对话框。

  ( 2 )保存页面,保存时能够随意配置文档名称,比如输入“ myphoto (我的相册)”,如图 3-2 所示。

  提示:也可使用快捷键 Ctrl S 打开【另存为】对话框。

  ( 3 )用同样的方法新建文档,并保存页面为“ mydiary (我的日记)”。

[1] [2] 下一页


标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: 如何在Dreamweaver中快速定义站点?

下一篇: MicromediaDreamweaverUltraDev安装及使用教程