玩票儿 · 走神儿

网站宣布完成，进入后期的加工、修饰和完善阶段。考虑到近期要休婚假，所以工作积压在了
国庆前后，加之近期领导要求的修改又多，简直忙疯了……很想像猫一样晒着太阳大睡，即使
国庆7天刚刚过完。
 
小有成就的是解决了一些显示效果相关的技术问题，也就是css、js在不同浏览器、显示器显
示效果的兼容性。

开学了，工作是忙碌的，身心是劳累的，但生活是充实快乐的－－因为学习到了新知识并应用于实践，很有成就感。

近来的活儿主要是一部分网页内容的筛选、组织、编辑和页面制作，其中图片展示不在少数。就观察而言，HTML的CSS革命正如卷狂潮般袭来，令人不可抗拒，因此使用CSS控制页面样式势成必然，如何才能在W3C框架下做出漂亮、简洁的效果？如何才能让数量有限的插图和装饰图片印上个人独特的风格烙印？最好的方法就是用CSS配合JS来完成。

以下是本人搜集的一些CSS和JS实现的效果，着力推荐，以供分享哟～

改版个案和图书馆网站发展展望

___________________________________________________________

个案问题

1.背景左右长度不同造成背景缺失

分别给left和right的div设定背景边线，则内容短的一边背景就会缺失；在left和right外层的div里将短边（left）的背景放入（居左），则右边长时保证左边的背景和右边一样，但少又出现少数左边内容长而右边内容短的情况，右边背景缺失，解决办法在left和right外再多套一个无其他多余属性的div，设置右侧的背景就可以了。

2.自动换行问题

可以设置右侧边距，padding-right:40px;来确定div内文字换行的位置。中文字符系统会默认分段，英文字符则以空格为截断标准，有些长串无空格的英文标题会使右边距换行无效。如进行数据库字母索引设置时，系统默认将前26字母和中文愤慨，无端撑大div宽度，造成布局的新问题。解决方法，统一样式在每个字母之后加空格，自动截断就有效了。

3.title属性

数据库排行榜调用了数据库简称，我们利用title属性在鼠标移到简称之上时可以显示全称，学科类别，数据年限等数据库的信息。但是发现有些信息显示不完整。经查是由于后台提交中出现的空格令系统自动截断。解决方法：尽量不要使用空格，应为全称的空格建议 用下划线“_”替代。

展望

网站改来改去，以用为本的方向不变。“网络的软件化，软件的网络化”－－让人看到了网络的发展方向。我们的网站设计就是要向做软件一样－－从UI到功能，从人体工学到使用习惯，每一个原则都是约束指导我们做的更好的准绳。接下来，个人认为网站的重点就是接口，和汇文系统，和邮件推送，和新书荐购，和期刊导航，以及和各个数据库。

笑笑同学认为我们网站还是大有前途的－－归结为资源的网络化，用户的网络化，必须增加服务网络化的砝码。当然服务的网络化并不只是单纯的硬件投入加大。就象以前打比方说“网站像沟通知识和读者的桥梁”，现在看来远远不够，桥是死的，用户不过桥知识无法送达，而我们要思考的应该是“如何将知识送交到用户的手中”，叫“网络快递”更合适而保证服务的根本就在于技术，要通过技术来突破屏障，令所能想到的服务都可以顺利实现－－或许这才是技术服务的根本所在吧。

记得老槐那篇RSS自恋的文章提到在CNKI里用RSS关键词订阅，听竞争情报讲座时就觉得这个大有所用（只是一些网站未必开通此服务），而我们图书馆网站是否可以这些各家数据库的RSS关键词统一到我们这里订阅－－相当于在网站订阅一个关键词，网站有转将这个关键词在所有相关数据库采取了订阅－－那么用户只需动动手指点击订阅，来自各个数据库的他需要的知识就通过我们网站源源不断的定期传发过去。

抛弃表格全面CSS重构网站是为了力求表现和结构相分离，在样式规划和布局中走了不少弯路，

遇到许多问题，归结原因为学艺不精就上阵。奉上前车鉴希望对初学者有帮助。

网站改版工程终于竣工了。

此次改版有几大特点：内容的重组（增减归类），动态调用，

全面CSS重构。改版中处处体现了以用户为中心的设计理念，

如首页的数据库排行榜，多合一的检索窗口等。

CSS网站重构的全流程在阿捷（《网站重构》一书编译）的网站

有完整的套餐，及其丰盛。而我这里谈的是个人的改版体会－－

一些重构过程中出现的问题和总结的小经验。