原创 从写的一个form的JS引发的思考

前些天写了个from的JS.http://wd1.osp.corp.hki.yahoo.com/user/F2E/Money%202.0/web/intlindex_compare.html这里用到的都是from中非常典型的JS了。我先贴出我的第一版JS.YTWFI.Module.StockCompare = function (dModule) {    var dRootNode = YUD.

原创 定义语言编码

第三步是定义你的语言编码，类似这样： 为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义。通常这样定义就可以了。但是要补充说明的是，XML文档并不是这样定义语言编码的，XML的定义方式如下： 你在Macromedia.com的首

原创 什么是名字空间

什么是名字空间DOCTYPE声明好以后，接下来的代码是： 通常我们HTML4.0的代码只是，这里的"xmlns"是什么呢？这个"xmlns"是XHTML namespace的缩写，叫做"名字空间"声明。名字空间是什么作用呢？阿捷自己的理解是：由于xml允许你自己定义自己的标识，你定义的标识和其他人定义的标识有可能相同，但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为了避免这种错

原创 [技巧]CSS的超级技巧大放送

一.使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。二.明确定义单位，除非值为0忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width=100，但是在CSS中，你必须给一个准确的单位，比如： width:100px width:100em。只有两个例外情况可以不定义单

原创 在 CSS 中关于字体处理效果的思考

字体的处理在网页设计中无论怎么强调也不为过，毕竟网页使用来传递信息的，而最经典最直接的信息传递方式就是文字，所以，了解一点字体的基本知识对于设计来说还是非常重要的。中文和英文的最大区别就是中文是方块字，英文是拼音文字，这对字体的处理的影响是巨大的。看看下面的图示就会发现，英文字体里的那些变化在中文字体里都弱化了。作为中文的读者，习惯性的接受方块形状做为阅读的单元，其实对于眼睛来

原创 常用CSS缩写语法总结

常用CSS缩写语法总结作者：阿捷 2005-4-8 15:28:00使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如： #000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法: property:value1; 表示所有边都是一

原创 HTML中meta的作用

　　meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目 前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站

原创 标准的Flash插入代码

程序代码设置高度与宽度：width="400" height="400"设置路径：data="style/flash/001.swf" 与 value="style/flash/001.swf"替代文本或替代图片： 也可以不要这段-->不会遮住层的Flash 程序代码让Flash不档住浮动对象或层的关键属性：-->透明的Flash 程序代码让Flas

原创 CSS 命名规范

 XHTML-CSS写作建议 所有的xhtml代码小写 属性的值一定要用双引号("")括起来，且一定要有值 每个标签都要有开始和结束，且要有正确的层次 空元素要有结束的tag或于开始的tag后加上"/" 表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border等 h1到h5的定义，应遵循

原创 搜索引擎对页面各元素的权重比例

摘要：搜索引擎对页面各元素的权重比例 正文：外部链接文字：10分 Inbound link text: 10 points. 标题：10分 title: 10 points. 域名：7分 domain name: 7 points. H1,H2字号标题：5分 large h1-h2 headings: 5 points. 每段首句：5分 first sentence of

转载 IE 3px bug & display problem

类似用户评论的需求，最终效果如图。用定义列表写的结构代码。        yersinia:    ive seen it before, but you make it look appealingly strange.    07-18-2006 00:04 / 61.49.237.33 edit / delete  最简单的思路，采用左float右margin。.list dt

原创 网站策划与风格论

今天又有人给我提这篇老文章网站策划5大趋势，有些问题还是值得讨论的，文中提出了5点：Quote1. 具备市场/销售意识，且掌握扎实技术的专业网站策划人才成抢手货2. 人机工程学思想将大行其道3. 文化理念全面渗透网站策划实战4. 系统网站策划理论在五年内产生5. 网站策划的专业化导致网站设计风格整合：简约与个性成主流文章写的很好，国内浮躁的互联网环境内，这么有思想的真知灼见

转载 越减越妙

看到一组文具的图片，感慨广告设计别出心裁的同时，又发现它们无意中道出了设计的一个重要现象。那就是：优秀的设计往往源于巧妙的减法。朋友推荐我一本很棒的书——《最佳设计100细则》（此 书同时还劝告设计师：使用公认的设计原则能增加成功设计的概率，优秀的设计师有时并不理会设计原则，但是，他们这样做，尽管因违反原则而付出了代价，他们 往往会进行一些补救，取得最佳的效果。如果没有这个水平，还是遵循设计原则为

转载 小论中英文网站的设计差异

你有没有被客户强迫照搬英文网站的经历？你有没有被领导指责为比较“土”的作品？你有没有感到疑惑，因为你搬过来的“英文”网站总是那么别扭？如果有的话，这篇文章也许能帮你提供一些证据，至少让你自己能明白，为什么不能照搬英文网站的设计规则。首先我们找一个非常有名非常牛气的网站，对比一下它的英文和中文网站的区别。恕我无知，我第一个想到的就是MicroSoft了。英文站：http://www.mi

转载 比尔盖茨十条职场箴言

比尔盖茨十条职场箴言曝光：世界不在意你的自尊      1.生活是不公平的，要去适应它；　　2.这世界并不会在意你的自尊，这世界指望你在自我感觉良好之前先要有所成就；　　3.高中刚毕业你不会成为一个公司的副总裁，直到你将此职位挣到手； 　　4.如果你认为你的老师严厉，等你当了老板再这样想；　　5.如果你陷入困境，不要尖声抱怨错误，要从中吸取教训；　　6.在你出生之前，你的父母并非像现在这样乏味。他

转载  青年人如何获得成功、自信、快乐

转载 优秀的界面设计是如何诞生的

说起产品UI设计通常的认识就是“图形界面的设计”而产品的交互设计往往被忽略！　　说起产品UI设计通常的认识就是“图形界面的设计”而产品的交互设计往往被忽略！一个好的交互设计对产品的成功起着很关键的作用。UI所做的就是用户最先接触到的东西，也是一般性的用户唯一接触到的东西。用户对于界面视觉效果和软件操作方式的易用性的关心，要远远大于他对底层到底用什么样的代码去实现的关心。如果说程序是一个人的肌肉

转载 简单说说UI的设计原则

 界面并不仅仅是一个应用程序，它应该能为用户服务，是用户与程序沟通的唯一途径。界面的设计为的是用户而不是程序员。1.简易性。界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。2.用户的语言。界面中要使用能反应用户本身的语言，而不是游戏设计者的语言。3.记忆负担最小化。人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限，24小时内存在

转载 GUI的定义、发展、应用

 GUI(Graphical User Interface)是一种结合计算机科学、美学、心理学、行为学，及各商业领域需求分析的人机系统工程，强调人—机—环境三者作为一个系统进行总体设计。　　这种面向客户的系统工程设计其目的是优化产品的性能，使操作更人性化，减轻使用者的认知负担，使其更适合用户的操作需求，直接提升产品的市场竞争力。GUI即人机交互图形化用户界面设计。纵观国际相关产业在图形

转载 2006国际GUI冠军赛最佳易用性视觉风格金奖获得者许士彦(Ricky Xu)专访

2006国际GUI冠军赛最佳易用性视觉风格金奖获得者全场最佳团队银奖eico studio队负责人创新科技CREATIVE设计中心设计总监 许士彦(Ricky Xu)许士彦(Ricky Xu)，2006国际GUI冠军赛全场最佳团队银奖eico studio队负责人之一。现任创新科技CREATIVE设计中心设计总监。负责CREATIVE全球业务产品交互设计、图形界面视觉设计以及产品功能设计等

转载 2006国际GUI冠军赛全场最佳ICON银奖获得者麦海成(maxdison)专访

 2006国际GUI冠军赛全场最佳ICON银奖获得者 麦海成麦海成，网名maxdison，现于广东做UI方面的设计和研究。视觉同盟www.vudn.com设计经历：2004年底开始接触UI设计,在这设计圈子里不断碰壁，又站起。从不断地观察周围事物与模仿优秀的作品起，到现在不断地发掘新理念，经历了一段让我贴近起步的UI路。视觉同盟www.vudn.com设计理念：用眼睛捕捉灵感，用脑子转化灵

转载 2006国际GUI冠军赛最佳易用性ICON金奖获得者曾子锋(kirozeng)专访

2006国际GUI冠军赛最佳易用性ICON金奖获得者2s-space Studio创建者之一 曾子锋曾子锋(Kiro)，毕业于厦门大学视觉传达专业，ICON作品Slicer获2006国际GUI冠军赛最易用性ICON金奖。2s-space Studio和2s Blog创建者之一。视觉同盟www.vudn.com工作室网站：www.2s-space.com视觉同盟www.vudn.comBlo

转载 《网页配色密码》 一本易读实用的好书

很高兴今天收到顾群业兄寄来的样书。咋一看到题目——《网页配色密码》，哦，市面上已经有很多类似选题的书籍了。但我知道顾兄1999年就开始从事网页艺术设计的研究，出版过国内第一本探讨网页艺术设计的专著，想来此书定有高明之处。    简单翻阅了一下，果然不负我的期望。书的装帧、版式还不错，印刷也很精美。所有页面底色均罩有一层淡淡的黄色，字号大小适中，阅读起来非常舒服，说明清华大学出版社做书还是

转载 海外华人设计师访谈－雅虎欧洲设计师王小丹

王小丹，雅虎（欧洲）高级网页设计师，本科平面设计毕业于中国美术最高学府中央美术学院，深造于世界顶级艺术设计学院中央圣马丁艺术设计学院（英国 伦敦）沟通传达系多媒体设计专业，取得硕士学位。采访时间：2006年2月采访人：张海新、樊鹏视觉同盟：您好，感谢您接受视觉同盟网站的采访？王小丹：谢谢。我非常高兴和大家交流。视觉同盟：出国留学遇到最大的困难是什么？王小丹：最初的三个月是语言问题

转载 国内杂志版面的调查报告

 目录： 版面结构 色感 字体 风格 案例： 文学类---《读者》 《萌芽》 《青年文摘》 科技类---《中国国家地理》 《大众软件》 时尚类---《时尚》 《瑞丽》 《世界时装之苑――ELLE》正文：    每当设计或出版任何书籍时，我们都需在外观上下一些功夫。书的范围实在太广泛，我决定把目光聚焦在国内杂志上。 毫无疑问，在每本成功的杂志背后都需要成功的版面设计；版面设计包罗万

转载 李嘉诚给年青人提出的53条人生忠告

1.我17岁就开始做批发的推销员,就更加体会到挣钱的不容易、生活的艰辛了。人家做8个小时，我就做16个小时。 　　2.我们的社会中没有大学文凭、白手起家而终成大业的人不计其数，其中的优秀企业家群体更是引人注目。他们通过自己的活动为社会作贡献，社会也回报他们以崇高荣誉和巨额财富。 　　3.精明的商家可以将商业意识渗透到生活的每一件事中去，甚至是一举手一投足。充满商业细胞的商人，赚钱可以是无处不在

转载 你未必知道的CSS技巧

 1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的：font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif;但也可以把它们全部写到一行上去：font: bold italic small-caps

原创 Meta标签详解

Meta标签详解，在网上转的，希望对大家有用　　引言　　您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广个人网站，人们首先想到的方法无外乎以下几种：　　　　●　在搜索引擎中登录自己的个人网站　　　　●　在知名网站加入你个人网站的链接 　　●　在论坛中发帖子宣传你的个人网站 　　很多人却忽视了HTML标签META的强大功效，一个好的META标签

转载 web标准实现高效开发系列之一

 建立自己的操作标准当我们都在投入WEB标准的行列时，我们时常听到这样的声音：“太慢了，制作这样的一张页面我需要花费比以前多数倍的时间。”采用标准是不是真的会让你的制作变得很慢呢？我的回答是“不一定，这完全取决于你从什么样角度去看，并且没有找到快速操作的方式方法。”首先我们要确定的是：新的制作方式是把我们从“所见即所得”软件制作中拉到“代码编辑者”行列。我们现在需要对每一个XHTML标签都

原创 CSS兼容要点分析

CSS兼容要点分析——CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点…… IE vs FFCSS 兼容要点：DOCTYPE 影响 CSS 处理FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行FF: body 设置 text-ali

转载 网站设计规范

总 论 本规范既是一个开发规范，也是一个脚本语言参考，本规范并不是一个一成不变的必须严格遵守的条文，特殊情况下要灵活运用，做一定的变通。但是，请大家千万不要随意更改规范。如果有任何问题，请及时与项目负责人沟通。 主目录下应有一个help目录,存放说明文件。说明文件包括： 目录说明 文件列表说明：存放位置、文件名称、功能及处理逻辑描述、所涉及的库表、调用关系。 数据库说明：数据库位置、空间分配要求、

转载 网站建设之网页设计标准

引言： 本文观点：遵循国际网站标准（Web Standards）进行网站设计和改善。阅读对象：网站设计人员、web应用开发人员关键字：Web Standards、XML、XHML、CSS、DOM、DOCTYPE、Accessibility   前言 网络上的变革每天都在发生，当我们觉得网站设计技术已经非常简单和熟悉的时候。国外网站设计标准化的概念早已悄悄的形成和迅速“蔓延”，自2000年

转载 手机界面设计—常识篇

随着移动通信的日益普及，移动通信业务发展模式也在发生着深刻的变化。这些变化将成为移动业务创新的基础，并将对未来移动终端的发展产生深远的变化。     大家也许对手机界面设计充满神秘感和好奇感，其实它并没有那么陌生和那么复杂。以后我会尽量利用空闲时间，对手机界面设计的一些常识和制作方法以及流行趋势做一系列的讲解。希望对大家有用！以下所有信息均只代表个人意见和观点，如有不正确和不完善的

转载 网页设计规范

提高网页设计制作效果,加快信息化建设工作,网页设计制作规范化是一项很重要的工作,以下网页设计制作规范以供大家参考。 一、运行环境1 ．网页制作软件平台：网页制作可采用 D reamWeaver X.0/ FrontPage 98 (2000)/ FireWorks X.0 / HotDog X.0/ Office 97(2000) 等编辑软件,建议采用 DreamWeaver 4.0 以上版

原创 十条优秀的网站设计经验

一个设计良好的网页应该能够被宽带网上的多媒体高档电脑或者依然使用慢速MODEM连接的低档电脑上安装的浏览器阅读。然而，很多新的网站设计者均不是非常的了解如何尽量的让这些HTML文件保持很好的兼容性。 　　当然，这里有太多的不确定因素影响网页最后呈现的结果。首先，计算机的显示器有不同的分辨率和显示质量，其次，运行着各种各样的操作系统，使 用着不通版本的WEB浏览器 ，不同INTERNET连接方

转载 [收集]网页美学设计原则[转]

一：美的原则什么是美呢? 美的事物应该具备什么条件呢? 我们根据人类美感的共通性可以定出十个美的原则：连续、渐变、对称、对比、比例、平衡、调和、律动、统一、完整。 在讨论美的原则之前，必须先了解「单位形」的意义。单位形是在相同或相似的形象组合中最基本的单位元素。单位形可以单独重复排列，或组成「单位形组合」，再以「单位形组合」为基础，作有规律的反复排列。下列图例说明以一个「单位形」配置构成八种「

转载 [分享]25种方式给网站添加优质内容

我们早已知道，网站的质量在Google中起关键作用。高级Google工程师Matt Cutts在他的blog中多次提到，“优质”对于Google至关重要，无论是内容还是连接。不过，创建内容和连接并不一定要经历痛苦的过程。网站搭建者们开始趋于从某些角度考虑如何组织内容。所以，让我们放开创新的思维，来想一想所有这些给网站添加优质内容的方法吧。请先记住以下几点：你只是被你自己的想法和你的网站限制住了

转载 [分享]怎样获取客户设计需求

我们在洽 谈网站项目时，会遇到各种不同类型的客户，大体上我们把他们分为两种类型：一种是专业型的，他们对自己网站的设计风格有明确的思路，能够比较准确的表达自 己的审美习惯与设计要求，但是他们给我们传达的信息有可能是片面的、不连续的、不成系统性的，这样就需要我们在详细的记录客户需求的同时能够给予必要的、 适当的补充提示，以充分、全面挖掘客户的实际需求；另一种是设盲型（就是在设计上的文盲型）的，他们

转载 50个有用的网站设计资源

CSS库做设计的时候总是容易没有灵感。到CSS库去看看别人做得设计也许会帮你找到不少灵感。如果你的设计足够优秀让这些CSS库收录的话，那么这还会为你带来很多访问者Unmatchedstyle cssBeauty cssvault Stylegala CSS Drive css thesis Styleboost CSSElite CSS Impo

原创 平面设计中194种创意线索[转]

虽然有点火星人的感觉,但是这些简单的词语还是有些帮助的,仔细总结一下优秀的设计无过于变幻的思想和娴熟的技巧.如 果感到无从下手的时候可以参照一下这些对创意线索简单描绘的词语,或许会给你带来一些灵感,当然这不是救命稻草,真正还是要去多多感受生活多多领悟多多提 炼自己才是根本.如果还是无能为力,那就走出门吧,走上街头,走进自然,都行.让自己处于一个高度去思考问题,或许会找到另一种途径!1、把它颠倒