网奇CMS - 成熟易用的.NET网站管理系统
旧版官网 | 客服论坛 | 彩虹服务 | 加入收藏 | TEL:400-600-2788

如何让CMS模板更有弹性

  
  有些CMS模板开发者称以下要介绍的这种技巧为 liquid,我在这儿则把这种技巧叫做是 stretchy( 弹性 延伸的技巧)。


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


  具体步骤:


  用工具面版(Object palette)上的按钮开启网页,并且转换到 格式检视( Layout view)


  这时可以看到文字方块的列宽, 每一列的方框上方中间还有一个小小的下拉式箭头 ,选择想要设定 弹性显示的列上方的小箭头


  接着选择「将列设为弹性显示」( Make Column Autostretch)


  (设定自动调整 列宽以一列为限)这时该列方框上方就会出现一条波浪形的线,而不是原本表示列 宽的数字。


  Dreamweaver 会自动制作出固定版面的空格图文件,这个空白图文件是以列上方的两个长条形的空白 表格表示,如此CMS模板会自动被填充,才会完成弹性版面设定。

0 顶一下 打印 阅读:
Dreamweaver教程中最有帮助的文章