终于搞定网页设计作业了~

　　这个学期我选了一门“网页设计”的课，期末的作业是让设计一个网站，内容是介绍“中国传统节日”的。本来我想做一个PHP+MySQL的，但是我的笔记本用Ubuntu在学校的宽带环境下很难联网（需要用Vbox虚拟XP出来共享），不方便搭建服务器测试，XP下面用APMServ又不能很好虚拟出真实的LAMP环境，所以就干脆做静态的吧。

　　话说我真正入门CSS还是在校会培训的时候毓展兄教的，所以这次就开始用CSS来做网页布局。本来我是想先用PS画个大的Web2.0风格的框架，然后切片出来的，但是一直配不好颜色，所以后来就直接借鉴了Rambling Soul设计的一种风格来做。本来想设计成两栏式的（就像About页面的一样），但是感觉这样用在各个节日的版块里面做链接太麻烦，而且显得侧边栏太空。所以后来在各个节日的版块页面里面就直接采用了单栏结构，中间用鼠标悬停切换的效果来实现文章切换。

　　这次做网页除了页面设计上吸取了一些Web2.0风格之外，还主要用了两个特殊效果：一个是顶部导航栏部分的伸缩菜单，一个是中间页面部分的鼠标悬停切换，都是以前找素材的时候见到的。因为前段时间看很多特效都是用jQuery这个脚本来弄，所以特意在网上找了本jQuery脚本的使用手册来啃。话说那个鼠标悬停切换，我以前一直以为是CSS+JS实现的，后来仔细分析了代码，发现就是直接纯(x)Html+CSS来实现的。不过这样也导致了一个页面的内容过多，显示的时候很慢，特别是我上传到我的空间用手机访问时，那个烧流量啊。还好我150M的包月，勉强够用。

　　最后整个站点做下来，还是浏览器显示问题比较大。我是用Dreamweaver CS3来做的整站，做的时候是一边做一边用Chrome看效果的（本人很少用IE内核的浏览器，毕竟Microsoft的浏览器不是很符合W3C标准）。做出来之后用IE内核的浏览器访问总是有问题，显示效果甚至还不如我在手机上用内置浏览器显示的效果好（这里不得不赞一下Nokia的内置浏览器，虽说我从来都是用UCWeb），不过我也不打算专门针对IE改了。╭(╯^╰)╮

　　其实这个作业挺早就布置下来了，但是一直没有机会做。前几天我同学借我的电脑发作业我才突然想起来还有这么个事儿，所以就花了两天时间弄这个，做得不是特别好，不过通过做这个倒是让我对CSS的使用更熟悉了。最近其他的时间用来研究EMLOG的模板结构，希望通过这次的锻炼，能让我在寒假弄个自己的模板出来玩玩。

　　附上参观地址：http://www.candura.us/tradfes

　　再附上一个网页设计时的Readme文档（作业要求的）

使用方法：

1. 在任何操作系统下解压缩后直接用该系统的浏览器访问。
2. 上传到服务器解压缩，在用户电脑（或手机）上网访问。

运行条件：

本站为使用 (x)html+CSS+JavaScript 搭建而成的静态站点，

理论上可以直接运行于各种服务器及带浏览器的非服务器系统。

在Google Chrome、Mozilla Firefox以及Opera浏览器下均能正常浏览，

IE7浏览器对CSS解析存在问题，访问时有些页面显示不正常。

另：本站默认字体为微软雅黑，使用XP或者Ubuntu浏览要先安装相应字体，否则以其他字体代替显示会有显示不正常的现象。

详细浏览器测试：

• Ubuntu+Firefox：正常显示。
• Ubuntu+Chrome：文档页面内容错位。
• Ubuntu+Opera：正常显示。
• Ubuntu+WINE+IE4Linux：JavaScript动画效果无法显示，无CSS效果。
• WinXP+Firefox：正常显示(需要允许JavaScript运行)。
• WinXP+Chrome：正常显示。
• WinXP+Opera：正常显示。
• WinXP+IE(内核)：各节日版块中的“诗词鉴赏”无法显示。
• Symbian60+UCWeb：文字图片全显示，无CSS效果。
• Symbian60+Opera Mini：文字图片全显示，无CSS效果。
• Symbian60+内置浏览器：完美解析浏览，效果比IE还好！就是耗流量。