推荐：十个常用的Web界面技术

推荐不错的技术文章：10 Useful Web Application Interface Techniques，简单将十个要点翻译如下：

1、按需求提供更多的界面元素，如搜索选项等；

2、定制开发易用的控件；

3、在需要频繁提交的按钮上，禁用已点击按钮状态；

4、在弹出窗口上使用阴影；

5、空出一些区域提供引导帮助信息；

6、设计正在提交/处理按钮状态；

7、登录页面要提供注册的链接；

8、上下文关联导航；

9、突出主要功能，如按钮；

10、嵌入式视频。

英文原文链接：http://www.smashingmagazine.com/2009/01/12/10-useful-web-application-interface-techniques/

标签：UI, 技巧, 技术趋势, 界面设计

关注下HTML 5

看到RWW上分析HTML5的一篇文章，HTML 5还处于草稿阶段，其更趋于接近部分XML可自定义的特性了，提升了很多特性，如页面布局不只有div还有article等标签，更容易开发等等，从目前看，浏览器支持HTML5还没有时间表，但做页面制作和设计的要进行关注了。

HTML 5 :http://dev.w3.org/html5/spec/Overview.html

标签：HTML5

Wordpress 2.7有了官方简体版

周日登录管理后台后，发现我用的汉化版2.7版本提示要升级，就自动升级了下，结果发现升级到了Wordpress官方版本了，Wordpress终于开始重视简体中文市场了。用过Wordpress和Movabletype两个博客平台系统，最终选择了Wordpress，主要原因是Wordpress配置简单，使用起来也方便，而Movabletype在Windows IIS平台下运行的不是很好，总是出现服务器端错误，而且只有重新安装解决。但比起搜索引擎收录来说，MT的确要好于Wordpress。前端时间打算再试下Apache下安装MT，后来还是知难而退了。

标签：MovableType 4, Wordpress

Adobe Flash支持被搜索了

Adobe宣布，将会联合Google、Yahoo等大搜索引擎开始支持以Flash为基础的互动型网页进行索引。这样以Flash建立的网站将也能够获得搜索引擎的关照，就不用过分担心以Flash建站的问题，可能不久后搜索引擎优化又会有新的业务上面了。

参考：

http://www.adobe.com/aboutadobe/pressroom/pressreleases/200806/070108AdobeRichMediaSearch.html

http://googlewebmastercentral.blogspot.com/2008/06/improved-flash-indexing.html

标签：Adobe, Flash, SEO, 网站优化

改版需要注意页面对Google PR值的影响

将网络制造由Movabletype迁移到Wordpress后，发现Google PR值由4降低到了2，当时感觉很奇怪，在由其他系统改为用MT生产静态首页时是没有变化的。因为Wordpress是用伪静态页面来实现php页面在显示时的静态化，实际上主页是index.php，也许是这个差别造成了Google认为主页地址更改，将PR值降低到了2，现在只回到了3。

这是以后改版时需要注意的。

标签：PR, 网站优化

应开始注意IE8的兼容性

IE8 beta1已经提供下载了，今天下载了安装后，测试了凤凰网、新浪、搜狐、网易等网站，除网易和搜狐基本正常外，凤凰和新浪的页面显示都有不同程度的兼容性。微软对IE升级免去正版验证后,IE7的市场份额在不断上升，IE8正式发布后也应会有一定的市场份额，所以应提前检查网站对IE8的兼容性。下图是凤凰和新浪网的截图：

 

 

标签：IE8, 网站优化, 网页设计

解决了Wordpress的固定链接和中文tag问题

放弃MovableType，使用Wordpress迁移网站也遇到了几个颇为不顺的问题，最为难解决的是为了SEO而采用固定链接后的分页显示问题，在Wordpress.org.cn上提问，有个姓张的小子热心的回复了我，给其写了Email，也快速回复了，但因为其采用的是Apache，而我用的是IIS，问题仍未解决。今天下午朋友发现服务器上用的Helicon ISAPI_Rewrite影响了其他网站，造成部分页面无法打开，觉得此组件可能是症结所在，在http://codex.wordpress.org/Using_Permalinks上看到有针对Wordpress的URL rewrite组件，下载安装测试，发现解决了分页显示问题，而且配置非常简单，就去掉了全局的Helicon ISAPI_Rewrite扩展。以后可安心写文章矣！

下面是两个问题的解决方法：

问题1：分类页面本来应该是：http://www.enetmaker.net/category/emarketing/page/2 格式，而现在是：http://www.enetmaker.net/page/2?category_name=emarketing
这个链接点击后是全部文章的第二页，而不是此栏目的第二页。
解决方法：安装 wordpress url rewrite,具体安装方法可参考组件下载后的readme，安装后在后台管理中修改永久链接格式为：/%year%/%monthnum%/%day%/%postname%/，很可惜不支持/%year%/%monthnum%/%day%/%postname%.html的格式，我最喜欢以html结尾，哪怕只是伪静态。

2、中文tag无法正常显示的问题：

解决方法：来自波乐的自言自语：http://www.bolarn.com/index.php/2008/01/26/52

请参照文中说明进行修改即可。对于中文目录、中文链接等都可以一并解决。

标签：SEO, Wordpress, 永久链接

登录页面的规划设计

登录页面是极易被忽视的一个网页，其看似只有用户名、密码和提交三个关键元素，但却是决定用户易用性极为关键的一页，因为很多用户在使用网站服务的时候不是主动去点”注册”链接，而是因为需要登录才注册的。
登录页面规划
比较常见的是在登录页面上，只放置两个输入框、一个提交按钮、忘记密码和新用户注册两个按钮，这样的设计是包含了应该表现的内容，做到了应该做的。如果想要更有”营销力”，就应该再增加对网站的一些核心描述、功能及其对用户来说可获得的益处。所以网站登录页面应该分为两栏，一栏为登录的主要信息，另外一栏则为对网站服务有”吸引力”的推销。
推荐的例子：Yahoo邮箱：http://mail.yahoo.com.cn

设计要素：

• 登录三元素（呵呵，没有这个还算登录页面么）
• LOGO（网站或公司标志）
• 网站宣传语
• 网站主要亮点
• 用户可获得的主要益处
• 特色用户介绍
• 帮助、教程或指引链接
• 快速返回上页

标签：登录页面, 网站优化, 网页优化

SEO文章推荐：使用更好的元描述来改善页面摘要

页面摘要是我们为每个搜索结果显示的简短的文字预览。你的页面摘要的质量直接影响到你的网站被点击（即谷歌带给你的流量）的可能性。我们使用了多种策略选择页面摘要。对你来说，如果你能为每个 URL 写一段信息丰富的元描述，你就可以控制谷歌对你的 URL 的页面摘要的显示。

<META NAME=”Description” CONTENT=”把一段信息丰富的描述放在这里”>

Read more

标签：SEO, 搜索引擎优化, 网站优化

网页设计PK：commandshift3

今天看到一个挺有意思的网站：commandshift3，可以将自己的网页上传后和别人进行PK投票。从评委比较好的页面来看，有很多都比较艺术。而我觉得非常有意思的是评论最差的网站，这些网站对从事网站设计和建设人员来说更有警示意义。http://commandshift3.com/leaderboard/losers

该日志未加标签