网页美工设计

来源:百度知道 编辑:UC知道 时间:2024/09/20 20:38:39
在做网页的时候总是遇到电脑屏幕大小不一样导致页面在两台不同的电脑中显示出来的效果相差甚远。不知道大家遇到这个问题如何解决。
如果我把宽度定死在窄小的屏幕里会以滚动条的形式出现虽然不是很好但也可以接受,但是在宽屏幕的机器上就会在右边少一截。如果用百分比虽然不会少一截但在窄屏幕里如果页面元素比较多就会出现自动换行,把整个页面的布局搞的乱七八糟。不知道大家是如何解决这个问题的

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

用 Dreamweaver 就可以轻而易举的设计出会自动弹性调整的网页。要怎么做呢?

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

你要用表格形式来做让每一个布局都为固定的比如:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type&q