网页美工设计

网页制作中html需要注意的问题

编辑：时间：2018-01-18 08:45:02

　　利：减少对服务器的请求数量，进而加快页面加载速度。

　　弊：1)测算每个背景单元的精确位置，很繁琐。

　　2)如果页面背景有少许改动，一般就要改合并的图片。

　　8、marquee标签

　　标签里面是滚动文字的内容

　　9、word-spacing

　　修改字间距。简单地说，课室是任何非空白字符组成地串，并由某种空白符包围。所以象形文字是无法指定字间隔地。除非字之间有空格。因此，这个属性主要是针对英文单词地，要使其对中文起作用，需要在中文之间加空格。肯恩那个设计者认为两词之间没空格就是一个词。

　　10、display:inline-block;的使用方法

　　在桌导航条的时候，一般会用到ul-li结构，大多数时候我们是把li设置为浮动，让其并排显示在同一行。但是如果当行中li的数目不确定，并且又需要导航中的文字在页面中居中显示时，用这种方法就不太方便了，因为每次修改当行中li的数目量或文字时都需要调整ul或者第一个li标签的padding或者margin属性值。

　　还有一种方法就是设置li为“display：inline-block;”这样就可以达到同样的效果，而且无论有几个li标签或者li中的文字如何变化，只要设置ul中的text-align属性的值为center就可以实现ul中的所有文字水平居中显示。

　　IE6、IE7块级元素不识别inline-block，对于行内元素不存在兼容问题。可以用*display：inline;*zoom：1来代替。

　　11、

　　12、网页设计稿中特殊字体的处理

　　网页浏览者在看网页时使用自己电脑上的字库来显示字体的，如果在制作网页时用了特殊的字体，必须保证浏览网页的用户的电脑上也有这样的字库才能看到相同的效果，如果用户的电脑上没有所定义的字体，那么它会自动用系统默认字体来显示，一般中文的默认字体都是宋体。

　　特殊字体只能做成图片。

　　CSS中常用的字体包括：宋体、黑体、微软雅黑、Arial、verdana、serif。

　　13、切图时应该保存成那种图片格式

　　1)JPG不适用于所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。对于写实的摄影图片或是颜色层次非常丰富的图像采用JPG的图片格式保存一般能达到最佳的压缩效果。根据经验，在页面中使用的商品图片、采用人像或者实物素材制作的广告banner等图像更适合采用JPG的图片格式保存。

　　2)对于需要高保真的较复杂的图像，PNG虽然能无损压缩，但图片文件较大，不适合应用在Web页面上。图像上颜色较少，并且主要以纯色或者平滑的渐变色进行填充。或者具备较大亮度差异以及强烈对比的简单图像适合使用PNG格式进行存储。

2/3 首页上一页 1 2 3 下一页尾页

<< 上一篇：网页设计必须注意的一些常见问题

>> 下一篇：网页设计中的排版原则有哪些

推荐资讯