网站制作培训之让网页页面更有弹性
有些网页开发者称以下要介绍的这种技巧为 liquid,我在这儿则把这种技巧叫做是 stretchy(弹性延伸的技巧)。这是一种技巧,可在访客浏览器>窗口大小改变时也随之调整网页页面大小,因此若是窗口过大就不会有空白处、窗口过小边缘就不会跑出上下移动的拉Bar。其实大多数简单的网页会自己随着浏览器>窗口大小来调整页面大小,但是若是网页里用到很多不同的框框及表格,网页页面大小就很难自动弹性地调整。通常网页设计者会用混合运用固定栏宽的框框,和 GIF 图档作为间隔, 来设计网页页面,这样一来不论是用 Internet Explorer 或是用,页面大小都会固定而不会跑掉。用 Dreamweaver 4.0 可以轻而易举的设计出会自动弹性调整的网页。要怎么做呢?
用工具面版(Object palette)上的按钮开启网页,并且转换到 格式检视( Layout view)。这时可以看到文字方块的列宽, 每一列的方框上方中间还有一个小小的下拉式箭头 ,选择想要设定弹性显示的列上方的小箭头,接着选择「将列设为弹性显示」( Make Column Autostretch)。 (设定自动调整列宽以一列为限)这时该列方框上方就会出现一条波浪形的线,而不是原本表示列宽的数字。 Dreamweaver 会自动制作出固定版面的空格图文件,这个空白图文件是以列上方的两个长条形的空白表格表示,如此版面会自动被填充,才会完成弹性版面设定。(在第一次增加空白图文件时会跳出一个对话框问你是否要使用内建图档,为求效果,我建议你让 Dreamweaver 自动产生一个,不然就不用使用空白图文件来填充版面。)
临沂网站创业项目:临沂网站制作培训
- 网站制作培训之Dreamweaver网页制作秘诀之二
- 网页设计引入CSS样式的五种方式
- 临沂网站制作培训之Dreamweaver编写CSS的技巧
- 图片在显示一定的时间后消失
- 网站制作培训-合理的网页设计所具有的特征
- 网页框架和网页框架集如何工作
- 网站制作培训之webService的远程调试问题
- 网站制作培训之以新窗口的形式打开目标链接
- 网站设计教程之色彩系列教程:基础知识
- 值得收藏的东东 50条网页制作小技巧集锦
- 网页中文字不跟随浏览器字体大小设置而变动?
- 用FireWorks 三帧轻松打造酷 Banner
- 超级漂亮的表格:彩色背景
- 网站制作培训之网页导航设计九大注意事项
- 在页面上实现Google PR值的显示
- 网页特效:滚动条的彩色显示
- 在自己的计算机上安装Discuz!论坛
- 解决img图片下多余空白的CSS代码
- 网页特效:expression将JS、Css结合起来
- 网页特效推荐 可以任意编辑的动态表格