可使用一品威客账号登录: 登录 立即注册
热搜: 活动 交友 discuz

      上海创意logo设计发现很多人一番辛苦做出来的网页,在全屏状态下浏览一切正常。但在改变浏览窗口大小之后,网页就变得"不堪入目"了,这是个很值得注意的问题。上海创意logo设计对如何避免用Dreamweaver做出来的模板面目全非一、消除任意缩放浏览器窗口对网页的影响,总结了自己的看法。   
      大家应该注意到,在DW中表格属性面板的高宽设定选择上提供了两种不同类型:百分比和像素值。百分比的使用将会产生前面说到的那个毛病。这里所说的百分比是指表格的高或宽设置为上层标记所占区域高或宽的百分比,如在一个表格单元的宽度是600,在它里面嵌入了另外一个表格,表格宽度占表格单元的50%,则这个表格的宽度为300,依此类推,如果在一个表格不是嵌于另一个表格单元中,则其百分比是相对于当时窗口的宽度的。问题的根源还得从网页的布局说起,在DW中,网页内容的定位一般是通过表格来实现的,解决表格的问题也就成功了大半。IE浏览器中,随便改动主页窗口的大小时,表格的内容也随之错位、变形,就是因为表格的百分比也要随着窗口的大小而改变成相应的百分比宽度。自然,解决这个问题的办法就是将表格宽度设置成固定宽度(也就是像素值)。另外如果外层表格已做好固定宽度设置,内层表格也可以适当使用百分比设置。清楚这个原则以后,如果出现类似的问题大家也知道怎么解决。


       如果你的表格宽度设的是百分比,那么使用大于800×600的像素时,网页就会拉宽,这样网页可能会变形。在body中加入leftmargin=0,即bodyleftmargin=0这种情况下,800×600支持的表格宽度为780像素时不会出现滚动条。还有一点要注意的是不能用DW中的层来定位。
       说到了窗口大小就会顺着路子想到分辨率的问题,在800×600分辨率下制作的网页在1024×768分辨率的机器上打开,整个网页就会跑到左边;1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。两种分辨率各做一个吧?做起来费时,看起来也费劲。现在大多数网民都还在用800*600的分辨率,所以我们一般可以以此分辨率为主,要想让网页在1024*768时居中,只要在网页原代码的body后紧加一句center,/body前加一句/center就OK了。不过有几个问题这是要注意一下,第一个就是上面说到的百分比的问题,表格、单元格的宽度单位最好要使用像素单位,而不要用百分比。例如width=770。
      上海创意logo设计曾经也被浏览器窗口对网页的影响的问题所困恼,相信看了上面的总结,希望能对你有一定的帮助


文章转载于  上海淘宝店铺logo设计:http://shop.epweike.com/4124559/art/gbook4024.html




众易居:http://www.zhongyiju360.com/
众易居装修网:http://www.zhongyiju360.com/
家装网:http://www.zhongyiju360.com/
北京儿童摄影:http://www.hjb

使用道具 举报

快速回复
登录后回帖,可以用一品威客账号登录 登录 | 立即注册

一品微博
一品活动
2024线上私享会
2024.3.21,一品威客2024创业领袖线上私享会将火热开播。
新粉福利社
【新粉福利社】新用户最高可领Apple iPad
最新主题热门主题


回顶部
关注
我们
官方微信 官方微博

微信号:epweike
已经有超过10万小伙伴关注了!
更多精彩好玩的活动敬请关注微信公众号

加为关注

微博账号:一品威客网
更多精彩互动尽在一品官方微博
小编期待您的参与