CSS Tab Designer-css菜单制作工具

Posted by 谢锋 on 一月 28th, 2010

CSS Tab Designer是一款制作css导航菜单的可视化软件工具,该css菜单工具内置了多种不同风格的css菜单样式,只需修改现成样式模版,就能快速生成CSS菜单。CSS Tab Designer创建的CSS菜单兼容各种主流浏览器,无论是系统自带的Internet Explorer,还是Firefox、Opera、Netscape都不会有问题。

CSS Tab Designer操作很简单,主界面采用三列式布局:项目(Items)、样式(Tab Styles)、预览(Preview)依次排开,几乎所有的操作都在主界面中完成,其界面如下图所示:

CSS Tab Designer

选择相应的样式菜单,再添加项目即可生成相应的菜单。然后单击左上方的“生成HTML”就大功告成了。

CSS Tab Designer-css菜单制作工具下载点击下载    

原创文章,转载请注明: 转载自谢锋的博客

本文链接地址:http://www.onlycss.cn/2010/01/css-menu-tool/

网页设计的几个细节

Posted by 谢锋 on 一月 21st, 2010

网站是企业发布信息的平台,是与用户获取信息的重要渠道。所以在网页设计时要非常注意细节方面,增加用户的粘性,有利于用户体验。以下的几个就是网页设计时应注意的细节,以便提高用户体验

一:添加一个箭头的图片是否能够把用户的目光吸引到箭头指向的网站口号上?或者是吸引到下一步按钮。

二:添加一张员工的真实照片是否能够增强用户信任?还是仅仅是因为设计师觉得页面更美观。

三:包含促销信息的旗帜广告在用户来到购物车,以及后面的付款页面是否还要显示?会不会分散用户注意力。

四:电子杂志注册表格仅放在电子杂志说明页面,还是放在所有页面最显眼的位置?广告旗帜、导航和电子杂志注册表格哪个更接近网站目标。

五:免费试用版软件下载前是否要求用户留下姓名和电子邮件地址?下载和收集地址哪个是网站的目标?
六:免费下载文字或图片是否可以放大让用户一打开网页别的什么也没看到时,就不可避免地看到免费下载。

七:很多电子商务网站是使用第三方设计的购物车,在选择购物车程序时,是否允许浏览者登录之前就可以把货物放入购物车,还是需要先留下客户资料?如果需要先留下客户资料,很多人可能就可以放弃了。

八:网站要让用户能看到用户的好处,用数说明产品的效能和好处。

以上这些都是网页设计时的一些细节方面的东西,做好这些细节有利于增加网站的用户体验。

原创文章,转载请注明: 转载自谢锋的博客

本文链接地址:http://www.onlycss.cn/2010/01/web-design-detail/

用户体验之瞬间之美

Posted by 谢锋 on 一月 19th, 2010

现在随着网站爆炸式的增加,网页设计也显得各不相同,有的为了页面上的美观而不惜弄上几个大图片或大flash,导致页面的文件过大,加载过慢,网站的用户体验很差在打开页面之前,用户早已不耐烦而离开页面。

所以说网页的设计不要片面的追求美观,而忽略了网站的用户体验。网页只是为了让用户更好的了解你的产品或服务,所以应该设计的人性化一点。用户来到你的网站,无非就是为了获取他所要的信息,虽然视觉上的美好可以让用户耳目一新,但用户的最终目的不在于此,这无益于捡了芝麻丢了西瓜。

下面的一些瞬间之美可以提高用户体验:

一:第一印象很重要。按照人的习惯,人看东西的视线往往是从左上角到右下角。根据这个,可以将重要的信息放到左上角,以便用户在短时间内获取他所要获取的信息。

二:导航。导航尽量清晰,让用户尽快明白该网站是干什么的,是否能满足我需要的信息。

三:开门见山。官腔与无关的尽量不要太多,用户来你网站不是为了看到一大堆无关的话题。

四:为界面做标记(适当的解释)。可能有些网友不太明白一些专业的术语,如果能够站在这些网友的立场上考虑,在一些必要的地方做解释。

五:视频演示。有些操作、有些步骤可能不但繁琐,而且让人讨厌。但如果你能有个视频来告诉客户怎么样做,可能会有意想不到的收获。

六:高级搜索。这个对于息量小的网站可能不用这个。但是对于信息量大的网站,这个是非常有必要的,这样当用户搜索需要资料时,搜出来的不是一大堆不是自己想要的。

七:注册递进。现在很多的网页注册都采用这种注册递进的形式,一开始注册时往往只需填写几个比较重要的信息如:用户名、密码、邮箱这几个。当注册完成后会有几个步骤让用户慢慢完善资料。当用户仅仅是为了当次获取所需资料,如:下载资料。但是如果用户对于感兴趣的网站,他会经常光顾,他会完善自己的资料。这也是检查活跃用户的标准之一。

八:即时校验ajax。当用户注册时填完所有信息点击提交时,却发现某些方面不符合其要求,用户得重新填写,这会让用户非常的郁闷。所以尽量使用ajax即时校验,当有不符合的要求时,立刻告诉用户,而不是等到用户全部填完才知道。

九:计算字符数。现在的很多个性签名都有字符个数的限制,有时候用户填写这个时往往忘记已填写多少个字符数,而当用户填完提交时,却发现字符数过长,不符合要求。这也会让用户很不爽,为什么要等我做完才告诉我呢?

十:网站尽可能详尽的信息。不要让用户“欲知详情,请联系我们”,很多用户不会联系你,因为网上购物,图的就是方便。

做网站时能考虑到以上的十点,有利于你网站的用户体验

原创文章,转载请注明: 转载自谢锋的博客

本文链接地址:http://www.onlycss.cn/2010/01/user-experience/

css作品1

Posted by 谢锋 on 一月 18th, 2010

这是我的第一个css作品--学院就业指导中心的网站。这个css作品网站完全用div+css布局,中间还用到一些js来实现相应的效果。这个作品的完成还有多谢我们团队中的陈永同(牛人)的帮助,凭我一个人的能力是完不成的。

欢迎各位提出批评与建议!点击查看效果

我的2009

Posted by 谢锋 on 一月 16th, 2010

刀郎有一首叫“2002年的第一场雪”,我的这篇文章叫“我的2009”。

2009年这一年还没来的及享受就已匆匆离去,来的快,去的也快,就像《赢在中国》的主持人王利芬所说的“我们还没来的及享受胜利的果实,又要迎接残酷的竞争”。又像马云所说的“冬天并不可怕!可怕的是我们没有准备!可怕的是我们不知道它有多长,多寒冷!机会面前人人平等,而灾难面前更是人人平等!谁的准备越充分,谁就越有机会生存下去。强烈的生存欲望和对未来的信心,加上充分的思想和物质准备是过冬的重要保障。”

记得之前不知道在哪里看到这样一句话“今天多丢脸就是为了明天少丢脸!”。确实是这样,我们今天尽量不丢脸,可能明天会丢更多的脸,今天丢脸就是为了明天少丢脸或是不丢脸!我就是丢脸丢的不够的一个活生生的例子,马云说过“今天很残酷,明天更残酷,后天很美好,但绝大多数人都死在明天晚上,看不见后天的太阳。”在竞争残酷现代社会,竞争是一种游戏,马化腾的策略用得很好,这就是竞争的味道,竞争让你永远保持高度警惕。社会即江湖,要笑傲其间,必须有眼光,有胸怀,只有这样,才可能在种种传言和误解面前,依然豪气满怀,仰天长笑;真正的傲,建立在有实力、有魄力的基础上,只有这样,才可能在人云亦云的时候保持清醒的头脑,才可在骂声中依然坚持自己的方向,傲视同侪。

所谓的坚持就是死撑!前几天都在考试,因为平时没有好好上课的原因,所以复习起来很吃力,特别是为了今天两科的考试,我昨晚还通了个宵,一直死撑到今天下午考完试为止。有时候死扛下去总是会有机会的,你不死扛就一点也没有。有时候自己晚上想想千条路,早上醒来走原路。

之前有一个同班的同学问我这一年是否真的读了一百多本书,我不知道她是怎么知道的?不过如果你看了很多书,最好别告诉别人,告诉别人别人就会不断考你。上大学就像我们的加油站,不要到了加油站,就停下来不走,还得走,继续走。所以我必须通过阅读各样各样的书籍来不断的充电、不断的增强自己的实力,这样当机会来临的时候,才不至于与机会擦肩而过。当肚里的墨水不够时,就算有一大堆机会摆在的面前,机会同样也不会关照自己。在很多时候,发令枪一响,你是没时间看你的对手是怎么跑的。所以只有修练内功,等待机会,机会一到,便会成功!

这学期过的比较平淡,除了阅读了一定的书籍跟建立自己的独立博客之外,基本没做什么事情。建立博客最主要的目的不是为了自我的证明、不是为自尊的生存,是打造自己在网络上的名片或者是说品牌,同时对自己负责。世界上本来就有路,走的人多了,便自然没有了路。然而,通往罗马的路,却远远不止一条。建立自己名片或品牌的方式有很多,但是作为一个电商专业的学生,不搞几个网站玩玩,太对不起自己,也太不敬业了。

这篇文章是我写日志以来花的时间最长的一篇,文中有很多地方引用了马云经典语录马云是一个对我影响比较深,同时也是我比较喜欢的一个企业家,这个拥有拿破仑一样身材与智慧的浙江人,创造出一个个网络神话。
写这篇文章感觉就像写回亿录一样,算是对我的2009年的一个交待吧!