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

《网页制作：浮雕背景的制作方法》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、浮雕背景的制作方法1、首先在Photoshop中画一个“80*32”大小的矩形，然后选择一种合适的前景颜色进行填充，填充使　　用快捷键“AltDelete”。　　　　2、新建一个图层，并将其命名为“白色光”，用矩形选择工具在矩形上端选择出一个横条的区域，用　　白色进行填充。　　　　3、在任意位置单击已取消选区，然后选择菜单栏的“滤镜-模糊-高斯模糊”命令，给该图添加高斯模糊　　滤镜，设置半径为“5.0”。　　　　4、单击“OK”按钮确认后，在图层面板中将该“白色光”图层的透明度设置为“90%”。　　　　5、用同样的方法再新建一个图层，并将其命名为“深色影”。用矩形选择工具在矩形下端

2、选择出一个　　横条的区域，用深色进行填充。　　　　6、在任意位置单击已取消选区，然后选择菜单栏的“滤镜-模糊-高斯模糊”命令，给该图层也添加高斯　　模糊滤镜，设置半径为“5.0”。　　　　经验之谈：再次添加高斯滤镜时，如果之前没有使用过其他滤镜，可以直接利用快捷键“CtrlF”，　　重复运用上一个滤镜效果。7、单击“OK”按钮确认高斯模糊后，在图层面板将该“深色影”图层的透明度设置为“90%”。3像素问题及解决办法　　　　当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的是右侧容器没设置高度时3px在右侧　　容器内部，当设定高度后又跑到容器的左侧了，所以对布局精度要

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

4、om:1;这两个样式属性，　　overflow:auto;是让父容器来自适应内部容器的高度，　　zoom:1;是为了兼容IE6而使用的CSSHACK。zoom:1;通不过W3C的验证，这也是遗憾的一点，　　幸好IE支持这种写法，可以专门针对IE来写单独的样式，所以可以把这　　个属性写在页面内的中，这样应该可以通过验证了页面结构(divcss)　　　　DIVCSS是网页美工必须了解和掌握的一门技术，现在互联网是属于web2.o的时代，主流的网站都采用DIVCSS结构。　　　　DIVCSS即是样式和数据分离，利于搜索引擎读懂网站页面，提高网页收录数量，最主要是方便管理和维护网站。　　图

5、象区块(ImageMaps)　　　　除AltaVista、Google和NorthernLight(现已停止公共搜索服务)明确支持图像区块链接外，其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置ImageMap链接。　　特效链接　　　　我们经常看到有些网站为导航链接加上了特效，如点击某个项目会展开下层链接等。这些效果一般通过JavaScript实现，视觉上非常新颖，但在“蜘蛛”程序的眼里则没那么诱人，相反它无法解读这种链接。为了让搜索引擎顺利检索到你的网页，建议还是牺牲掉一些花哨的东西。　　FLASH　　　　虽然FLASH制作的网页视觉效

6、果较好，但搜索引擎对此却不太感冒，个案表明这一类的网站很难被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH网页两种选择，这样即增加了网页的观赏性，又照顾到了搜索引擎的情绪。　　加密网页　　　　除非你不希望搜索引擎检索你的网页，否则不要给你的网页加密。　　网页容量　　　　包括图像在内的网页字节数最好不要超过50K。体型庞大的网页下载速度慢，不仅会让普通访问者等得心急如焚，有时也会使“蜘蛛”程序感到不耐烦。页面结构(divcss)　　　　DIVCSS是网页美工必须了解和掌握的一门技术，现在互联网是属于web2.o的时代，主流的网站都采用DIVCSS结构。　　　　DIVCSS

7、即是样式和数据分离，利于搜索引擎读懂网站页面，提高网页收录数量，最主要是方便管理和维护网站。　　图象区块(ImageMaps)　　　　除AltaVista、Google和NorthernLight(现已停止公共搜索服务)明确支持图像区块链接外，其他引擎是不支持它的。当“蜘蛛”程序遇到这种结构时，往往会感到茫然不知所措。因此尽量不要设置ImageMap链接。　　特效链接　　　　我们经常看到有些网站为导航链接加上了特效，如点击某个项目会展开下层链接等。这些效果一般通过Ja