My Blog
从05年开始，web2.0的概念风起云涌，那时有了第一个自己的博客。先后用过Xspace、Zblog等博客程序，前台界面画来画去改了很多套风格。不仅如此，还根据自己的癖好修改了不少程序代码，投入的精力就不计其数了。直到现在用上了Wordpress，界面风格模板化，点点链接就可以更换，从此不再想在视觉界面上花功夫了。
历史博客的界面纪念：
第二版（第一版找不到了）：
第三版：
第四版：
第五版就是现在这个了。
与恒生的深圳同事游公园。
呓语年志
旧符换新颜，新年续新篇。得失道不尽，坦然我心间。
通用设计的原则
本文的作者， 一群架构设计师，产品设计师，工程师和环境设计研究人员，一起共同建立了以下一些通用设计的原则以引领广义设计学科，包括环境，产品和交流等。这七项原则可供应用于评估已有的设计， 引导设计过程以及使设计师和消费者都了解更可用的产品和环境的特征。
原则的陈列格式
- 原则的名称 （原则中包涵的关键核心概念的简短声明）
- 原则的定义（原则对于设计的主要指示的简要描述）
- 指导方针 （符合原则的设计应表现的关键元素的列表）
- 图片（应用了原则的图片示例）
通用的设计
对于产品的设计和环境的考虑应该是尽最大可能面向所有的使用者，而不应该为一些特别的情况而作出迁就和特定的和设计。
原则一：公平地使用
对具有不同能力的人，产品的设计应该是可以让所有人都公平使用的。
图例说明：两个顾客，一个是推着购物车而另一个是使用轮椅的，他们都走过一扇开了的自动门。
指导方针：
- 所有用户使用该产品的使用方式应该是相同的：尽可能完全相同，其次求对等。
- 避免隔离或甚至指责任何使用者
- 提供所有使用者同样的私隐权，保障和安全
- 使所有使用者对产品的设计的感兴趣、有使用愉快的感觉
原则二：可以灵活地使用
设计要迎合广泛的个人喜好和能力
图例说明：左手使用的大把手在右边的剪刀，另一对大把手在左边的适用于右手使用。
指导方针：
- 提供多种使用方法以供选择
- 支持惯用右手或左手的处理或使用
- 保证使用的精确性和明确性.
- 能够适应使用者的进步并予之并驾齐驱
原则三：简单而直观
设计出来的使用方法是容易理明白的，而不会受使用者的经验，知识，语言能力及当前的集中程度所影响
图例说明：进口家具的安装说明，仅有图例，没有文字的描述。
指导方针：
- 排除不必要的复杂性
- 要尽量与使用者的期待和直观感觉一致
- 适应一个大范围的语言能力和文化程度
- 将信息按其重要性排列
- 每当完成任务之后提供有效的实时反应和反馈能力
原则四：能感觉到的信息
无论四周的情况或使用者是否有感官上的缺陷，都应该把必要得信息传递给到对使用者
图例说明：一个有视觉障碍的人，在很靠近地操作一个很细辐度的恒温器。该恒温器的刻度不仅用很大的数字来表示、还有可以触碰的指针、和声音提示。
指导方针：
- 使用不同的表达形式（例如：图形化的，语言化的，触觉性的），将必要的信息以多种形式展现出来
- 必要信息和其周围环境应该有明显对比（即，突出必要信息）
- 最大化基本信息的”可读性”
- 把各个元素按照描述的方式分类，从而以更容易得方式给出使用说明
- 提供对不同的技术和装置，从而满足感官上有缺陷的人士的需求
原则五：容错能力
设计应该可以让误操作或意外动作所造成的反面结果或危险的影响减到最少
图例说明：计算机的菜单，指针指向”取消（Undo）”功能。
指导方针：
- 按排好元素，使其减少危险和错误：最常用的组件，应该最容易的可以使用；具有危险性的组件则要除去，隔离或屏蔽掉
- 每当危险或错误出现的时候提供警告字句
- 提供失败安全机制
- 避免在操作中所作出的无意义的动作，尤其要避免具有危险性的动作
原则六：尽可能的减少体力上的付出
设计应该尽可能得让使用者有效地和舒适地使用，而丝毫不费他们的气力
图例说明：一只握拳的手向下按动杠杆门把手来推开一扇门。
指导方针：
- 让使用者保持他们不偏不倚的身体位置
- 采用合理的操作焦点
- 减少重复的动作
- 最小化所承受的体力上的付出
原则七：提供足够的空间和尺寸，使使用者能够接近使用
提供适当的大小和空间，让使用者接近、够到、操作，并且不被其身型、姿势或行动障碍的影响
图例说明：坐在电动轮椅上的妇女经过一个很宽的地铁检票口。
指导方针：
- 为一些重要的组件提供一个无论对坐或站的使用都清晰可见的提示
- 务必使所有的组件都可以被坐或站的使用者都可以接解到
- 对不同大小的手掌和紧握的大小提供不同的适应
- 为使用那些辅助装置或使用这些装置的人提供足够的空间
请注意，通用设计的原则仅仅关注通用的可用的设计，而设计实践包含的并不仅仅是可用性的考虑。设计师必须在他们的设计过程中同样引入其它的注意事项，例如经济，工程，文化，性别以及环境等等。这些原则为设计师提供了更好的整合迎合最多用户需求的特色的指导方针。
Web标准化技术的发展
介绍网站css+html技术发展、图片。增加在恒生电子做的网站资料
图形设计整理：
1. 荒芜年代 1990-1992
1990年，HTML标记的出现。
这标志着Web开发时代的到来，B/S模型开始在之后的岁月中，不断的发展壮大，攻城略地蚕食着传统C/S的领域。
2. 帝国时代和封建诸侯 1993-1996
1993年，NCSA提出了CGI1.0草案。
web开发终于迎来了它的第二次重大飞跃。伴随着CGI，带来web的动态处理能力。CGI就是这个时代的国王。这个国度下的人们编写着一个个CGI程序，把标准输入重定向为http请求，处理请求数据，把标准输入重定向http响应。C语言一度统治了这个世界。
关键字：CGI。
技术特性：实现了客户端和服务端的动态交互，在程序代码写html标记，面向过程的开发方式，应用程序，多进程运行。
C语言的帝国在短暂的辉煌后，迅速灭亡。1994年Rasmus Lerdorf举起PHP大旗打响革命第一战，1995年第一个用Perl写得程序诞生，很快，Perl在CGI编程领域的风头就盖过了它的前辈C语言。随后，Python等著名的脚本语言也陆续加入了CGI编程语言的行列。1996年微软带来了ASP。
关键字：脚本语言。
技术特性：脚本代码和页面显示混合，面向过程，解释程序，线程运行，调试困难。
3. 工业文明 1996-1999
1997年，Sun公司推出Servlet规范。Java阵营终于迎来了自己的web英雄。1998年，JSP技术诞生。Servlet和JSP的组合（还可以加上JavaBean技术）让Java开发者同时拥有了类似CGI程序的集中处理功能和类似PHP的HTML嵌入功能，此外，Java的运行时编译技术也大大提高了Servlet和JSP的执行效率
关键字：servlet，jsp。
技术特性：代码和页面显示混合，线程运行，运行时编译。
1998年， Sun发布了EJB 1.0标准。1999年，Sun正式发布了J2EE的第一个版本。紧接着，遵循J2EE标准，为企业级应用提供支撑平台的各类应用服务软件争先恐后地涌现了出来。（同时2001年微软发布ASP.NET技术）
关键字：企业开发。
技术特性：Web开发从简单的信息展示变成企业电子商务应用，融入了系统开发中。开发视角从单一的页面转向全站管理；开发的关注点也从单一页面实现转向系统功能实现，页面只是作为用户交互的表现层存在系统中，依然重要但已经不是唯一的关注点。
客户端技术：
1996年和1997年是客户端技术的重要年份，在这两年中产生影响深远的技术：W3C提出了CSS的建议标准；Netscape推出自己的html扩展，支持JavaApplets和JavaScript，同时引入了QuickTime插件；IE支持 DHTML和ActiveX控件的功能；Macromedia推出Flash。
关键字：动态交互。
技术特性：在比与服务器动态交互晚了多年后，客户端自身与用户交互能力得到大大加强。不仅如此，applet和activex（特别是微软xmlhttp）以及后来的mozilla的xmlhttprequest更带来了客户端从被动与服务端交互到具有主动交互能力。
4. 多元文化 2000-2004
2001年，Struts1.0发布。
Web开发模型从Model 1 发展为Model 2（MVC）。
无论是开始的CGI，还是后来的ASP，PHP甚至是Servlet都是页面控制器模式，每个页面都知道本页面所需数据控制对象。基于Servlet发展了一批前端控制器模型系统，所有请求都转发到一个统一的控制程序上，经过处理后把数据转发到某个特定页面上，Java下的Struts，Spring MVC和Turbine等都是代表。
MVC的发展也演变出了——推技术与拉技术。
以Struts，Spring MVC和Turbine为代表的是推技术。而Tapestry和微软的ASP.NET则带来了拉技术。
伴随着推技术和拉技术的发展，在视图技术发展出不同方向：
推技术的需求下，模板技术开始红火地发展起来，Velocity和JDynamic就是的代表。无论是ASP下的模板技术，PHP模板技术还是新的开发模型的引入包括前端控制器和新页面控制器，都使用同一处理技术——占位符动态替换技术。模板引擎在解释模板时通过占位别名在内存查找对应的数据，并替换到视图中。当然，不同模板技术，其模板语言是和其对模板文件的处理都是不一样的。
而在拉技术的带领下，引入Web开发组件技术。Java下的Tapestry框架，JetSpeed所代表的Portal和Sun公司大力推广的JSF，以及微软的ASP.Net都大力发展了Web Component的开发模型。
客户端技术：
2000年， Mozilla发布XUL0.6； 2003年微软提出XAML。
关键字：rich client
技术特性：以DHTML、CSS和ActiveX、Applet所代表的Thin Client技术交互能力毕竟有限，人们需要更丰富的交互能力，这催生了Rich Client技术——利用XML描述客户端界面，而不仅仅是HTML或DHTML；同时引入新的交互方式Web Services。Mozilla下XUL技术以及微软的XAML都是代表。
5. 新技术革命——XML及其相关
1998年，W3C正式发布了XML 1.0标准。XML语言对信息的格式和表达方法做了最大程度的规范，应用软件可以按照统一的方式处理所有XML信息。
1999年，W3C制定出了XSLT标准，用以将XML信息转换为HTML等不同的信息展现形式；同年其研究小组提出了RDF（Resource Description Framework）标准草案。RDF在XML语法的基础上，规定了元数据的存储结构和相关的技术标准。
2000年，W3C发布SOAP（Simple Object Access Protocol）协议的1.1版。2001年，W3C发布了WSDL（Web Services Description Language）协议的1.1版。SOAP协议和WSDL协议共同构成了Web Service的基础。
2001年，W3C又开始着手制定OWL（OWL Web Ontology Language）标准。OWL语言是一种基于XML的语言，它比RDF更加深入、细致地描述信息内容。2003年，W3C成立了语义化Web Service研究小组（Semantic Web Services Interest Group），研究在Web Service中加入语义技术的相关问题。2004年2月，W3C宣布RDF和OWL标准正式成为W3C的建议方案。
6. 大事记
1990 HTML标记出现
1993年CGI 1.0的标准草案由NCSA提出
1994年Rasmus Lerdorf发明了专用于Web服务端编程的PHP语言
1995年Java诞生
1995年NCSA开始制定CGI 1.1标准
1995年第一个用Perl写成的CGI程序问世
1996年Netscape 2.0版中支持JavaApplets和JavaScript
1996年W3C提出了CSS的建议标准，同年，IE 3.0引入了对CSS的支持
1996年W3C在SGML语言的基础上，提出了XML语言草案
1997年Microsoft发布了IE 4.0，支持 DHTML
1996年插件开发方式开始风靡了浏览器的世界。Netscape 2.0引入了对QuickTime插件的支持， 同年IE 3.0正式支持在HTML页面中插入ActiveX控件的功能
1996年Macromedia收购了FutureWave，并将Jonathan Gay的发明改名为Flash
1996年Microsoft借鉴PHP的思想，在其Web服务器IIS 3.0中引入了ASP技术
1997年CGI1.2也被纳入了议事日程
1997年Servlet技术问世
1998年JSP技术诞生
1998年W3C正式发布了XML 1.0标准
2000年W3C发布SOAP（Simple Object Access Protocol）协议的1.1版
2001年ASP.NET技术诞生
Focus on User experience design / Visual think / Presentation.