您现在的位置: 圆点视线 >> 教程 >> 网页设计 >> Dreamweaver教程 >> 文章正文
Dreamweaver网页制作技巧十二招           ★★★
Dreamweaver网页制作技巧十二招
作者:天极网络  文章来源:天极网络  点击数:  更新时间:2007-12-4 17:39:20 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

  以目前的情况来说,Dreamweaver 内建的功能可说是越作越多、越作越丰富、齐备。在这里我要向大家介绍的4.0版本中的一些应用小技巧。

  1. 让网页页面更有弹性

  有些网页开发者称以下要介绍的这种技巧为 liquid,我在这儿则把这种技巧叫做是 stretchy(弹性延伸的技巧)。这是一种技巧,可在访客浏览器窗口大小改变时也随之调整网页页面大小,因此若是窗口过大就不会有空白处、窗口过小边缘就不会跑出上下移动的拉Bar。其实大多数简单的网页会自己随着浏览器窗口大小来调整页面大小,但是若是网页里用到很多不同的框框及表格,网页页面大小就很难自动弹性地调整。通常网页设计者会用混合运用固定栏宽的框框,和 GIF 图档作为间隔, 来设计网页页面,这样一来不论是用 Internet Explorer 或是用,页面大小都会固定而不会跑掉。用 Dreamweaver 4.0 可以轻而易举的设计出会自动弹性调整的网页。要怎么做呢?

  用工具面版(Object palette)上的按钮开启网页,并且转换到 格式检视( Layout view)。这时可以看到文字方块的列宽, 每一列的方框上方中间还有一个小小的下拉式箭头 ,选择想要设定弹性显示的列上方的小箭头,接着选择「将列设为弹性显示」( Make Column Autostretch)。 (设定自动调整列宽以一列为限)这时该列方框上方就会出现一条波浪形的线,而不是原本表示列宽的数字。 Dreamweaver 会自动制作出固定版面的空格图文件,这个空白图文件是以列上方的两个长条形的空白表格表示,如此版面会自动被填充,才会完成弹性版面设定。(在第一次增加空白图文件时会跳出一个对话框问你是否要使用内建图档,为求效果,我建议你让 Dreamweaver 自动产生一个,不然就不用使用空白图文件来填充版面。)

  2. 创造个性化调色盘

  Dreamweaver 4.0 新的 Assets panel(属性控制面板)是一种可以在编辑网站时根据档案型态,例如图片、样板等来管理档案的新工具,当你定义新站台时(选择Site · New Site),所有类型的组件会自动增加到 Asset panel 里的适当表框中。这个加入新的Assets panel属性控制面版里也有颜色框,储存你网站里所用到的所有色彩,包含文字的颜色、背景的颜色,以及连结的颜色等。这是一个为使用者量身定做的网站导向颜色盘。只要激活 Assets panel (先选择 Window · 再选择 Assets),接着选择左方那个小小的色彩滚动条,就可以看到你网站里各式各样的颜色选项。当然你可以将这些颜色拉到某些特定选取的文字中。甚至当你选择某种颜色时,画面上会出现这种颜色的十六进制值的色彩浓淡度,和三色对应码(RGB)。如果想将调色盘工具列缩小一点,甚至可以仅加入某些颜色到调色盘的收藏夹里。只需将选取的颜色反白、选择窗口里一个叫做「添加到我的收藏夹」按钮(最下方靠右的按钮),就完成了。

[1] [2] [3] [4] 下一页

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章: 没有了
  • 最新文章
    相关文章
    十二个Dreamweaver鲜为人知的小秘诀
    如何用 Dreamweaver 批量做web网页
    体验Adobe Dreamweaver CS3新特性
    如何用dreamweaver制作滚动字幕
    解决Deamweaver8中CSS应用无效问题
    用Dreamweaver制作网页中常用的过渡效果
    Dreamweaver8新功能 之 建立XSLT页可视化操
    用DW MX造站内搜索
    Dreamweaver鼠标悬停多变色链接
    Dreamweaver超级技巧(中)
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门