31.5　小结

本章主要介绍了游戏主题类网站的主页布局，游戏主题类网站主要由图片组成，对部分细节要做细致处理，如圆角、中国风的边框效果等，其中部分文字需要用CSS控制。对布局中各个步骤做了仔细的讲解，理解了这类主题网站的风格布局和设置模块要点，还要根据不同的浏览器对网页的兼容做出调整。

在布局中，首先将页面分成页面头部、页面中部和页面底部三个部分。头部的效果由一张图片组成，其中包含LOGO，比较难的是中间部分，中间部分呈两块，即左边区域和右边区域，左边区域主要是网站的功能性链接，也是由图片组成，这些图片根据美术切图所定，加上链接是设置各张图片的超级链接。而对右边的设置，是本实例的难点，操作起来比较麻烦，特别是在一个层中设置四个角的布局时，用到绝对定位，而且需在上面加上一个层用来移动显示内容，同时在页面头部的两个柱子上，也用到了定位，把两个柱子与网页头部“接”上。将页脚中的图案设置成一个层的背景X轴循环，然后设置成一个宽度为955像素且居中的页脚，同时，下面的背景图片用到宽为1像素的渐变图片，与上面的图案一样，对X轴重复显示渐变图片就可以看到背景效果。

完成的页面在IE中运行正常，且没有出现CSS的误差，为了在FF浏览器中也能正确显示，本实例在设置移动的标记（marquee）参数时，FF中要加上长度单位才可以移动，若去掉px，在FF下则不移动，请读者注意这些细节。