- 浏览: 288716 次
- 性别:
- 来自: 上海
-
最新评论
-
alan.hee:
不错
网站开发的流程 -
crabboy:
这是好东西啊
表格样式的应用——对程序员比较有用(二) -
linkaisheng:
IE6下有相应的解决方法的
position:fixed -
ph4nut:
what a good stuff!
可供选择CSS框架 -
ailiceromatic:
请问piwik的效率怎么样,如果pv是百万级的网站,速度会不 ...
piwik 不容小视的开源网页访问统计系统
文章列表
把Google图书嵌入到网站中,或许大家还不知道吧,现在有办法啦。google给出了api,可以通过以下代码就可以产生一个基本的预览widget:
例如:hVFxxxQYN-cC是Google图书里面的ID,可以通过url(http://books.google.com/books?id=hVFxxxQYN-cC)得到.
代码如下:
<script type=”text/javascript” src=”http://books.google.com/books/previewlib.js”></script>
<script type=”tex ...
- 2008-09-25 10:24
- 浏览 1476
- 评论(0)
目前很多网站都留不住很大一部分原因就是用户体验的设计,所以这一点是我们在网站开发中必定要考虑到的。
让使用者接受易用导航模式,让他们能方便在网站巡游,最短时间接触到最重要的信息,这是我们每一个做web开发人员的目标。其中当然要充分考虑人机对话方式的设计。
功能规格的完整性, 如:登录、注册、用户个人信息管理;
合理的交互设计 ,如:操作提示,热点提示,乃至异常错误提示。
但以上这些只是从表层来考虑用户体验
,然而真正成功的用户体验不仅是如此,它必须是要从用户需求和网站目标出发的。
成功的用户体验必须是遵循右图中的各个步 ...
- 2008-06-11 14:48
- 浏览 1516
- 评论(2)
也许你刚刚来到一家公司,他们希望进行一些“可用性”工作。你可能是一名UI设计师,业务分析师,或前端开发人员,一名产品经理,或者负责用户体验部门的经理或副总。你知道,如果更好地了解使用产品/软件/网站的人,就可能开发出更好的产品/软件/网站。不管怎么样,不管你是谁,也不管你在哪里,用户体验这件事,现在就归你管了。
那么,你也许会希望建立一个关于用户体验(UX)的过程,当然,这样一个过程可能是物有所值的,也可能会带来灾难,但是,其中隐藏着很多机会,能改进产品开发的过程,当然,也包括产品本身。
要建立这样一个过程,该从哪里开始呢?可以采用哪些方法?需要避免哪些问题?如何能保持自己的 ...
结构一致性
网站的每一个页面应遵循一个主题,所以在架构设计上力求保持一致或大致相仿。突然一个页面的改变会大乱访客的思维,影响他们对网站内容的吸收。
另一方面,不同格式也会影响搜索引擎优化的努力。搜索引擎优化是个整体的、联系的工作,不稳定的网站结构会增加搜索引擎优化的工作量,也影响了对优化结果的评估。
W3C标准
采用符合W3C标准XHTML1.0、CSS2.0编写标准的网页,以便通过不同浏览器的阅读。如:IE、Firefox、Opera、Safari。网页在开发过程注意以下事项:
...
- 2008-05-12 20:45
- 浏览 1479
- 评论(3)
当进入一个网站,其实和我们进入一个大商场差不多,我们在进入到家乐福,开始要找寻我们想要的东西时,我们通常会 寻找到正确的部门 ,寻找到合适的走廊,再寻找合适的产品,找到了自己想要的东西,最后付钱离开。当然不是每次都能这么胜利就能找到的,往往你要重复找寻好几次,也许你也会找一位家乐福内部员工问一问,最后找到了自己想要的东西,最后付钱离开。如果两种方法下来你还是没有找到,那也许家乐福并没有提供该类商品,你只能遗憾的离开啦!
逛商场就是这样,然而广网站也是如此,不信你可以仔细查看以下这张我们在web浏览时的流程图:
优秀的web导航通常要求整个网站保持一致,并且他通常包括5个十分重要的元素,如图:
当然,也并不是网站上的每个页面都一样,有几个例外:
主页
--主页和其他页面不一样,他承担着一些不同任务,遵循着一些不同的承诺。
表单
--在填写表单的页面,持久导航可能会成为不必要的干扰。例如:注册、填写反馈表、还有电子商务的付费时可以不必遵循持久导航,对于这些页面只需要站点ID,一个回主页链接和任何有助填写表单相关的工具就可以啦
在web上体验缺乏许多我们在生活空间相处的感觉,因为在web空间有以下特点:
感觉不到大小
--你不可能像现实生活一样,从视觉之内/视觉之外来对你正处在的某个站点进行规模评估。
感觉不到方向
--在网站上,没有左右、上下之分,他们只存在这层次结构,即上一级和下一级。
感觉不到位置
--在现实生活中,我们往往能根据参照物来确定自己所处的位置,从而也能知道我们要去的位置在哪。而在网站上这点完全不适用,它可能不存在什么参照物,即使有,也有可能你跳过这之后便再也回不来啦。
总得来说在web上会让人缺乏物理感,就像是处于无重状态一样。
我想也正是 ...
由上一片文章说提到的假设上升到理论~
设计法则--广告牌设计101法则(原自《Don't Make Me Think》一书)
用户使用方式是快速浏览扫描的网站,设计上需要注意5个重要方面。
在每个页面上建立清楚的视觉层次。
尽量 ...
假设你是一个搭便车的旅行者,那么当你来到一个陌生的站台时,你最需要的就是能有一个明显的指南; 所以站台上通常会有各式各样的指示牌,来引导大家及时准确的到达自己的目的地,它们大都有以下特点:招牌柱、能见、易读、字型简单、语言通俗、有些也支援肖像。总的来说就是 实效。
要是能在我们的网站上使用这些事物多好! 穿梭在网上的网友其实就是一个个搭便车的旅行者,偶尔的机会又或是闻名而来,他们来到我们的网站, 在这一站台他们也需要我们给他们提供一个明显的指南。这也就是让他们在访问我们的网站时,不用花费太多时间来思考,如何才能找到他们感兴趣或是他们想要的东西.例如:让访问者们能知道
·我在什么 ...
DM就是Direct Marketing的缩写,通常的表现形式是杂志,邮件,作为营销的一种形式,由于它排除了新闻文字干扰,并具有针对性强、投递准确、信息攻势猛烈、免费阅读等优势。
而 EDM 就是 Electronic Direct Mail 的缩写,即电子直邮。企业可以通过EDM建立同目标顾客的沟通渠道,向其直接传达相关信息,用来促进销售。EDM有多种用途,可以发送电子广告、产品信息、销售信息、市场调查、市场推广活动信息等。
EDM优势:
* 精准直效
可以精确筛选发送对象,将特定的推广信息投递到特定的目标社群。
* 个性化定制
根据社群的差异,制 ...
- 2008-03-24 14:45
- 浏览 8460
- 评论(0)
Mozilla表示,在经过几个月的开发之后,Firefox 3试用版已经推出。 Mozilla负责工程研发的副总裁迈克·斯科罗普夫(Mike Schroepfer)称:“Firefox 3在很多方面都比其他浏览器更加稳定。”他表示,Mozilla工程师仍在对Firefox 3进行最后的测试和完善,有望在6月底以前推出最终版本.
Ars Technica上的一篇文章中对Firefox 3 Beta 4和其他最新浏览器进行了对比测试。FF3B4的对手包括 IE7,Firefox 2,Opera 9.5 Beta 和 Safari 3.0.4 Beta。测试结果显示,Firefox 3 Bet ...
- 2008-03-22 14:02
- 浏览 2802
- 评论(2)
什么是网站设计中最重要的一个环节?很多人会回答是网站的可读性,怎么样才能使你的内容更容易阅读。
读者来到你的网站是在阅读他们关心的内容,如果文章的内容被设计所掩盖,导致读者难于阅读,这样只会使他们远离 ...
网页中常用的字体定义:font-family: Arial,Verdana, Helvetica, sans-serif;也可以是引入外部字库来定义字体(更灵活的方式),@font-face {font-family: "Kimberley";src: url(http://www.princexml.com/fonts/larabie/kimberle.ttf) format("truetype");}h1 { font-family: "Kimberley", sans-serif } 适合常见系统显示的字体: ...
- 2008-03-11 10:35
- 浏览 2438
- 评论(0)
在网站建设和推广中,其实很大程度就是搜索引擎优化的过程,网站的价值,在很大程度上是有搜索引擎来判定的。 SEO就是一个搜索和实践网站针对搜索引擎的普遍规律进行制作和变更的过程。对网站的制作有实际经验 ...
- 2008-02-11 19:08
- 浏览 1112
- 评论(0)
同样也是一组元组列表,元组是每个游戏的介绍信息,包括游戏海报缩微图、游戏名称、游戏类别、游戏售价及游戏适合人群。上述用法在这里同样是屡试不爽,
至于具体代码就大家自己去研究了,很简单在上面代码的基础上稍稍改动下就ok啦!~ 像类似的元组列表结构都可以通过在样式中使用反向浮动来定义,使其文件的结构代码简单化。这样即有助于程序员开发,又提高页面之后的加载效率,一举两得 ~_~
[img]http://tiger-passion.iteye.com/upload/picture/pic/7738/8c804d79-2584-36c1-b02d-dca43ab0d1f6.jpg [/img]
- 2008-02-09 15:04
- 浏览 1128
- 评论(0)