网页设计中常见问题
虽然FLASH制作的网页视觉效果较好，但搜索引擎对此却不太感冒，个案表明这一类的网站很难被百度搜索引擎索引。下面介绍网页设计中常见问题，希望对您有所帮助。
框架结构(Frame Sets)
有些搜索引擎(如FAST)是不支持框架结构的，他们的“蜘蛛”程序无法阅读这样的网页。
图象区块(Image Maps)
除AltaVista、Google和Northern Light(现已停止公共搜索服务)明确支持图像区块链接外，其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置Image Map链接。
特效链接
我们经常看到有些网站为导航链接加上了特效，如点击某个项目会展开下层链接等。这些效果一般通过Java Script实现，视觉上非常新颖，但在“蜘蛛”程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页，建议还是牺牲掉一些花哨的东西。
FLASH
虽然FLASH制作的网页视觉效果较好，但搜索引擎对此却不太感冒，个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择，这样即增加了网页的观赏性，又照顾到了搜索引擎的情绪。
动态网页(Dynamic Pages)
任何地址中带“?”号、“&”号(及其他类似符号)的网页都会把“蜘蛛”程序挡在门外。这些网页通常由CGI、PHP、ASP等程序产生，技术上较先进，但不适合搜索引擎的“蜘蛛”程序。虽然目前有的大型搜索引擎(如Google)已具备检索动态网页的能力，但相当一部分数引擎还是不支持它的。而且即使是能够索引动态网页的Google，也在多个场合中明确表示不保证检索全部的动态网页。
因此，除非是超大型网站，为方便起见不得不采用动态网页生成技术，否则还是尽量使用静态网页为好。
加密网页
除非你不希望搜索引擎检索你的网页，否则不要给你的网页加密。
网页容量
包括图像在内的网页字节数最好不要超过50K。体型庞大的网页下载速度慢，不仅会让普通访问者等得心急如焚，有时也会使“蜘蛛”程序感到不耐烦。
独立域名与付费虚拟主机
目前搜索引擎都不愿收录位于免费主页空间上的网站。其理由是，既然你认为自己的网站如此重要，以至于需要登录搜索引擎让天下人都知道，那么你没有理由还将它放在免费服务器上。更何况免费主页通常速度较慢，会影响大家搜索信息的效率。当然凡事都有例外，如果你的网站确实优秀，也有可能被搜索引擎接受，不过在条件相当的情况下，你的排名会永远跟在那些拥有独立域名的网站后面。
网页制作中需要注意的问题
1、CSS文档流
网页元素按照XHTML结构自上而下，从左向右一行一行得布局，叫做CSS文档流。
2、label标签中得for属性
当用户选择label标签时，浏览器回自动将焦点转到和标签相关的表单元素上。
3、zoom:1的作用
一般是为了解决IE6下样式不兼容的问题。
HasLayout是IE渲染引擎的一个内部组成部分。在IE中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了HasLayout的属性，属性值可以为true或false。当一个元素的HasLayout属性值为true时，我们说这个元素有一个布局(layout)。
大部分的IE显示错误，都可以通过激发元素的HasLayout属性来修正。可以通过设置一些CSS属性来激发元素的HasLayout属性，使其“拥有布局”。在IE 6中就可以通过zoom：1来激发元素的HasLayout。
4、CSS Sprites技术利弊
利：减少对服务器的请求数量，进而加快页面加载速度。
弊：1)测算每个背景单元的精确位置，很繁琐。
2)如果页面背景有少许改动，一般就要改合并的图片。
5、marquee标签
标签里面是滚动文字的内容
6、word-spacing
修改字间距。简单地说，课室是任何非空白字符组成地串，并由某种空白符包围。所以象形文字是无法指定字间隔地。除非字之间有空格。因此，这个属性主要是针对英文单词地，要使其对中文起作用，需要在中文之间加空格。肯恩那个设计者认为两词之间没空格就是一个词。
7、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来代替。
8、网页设计稿中特殊字体的处理
网页浏览者在看网页时使用自己电脑上的字库来显示字体的，如果在制作网页时用了特殊的字体，必须保证浏览网页的用户的电脑上也有这样的字库才能看到相同的效果，如果用户的电脑上没有所定义的字体，那么它会自动用系统默认字体来显示，一般中文的默认字体都是宋体。
特殊字体只能做成图片。
CSS中常用的字体包括：宋体、黑体、微软雅黑、Arial、verdana、serif。
9、切图时应该保存成那种图片格式
1)JPG不适用于所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。对于写实的摄影图片或是颜色层次非常丰富的图像采用JPG的图片格式保存一般能达到最佳的压缩效果。根据经验，在页面中使用的商品图片、采用人像或者实物素材制作的广告banner等图像更适合采用JPG的图片格式保存。
2)对于需要高保真的较复杂的图像，PNG虽然能无损压缩，但图片文件较大，不适合应用在Web页面上。图像上颜色较少，并且主要以纯色或者平滑的渐变色进行填充。或者具备较大亮度差异以及强烈对比的简单图像适合使用PNG格式进行存储。
3)PNG8支持1为布尔透明通道，所谓布尔透明值得是要么完全透明要么完全不透明。而PNG24则支持8为的Alpha通道透明，也就是说可以存储从完全透明到完全不透明一共256个层级的透明度。
4)对于小图标或小动画，可以保存成gif格式。
对后台数据进行批处理，也将是一个新的发展契机。
