网页制作：浮雕背景的制作方法.doc

浮雕背景的制作方法

1、 首先在Photoshop中画一个“80*32”大小的矩形，然后选择一种合适的前景颜色进行填充，填充使
　　用快捷键“Alt Delete”。

　　2、 新建一个图层，并将其命名为“白色光”，用矩形选择工具在矩形上端选择出一个横条的区域，用
　　白色进行填充。

　　3、 在任意位置单击已取消选区，然后选择菜单栏的“滤镜-模糊-高斯模糊”命令，给该图添加高斯模糊
　　滤镜，设置半径为“5.0”。

　　4、 单击“OK”按钮确认后，在图层面板中将该“白色光”图层的透明度设置为“90%”。

　　5、 用同样的方法再新建一个图层，并将其命名为“深色影”。用矩形选择工具在矩形下端选择出一个
　　横条的区域，用深色进行填充。

　　6、 在任意位置单击已取消选区，然后选择菜单栏的“滤镜-模糊-高斯模糊”命令，给该图层也添加高斯
　　模糊滤镜，设置半径为“5.0”。

　　 经验之谈：再次添加高斯滤镜时，如果之前没有使用过其他滤镜，可以直接利用快捷键“Ctrl F”，
　　重复运用上一个滤镜效果。

7、单击“OK”按钮确认高斯模糊后，在图层面板将该“深色影”图层的透明度设置为“90%”。
3像素问题及解决办法

　　 当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右侧
　　容器内部，当设定高度后又跑到容器的左侧了，所以对布局精度要求高的话。

　　 上边容器浮动后，下边的容器跟着浮动，造成页面错乱

　　 footer必须要单独占一行，但当sidebar浮动后，content的高度小于sidebar的高度时，footer也跟
　　着浮动到sidebar右侧了，造成页面错乱。解决办法是在maincontent和footer之间插入一个容器，设置
　　样式 clear:both; height:0; font-size: 1px; line-height: 0px;用clear:both清除，即可使页面当
　　子元素浮动且未知高度时，怎么使父容器适应子元素的高度？

　　 这种情况可在父窗口加上 overflow:

　　 auto;zoom:1;这两个样式属性，
　　 overflow:auto;是让父容器来自适应内部容器的高度，
　　 zoom:1;是为了兼容IE6而使用的CSS HACK。zoom:1;通不过W3C的验证，这也是遗憾的一点，
　　 幸好IE支持这种写法，可以专门针对IE来写单独的样式，所以可以把这
　　 个属性写在页面内的中，这样应该可以通过验证了

页面结构(div css)
　　　　DIV CSS是网页美工必须了解和掌握的一门技术现在互联网是属于web2.o的时代，主流的网站都采用DIV CSS结构。
　　　　DIV CSS即是样式和数据分离，利于搜索引擎读懂网站页面，提高网页收录数量，最主要是方便管理和维护网站。
　　 图象区块(Image Maps)
　　　　除AltaVista、Google和Northern Light(现已停止公共搜索服务)明确支持图像区块链接外，其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置Image Map链接。
　　特效链接
　　　　我们经常看到有些网站为导航链接加上了特效，如点击某个项目会展开下层链接等。这些效果一般通过Java Script实现，视觉上非常新颖，但在“蜘蛛”程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页，建议还是牺牲掉一些花哨的东西。
　　FLASH
　　　　虽然FLASH制作的网页视觉效果较好，但搜索引擎对此却不太感冒，个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择，这样即增加了网页的观赏性，又照顾到了搜索引擎的情绪。
　　 加密网页
　　　　除非你不希望搜索引擎检索你的网页，否则不要给你的网页加密。
　　 网页容量
　　　　包括图像在内的网页字节数最好不要超过50K。体型庞大的网页下载速度慢，不仅会让普通访问者等得心急如焚，有时也会使“蜘蛛”程序感到不耐烦。

页面结构(div css)
　　　　DIV CSS是网页美工必须了解和掌握的一门技术，现在互联网是属于web2.o的时代，主流的网站都采用DIV CSS结构。
　　　　DIV CSS即是样式和数据分离，利于搜索引擎读懂网站页面，提高网页收录数量，最主要是方便管理和维护网站。
　　 图象区块(Image Maps)
　　　　除AltaVista、Google和Northern Light(现已停止公共搜索服务)明确支持图像区块链接外，其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时，往往会感到茫然不知所措因此尽量不要设置Image Map链接。
　　特效链接
　　　　我们经常看到有些网站为导航链接加上了特效，如点击某个项目会展开下层链接等。这些效果一般通过Java Script实现，视觉上非常新颖，但在“蜘蛛”程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页，建议还是牺牲掉一些花哨的东西。
　　FLASH
　　　　虽然FLASH制作的网页视觉效果较好，但搜索引擎对此却不太感冒，个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择，这样即增加了网页的观赏性，又照顾到了搜索引擎的情绪。
　　 加密网页
　　　　除非你不希望搜索引擎检索你的网页，否则不要给你的网页加密。
　　 网页容量
　　　　包括图像在内的网页字节数最好不要超过50K。体型庞大的网页下载速度慢，不仅会让普通访问者等得心急如焚，有时也会使“蜘蛛”程序感到不耐烦。
　我们经常看到有些网站为导航链接加上了特效，如点击某个项目会展开下层链接等。这些效果一般通过Java Script实现，视觉上非常新颖，但在“蜘蛛”程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页，建议还是牺牲掉一些花哨的东西。
　　FLASH
　　　　虽然FLASH制作的网页视觉效果较好，但搜索引擎对此却不太感冒，个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择，这样即增加了网页的观赏性，又照顾到了搜索引擎的情绪。
　　 加密网页
　　　　除非你不希望搜索引擎检索你的网页，否则不要给你的网页加密。
　　 网页容量
　　　　包括图像在内的网页字节数最好不要超过50K。体型庞大的网页下载速度慢，不仅会让普通访问者等得心急如焚，有时也会使“蜘蛛”程序感到不耐烦。

页面结构(div css)
　　　　DIV CSS是网页美工必须了解和掌握的一门技术，现在互联网是属于web2.o的时代，主流的网站都采用DIV CSS结构。
　　　　DIV CSS即是样式和数据分离，利于搜索引擎读懂网站页面，提高网页收录数量，最主要是方便管理和维护网站。