上海企蒙网络专业上海做网站上海网络公司上海网站建设上海网站制作、上海网站设计、上海网页改版、上海网站优化服务,专业网站制作技术工程师为您提供网站建设服务...
24小时网站建设咨询热线:021-33820956 | 13818616695   QQ:1571557232 1812077940
上海网站建设、网站制作第一品牌
网页制作最初级问题
发布时间:2011-7-20   
分享到:
1 网页多大没有一个固定的尺寸,通常你要考虑浏览者的显示器分辨率大小,现在主流的显示器为1024*768,其次为800*600(主要是部分上网本和一些老机器),再次是1280*800(宽屏笔记本,比如1.51寸的)。所以设计的时候,通常选用960px宽度的页面,ps中可以以这个为标准,最宽最好不要超过1000px(主流显示器虽然为1024,但一般浏览器都有侧边栏,或软件外框,这个宽度要考虑),最窄最好不要小于600px(这个宽度连那些破机器都能看了)。ps中分辨率设为72最合适,既不失真,也不会让图像文件过大。此外,利用CSS还可以设计自适应的页面布局,就是随着浏览器窗口的缩放,页面内容可以自动缩放以适合窗口,这些都是一些基本的设计技术。lz可以去学习一下。

2 布局方面,不建议使用切片输出的页面。实在是非常糟糕。那个输出我通常是做个效果给客户看的时候用的。真正发布是不可能使用这个页面的。原因有3:
1)缺少DTD文档声明。输出的页面有两种类型(div绝对定位和table布局),这两种格式中,div绝对定位一般只能在ie中有效,因为输出的页面没有DTD文档声明,浏览器就按照各自的理解模型去解释,这就有可能导致不同的布局结果。
2)没有覆盖浏览器的默认样式。每个浏览器都有各自的默认样式,比如body的外边距,img的边框等,如果不覆盖,可能导致不同浏览器下的错位。
3)table布局极容易错位。输出的页面如果是table布局,在没有图片的单元格中,ps会自动填充一个占位图片,用以撑开该单元格。由于每个单元格是运算生成的,所以几乎你每切一个片都要产生很多多余的单元格,这些格子都是用占位图片撑开,结构复杂,完全不符合W3C标准。
因此还是建议自己写布局,使用正确的文档声明,遵守W3C标准,不但有助于开发兼容性高的页面,可以提高SEO(搜索引擎优化)程度,至于一些小的不兼容问题,就要看你的CSS技术水平了

3 关于gif的问题。这是个比较常识性的问题。首先,gif只能显示透明度为100%或0的像素,就是说没有中间的透明度,如果要用比较好的透明度,需要使用png图片。但是png在IE6中是显示错误的,也就是说,如果使用了png,并且带有透明效果,那就准备好将有很多人(70%左右)看到你的网页的这个图片是奇怪的(具体怎么奇怪是可预知的,不过这里不讨论了)。所以还是提倡使用gif。当你需要透明效果的时候,就要考虑两个问题:
1)是不是非用不可?通常要使用透明的地方,都可以“一刀切”,就是把图片周围的图像也切下来,到时候贴过去的时候就融合了,这种方法最直接。
2)非用不可的情况下,考虑透明效果使用的环境。当你选择非用不可的时候,就要考虑比较多的问题。ps输出gif的时候有一个“杂边”选项。这个选项就是你的gif带白边的原因。“杂边”就是考虑gif的局限性,但又不能放弃透明效果的时候用的折中方案。你先要确定透明效果要安放的位置周围的颜色,比如我要在一个白色的背景上显示阴影效果的图片,那就要把要输出的gif切片的“杂边”设置为白色。这样,当你把这个图片放在白色背景上时,它的效果基本上可以和png媲美。当然,你也可以禁用杂边,不过图像的不规则边缘将出现锯齿,非常严重的锯齿。具体技术细节lz还是先学习一下再讨论吧。初学不容易,加油!

企蒙网络竭诚为你提供互联网相关服务 网址:http://www.qinmoo.com
联系电话:13818616695 021-51086945

 

         新闻资讯
联系企蒙网络:
电话:021-33820956
传真:021-33820979
咨询:+(86)13818616695

  姓       名:
  公        司:  
  电        话:  
  QQ/MSN:  
网站建设案例韦克展示服务有限公司
网站建设案例上海凡高工业设计
网站建设案例上海和众广告
首 页     |     策划建站     |     基础服务     |     视觉展厅     |     关于我们     |     付款方式     |     联系我们