| 网站首页 | 文章中心 | 电子书下载 | 矢量图库 | 视频教程 | 素材下载 | 程序代码下载 | JS代码 | 论坛 | 
龙腾教程网  
常用软件类:
|杀毒安全 |联络聊天 |网络软件 |多媒体类 |系统工具 |图形图像 |系统工具 |应用软件 |行业软件
开发设计类:
|动画制作 |图像处理 |3D设计 |操作系统 |站长学院 |网络相关 |WEB设计 |数据库类 |程序开发
 
  您当前位置:您现在的位置: 龙腾软件教程网 >> 文章中心 >> WEB设计 >> Dreamweaver >> 实列效果 >> 文章正文>>>>>> 
Dreamweaver 8 设计网页框架模板教程

 

   四、在框架中使用超级链接

   在框架式网页中制作超级链接时,一定要设置链接的目标属性,为链接的目标文档指定显示窗口。链接目标较远(其他网站)时,一般放在新窗口,在导航条上创建链接时,一般将目标文档放在另一个框架中显示(当页面较小时)或全屏幕显示(当页面较大时)。

   “目标”下拉菜单中的选项:

   * _blank 放在新窗口中。

   * _parent 放到父框架集或包含该链接的框架窗口中。

   * _self 放在相同窗口中(默认窗口无须指定)。

   * _top 放到整个浏览器窗口并删除所有框架。

   在我们保存有框架名为mainFrame、leftFrame、topFrame的框架后,在目标下拉菜单中,还会出现mainFrame、leftFrame、topFrame选项:

   * mainFrame 放到名为mainFrame的框架中。

   * leftFrame 放到名为leftFrame的框架中。

   * topFrame放到名为topFrame的框架中。

  五、制作框架页面

   1、选择菜单栏>窗口>框架,打开框架面板,选中整个框架集,如下图所示:


  在属性面板中,将行的值设置为100,单位为像素,如下图所示:

Dreamweaver 8 设计网页框架模板教程

 

2、选择菜单栏>窗口>框架,打开框架面板,选中子框架集,如下图所示:


  在属性面板中,将列的值设置为200,单位为像素,如下图所示:

Dreamweaver 8 设计网页框架模板教程

  这样,我们就完成了对整个框架的布局。下面我们来布局各个框架页面。

   3、鼠标在topFrame框架中的空白处点击一下,我们会看见文档窗口上方的文件名变为了07.html。在页面属性中将上、下、左。右边距全部设为0。

   插入一个1行2列的表格,宽度为100%,高度为100px,左单元格宽度为382px并插入背景图片img/103.jpg,设置表格的背景颜色为103.jpg图片右边缘的绿色(用吸管吸取)。

   4、鼠标在leftFrame框架中的空白处点击一下,我们会看见文档窗口上方的文件名变为了08.html,在页面属性中将上、下、左。右边距全部设为0。

   插入一个6行1列 的表格,表格宽度为95%,居中对齐。将第一个单元格的高度设为20px,选中其余单元格将高度设置为50px。分别输入文字设置导航栏目。

  分别对各个导航栏目建立链接关系,链接路径指向要链接到的网页,目标选择mainFrame框架。

   5、鼠标在mainFrame框架中的空白处点击一下,我们会看见文档窗口上方的文件名变为了09.html,在页面属性中将上、下、左。右边距全部设为0。

   自己设置一个欢迎页面。

  至此,我们完成了一个框架网站的制作。

上一页  [1] [2] 


上一篇:
  • 上一篇文章:
  • 下一篇
  • 下一篇文章: 没有了
  • 收藏此文到百度搜藏 百度搜藏| 新浪VIvi| 365key| Younote| 博采中心| 你好BLOG| 亿友网摘| 和讯网摘|
    相关文章    
    Dreamweaver中编写CSS应该学会的技巧
    Nokia WML Studio Dreamweaver轻松制作WAP网
    Dreamweaver制作简单的网页下拉菜单
    Dreamweaver CS3中Spry详细区域的功能
    Dreamweaver CS3中Spry详细区域功能
    dreamweaver mx 制作网站留言本过程全解
    Dreamweaver MX制作各种网页鼠标样式技巧
    Dreamweaver制作自动关闭的网页
    Dreamweaver CS3 新功能介绍
    Dreamweaver定义模板批量制作web网页
     
     
     
    最新文章
    普通文章 Dreamweaver 8 设计网页框架模板最新文章
    普通文章 photoshop创意设计-梦幻的水上城最新文章
    普通文章 Photoshop设计3D商标图案最新文章
    普通文章 掌控Vista从控制面板说起最新文章
    普通文章 家庭组网智能综合布线最新文章
    普通文章 Photoshop绘制金黄的琥珀字体最新文章
    普通文章 卡巴斯基近20种实用技巧放送最新文章
    普通文章 PPLive播放 出现乱码花屏、虚拟内最新文章
    普通文章 3DSMAX制作神话人物-欧罗巴女神最新文章
    普通文章 Photoshop CS3制作GIF图像综述及最新文章
     
    热门文章
  • 没有推荐文章
  •  
     
    设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 

    版权所有2006-2008 龙腾教程网