建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > 网页设计 > Dreamweaver教程 >

在Dreamweaver中巧用框架建立网站

更新时间:2017-04-12整理编辑:建站学习网阅读:0

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

  效果说明

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

  创作思想

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

  操作步骤

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

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

  ( 2 )保存页面,保存时可以随意设置文件名称,比如输入“ myphoto (我的相册)“,如图 3-2 所示。

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

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

  ( 4 )接着再次新建文件,在页面中创建左右框架设置参数,并在左右框架中输入相应的文字,如图 3-3 所示。

  ( 5 )为了方便操作,先将该页面保存为 3 个不同名称的页面,如图 3-4 所示。

  图 3-4  保存全部页面

  ( 6 )设置页面的链接。首先设置“网站首页“链接,如图 3-5 所示。

  ( 7 )接着是添加“我的日记“超链接,如图 3-6 所示。

  图 3-6  添加超链接( 1 )

  ( 8 )然后再添加“我的相册“超链接,如图 3-7 所示。

  ( 9 )在【文件】菜单中选择保存命令,保存全部页面,完成操作。

  使用框架时,读者务必要理解好框架的构成关系,才能很好地使用和控制框架。

本文网址:https://www.dedexuexi.com/wysj/dw/2788.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
Dreamweaver在表单中插入表格
« 上一篇2017年04月12日
Dreamweaver如何插入有颜色的直线
2017年04月12日下一篇 »
  • Dreamweaver CS5-HTML简介
    0阅读
    1.什么是HTML HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,它规定了自己的语法规则,用来表示比“文本“更丰富的意义,比如图片,表格,链接等。浏览器(IE,FireFox等)软件知道HTML语言的语法,可以用来查看HTML文档。目前互联网上的绝大部...
  • Dreamweaver文档编辑
    0阅读
    快捷键可以提高我们平时的工作效率,今天小编为大家介绍一下dreamweaver中文档编辑快捷键。
  • 色彩模式介绍
    0阅读
    在图象和图形处理软件中,通常都使用了HSB、RGB、Lab及CMYK几种色彩模型,并且具有多种色彩模式,用来反映不同的色彩范围,其中许多模式能用对应的命令相互转换。 (一) HSB模型 基于人类对色
  • Dreamweaver教程:用dw制作图片浏览器
    0阅读
    如图所示,在很多地方我们都看到过这样的图片展示效果 ,通过点击下方的缩略图来展示不同的图片,今天我们就是要来做一下这个效果,其实方法很简单,就是给缩略图添加一个交换图像的
  • DreamweaverMX2004打造留言本详解
    0阅读
    一、IIS(Internet 信息服务)安装配置 这里以Windows Server 2003(以下简称Win2003)为例。因为Win2003是服务器级的操作系统,所以自带有IIS6.0,其它版本的系统可以在添加或删除程序添加/删除Windows组件对
 
QQ在线咨询
×
欢迎您登陆建站学习网
QQ一键登陆 建站学习网账号登录