我叽歪:技术部 6.14 至 6.20工作小结
G项目
G项目虽然变更了一些计划,但是本周依然有重要的进展。需求已经明确,改版策划也已经完成。策划和需求设计新版页面也已经出来。因为周四的UI沙龙,引入了网格化设计这个概念,而且大家都很感兴趣,所以,决定拿G项目来作为新技术的试手。以便下次的UI沙龙来讨论网格设计的时候,能够举出一些例子。
k项目也已经完成,这是和小S进行合作的第一个项目。策划、后期改善我来做,小S则负责设计和代码。上线后手到一致好评。也基本找到了和小S进行工作配合的技巧。相信,以后随着更多专题需要和小S进行配合,我和他的配合会更高效。
UI沙龙
周四UI沙龙,进行的不错,沙龙主要分两个部分,第一部分是命名和命名规范。经过讨论定下了一些规范,如下:
-
静态页面统一使用后缀.htm
-
网站基本的通用目录结构和命名如下:
-
css文件夹(放css文件)
-
js文件夹(放javascript文件)
-
images文件夹(放图片和.swf文件)
-
-
网页中使用的图片命名前缀规范如下:
-
背景图片:bg_
-
临时图片:temp_
-
ico图标:ico_
-
大一些的内容型的图片:pic_
-
按钮图片:btn_
-
logo图片:logo_
-
-
网页常用结构命名如下:
-
wrapper
-
container
-
main
-
sidebar
-
footer
-
解除浮动的div统一class命名为clear
-
-
css的id和calss统一使用驼峰式命名。
更多的细节命名规范,争执较为严重,暂时没定论。
沙龙的第二部分,讲解了css框架,引入了网格化设计这个新的设计理论。大家都很感兴趣,也跃跃欲试的样子。但是,因为在公司还没有哪个项目使用了这套理论进行。所以,具体实施起来有什么问题还没有发现。但是随着G项目会使用这套理论进行设计和制作,所以,我们会继续深入这个新的武器,并希望最终能利用好,从而提高公司UI部整体工作效率。
顺便放出一些沙龙时使用到底资料吧——
-
网格化设计理论:参考《超越CSS》一书,181页。技术部后面书架有此书
-
960Grid框架:http://960.gs/
突发高流量的把握
重点考试当天,将会有巨大的流量,如何利用好这些稍纵即逝的流量。我在周三就开始了思考。因为很多的浏览者只是冲着考试答案来的,所以,很多看完以后就会流失。而我们现在很难利用较短的时间,有什么手段能粘住这些流动的用户。所以,我这次的处理思想是这样的:竟然留不住你,你不会再来,那么,我就留下你的联系方式,然后,我以后主动去找你。所以,这次,我使用了一个已经证明是比较成功的侧边栏图片+文字列表形式,放了一些调查,可以让浏览者留下信息的调查和活动。只要我们有了这些用户信息,以后不愁我们找不到他们。晚上看相关的点击数据和收集到的数据,证明此方案还是比较成功的。无论是点击量还是收集到的数据都很理想。昨天看了c频道的ip和pv。都创造了历史新高。是一件很值得高兴的事情。所以,我在此请求周一例会的时候,能给予项目参与者一定的奖励和鼓励。

