Group items tagged

1. CSS Based Navigation //基于CSS的导航 2. Navigation Matrix Reloaded //导航矩块翻转3. CSS Tabs //CSS标签4. CSS Bar Graphs //CSS条状图表5. Collapsing Tables: An Example //压缩表格：一个实例       6. Adam’s Radio & Checkbox Customisation Method //亚当的单选框和复选框的用户化方法7. CSS Image Replacement //CSS图像替代8. CSS Shadows(CSS Shadows Roundup) //CSS阴影（CSS阴影综述）9. CSS Rounded Corners Roundup (Nifty Corners) //CSS圆角综述（漂亮的拐角）10. Drop Cap-Capital Letters with CSS //用CSS实现首字母下沉

11. Define Image Opacity with CSS //用CSS定义图像半透明12. How to Create a Block Hover Effect for a List of Links //如何给链接列表创建鼠标悬停的区块效果13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS) //用CSS实现引用（用JavaScript和CSS实现自动引用）14. CSS Diagrams //CSS图表15.CSS Curves //CSS曲线 16. Footer Stickallows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest.页脚帖允许一个网站页面的页脚显示在在浏览器窗口的底部或者网站页面内容的底部中实际最底的一个。17. CSS Image Map //CSS图像地图18. CSS Image Pop-Up //CSS图像弹出19.CSS Image Preloader //CSS图像预载20. CSS Image Replacement for Buttons //CSS按钮的图片替换

21.Link Thumbnail //链接缩略图22. CSS Map Pop //CSS地图提示23. PHP-based CSS Style Switcher //基于PHP的CSS样式改变24. CSS Unordered List Calender (CSS Styled Calender) //CSS无序列表日历（CSS设计的日历）25. CSS-Based Forms: Techniques //基于CSS的表单：技巧 26. CSS-Based Tables: Techniques //基于CSS的表格：技巧27. Printing Web-Documents and CSS //打印网站文档和CSS28. Improved Links-Display for Print-Layouts with CSS //用CSS改良打印布局的链接显示29. CSS-Submit Buttons //CSS提交按钮30. CSS Teaser Box //CSS内容摘要盒子

Searchme在技术上还处于个人测试阶段，就是说仍在不断开发改进中，需要邀请用户来使用。该公司给了我登录它们网站的授权，还创建了一个链接让本专栏的读者们也能使用，链接为www.searchme.com/wsj。这个基于Web的工具在Windows和Mac操作系统上都能使用，也适用于任何一种主要浏览器，它还提示用户选择搜索词的类别，进而提高搜索性能。举例来讲，当我在搜索栏中输入“美国公开赛”时，在屏幕右侧会出现各种类别，包括网球、壁球、博彩和高尔夫球。因为我是在搜索网球大满贯，所以选择了“网球”类别，这样我就不用再输入“网球”这个单词了。使用Searchme越多，我越是依赖这些类别来获得更快、更准确的结果。Searchme还能显示网站快照，进而实现视觉搜索功能，搜索词在每个搜索到的网站结果上都会加亮显示。这些页面从中心散开，排成扇形，看似苹果公司(Apple Inc.) iTunes的Cover Flow，就像是自动点唱机里的唱片封面一样，能够前后翻阅，直到找到最佳网页。沿着这些页面下方的一个水平滚动条移动光标，我在短短几秒钟内就快速浏览了10到15个网站，很快就排除了不需要的网站。不过，这些网页没有互动功能，无法向下滚动显示页面或是播放在线视频。图片下方有个按钮，列出了与这张图片相关的文字和链接，不过我常常将这个功能隐藏起来

SpaceTime（www.spacetime.com）与Searchme的不同之处在于，它并不是一个独立的搜索引擎，而是一个浏览器，可以使用现有的搜索引擎和网站。和Searchme一样，它也不是基于Web的程序，所以必须下载到装有Windows操作系统的电脑上（目前还无法在Mac电脑上使用）。该软件提供的三维图像显示功能要求系统内存不低于1G，显存不低于256兆。SpaceTime看似一个普通的浏览器，有常见的地址栏，可以输入具体的网址，在右上方还有一个搜索框，可以选择搜索谷歌、谷歌图片、雅虎、雅虎图片、eBay、Flickr、YouTube、RSS feed或是亚马逊(Amazon)。正是这个搜索框显示出了使用该产品的乐趣所在。搜索结果以图片方式显示，排列在屏幕上，以三维图像的方式在屏幕上飘来飘去，然后消失在远方，就像Windows Vista的Flip 3D一样。SpaceTime的深色背景更增强了视觉效果，每个物体都在一个玻璃似的漂亮平面上反射出来。搜索结果可以在三维空间中扭曲、反转、放大或是移动。当我在SpaceTime网站上，用谷歌或是雅虎进行文字搜索时，搜索结果以网站的图片方式呈现出来，每个网站上都含有搜索词。当我用谷歌、雅虎或是Flickr搜索图片时，结果只有图片，而不是在网站中嵌有的图片，当这些图片在三维空间排起来的时候，效果很是惊人。在SpaceTime上用eBay进行搜索时尤其有用，因为每种拍卖商品都会在屏幕上显示出来，还有目前的竞购价格、竞购者人数以及剩余的竞购时间。在SpaceTime上用YouTube进行搜索，结果也排列在三维空间中。所有的图片都在屏幕上飞来飞去，这看上去会让人头昏眼花。一堆(pile)搜索结果被称为一个堆栈(stack)，每个堆栈都被自动保存在屏幕下方的一个停靠栏(dock)中，在你上次停止的地方标以一个缩略图。你还可以保存搜索，进行屏幕截图，并保存在停靠栏中。广告为了尽快显示搜索结果，SearchTime称每次只显示十张图片、产品和视频，对内容较多的网站每次显示五个。不过，我在测试中使用了两台内存都是2G、并装有Vista操作系统的电脑，我通常不会看到一次显示超过五个。要想看到后面五张或是十张图片，你可以点击屏幕下方的“下一组”按钮。SearchTime以互动方式显示网站和物体，也就是说我可以在一个网页上向下拉动滚动条，或是在SpaceTime屏幕上播放YouTube视频。屏幕上还很有创意地弹出一个放大镜，将每个网页上包含的搜索词进行放大显示。使用SpaceTime，我可以很快地浏览数十甚至是数百张图片和网址，不过它也并非完美无瑕。有些搜索结果需要一些时间才能显示出来，这时只能显示第一个结果，而其他的都显示为空框，因为结果还在加载中。YouTube看起来也很慢，不如其他一些搜索便于浏览。我做的几次测试中，Flickr搜索结果的加载尤其慢。目前SpaceTime正在开发一款基于Web的版本，这样就不会过分依赖于用户电脑本身的配置了。

SpaceTime（www.spacetime.com）与Searchme的不同之处在于，它并不是一个独立的搜索引擎，而是一个浏览器，可以使用现有的搜索引擎和网站。和Searchme一样，它也不是基于Web的程序，所以必须下载到装有Windows操作系统的电脑上（目前还无法在Mac电脑上使用）。该软件提供的三维图像显示功能要求系统内存不低于1G，显存不低于256兆。

一、本地化译文的基本准则凝练平实，言简意赅；信息全面，含义准确；语气流畅，逻辑通顺；使用书面用语，符合汉语语法习惯；杜绝错字、别字、多字、少字、标点符号误用和英文拼写错误；译文的用词及语气须避免有对性别、年龄、种族、职业、宗教信仰、政治信仰、政党、国籍、地域、贫富以及身体机能障碍者的歧视。

本地化翻译的一般规则译、校要求翻译或校对时，要在正确理解原文的基础上，结合软件功能和操作的实际情况进行。对于原文中的技术或语言错误，在译文中要更正过来；对于原文中叙述不清的地方，如果不是很复杂，应在译文中加入进一步的解释，以利于用户理解。精确避免含意模棱两可。例如：“一次发送文件给一个人”这句话就可以有“一次只给一个人发送文件”和“将所有文件一次发给某人”两种不同的理解。符合中国人的习惯有时，英文作者为了使内容变得生动活泼，往往会加入一些比较“花梢”的比喻，有些内容，并不符合我们的习惯，对这些语句，在不影响其他内容的情况下，可改变其中的说法，使之符合中国人的习惯。有时，把英文的示例、文字、地名、人名改成中国的地名、人名，会使用户感到亲切自然。简洁用“可”则尽量不用“可以”。能用“用”则尽量不用“使用”。能用“将”则尽量不用“把”。这一点并不绝对，取舍标准是语句读起来既要通顺，又要凝练。使用书面语避免口语化，以及多余的词（罗嗦）。对应与一致与本产品早期版本、同类产品尽量保持一致。本产品内类似的短语保持一致。灵活用词，避免单调重复段落中的多个句子中，要灵活使用词汇，避免单调重复。语言风格注意语言环境，不同的文章需要不同风格，且不能前后不一致。规范用词规范用词（即使在与界面无关的叙述中，也不要无故自造词汇）。对词意的使用要精确，如果有特指，需要加引号。章、节、项的翻译章、节、项等文档的标题应尽量简洁，少用句子。并且能以标题推测内容。同一级的标题应尽量保持风格一致（比如统一用主谓结构或动宾结构等）。但如果难于统一或易于引起意义混淆时，不必强求统一。要求用户进行操作的短句联机帮助（尤其是Quick Help）中，有许多要求用户进行操作的短句，翻译这些句子时，句首要加“请”。

本地化翻译的字间距规则在用户界面（UI）的翻译或联机帮助（rtf格式和html格式）的翻译过程中，应按以下规则，手动加入/不加入半角空格：全角符号（中文文字、中文标点）之间不能加空格。中文标点与前后字符（包括全角和半角）之间不能加空格。中文文字与英文、阿拉伯数字及 @ # $ % ^ & *. 等符号之间必须加空格。 半角英文括号与括号外的中文之间应加空格，如：“级联样式表 (css)”。注意：如果括号内有中文，则使用中文括号，如果括号中的内容全部都是英文，则使用半角英文括号。/为半角符号，与前后的中文之间不加空格。图片与前后的文字之间的空格： 如果一行中只有图片和超链接（Icon+Hyperlink），则图片与超链接之间没有空格，且超链接文本的尾端也不应该有空格。其他情况下，图片前后应有空格。手册的本地化翻译字间距规则：文字间的空格不需人工按空格键加入，可留待排版时通过设置样式自动加入；文字或标点符号与图片间的空格需要人工加入；中文文字与半角符号（@ # $ % ^ & *. 等）间的空格也需人工加入。原则是如果Word已经在全、半角字符之间自动留出空间，则不必加空格，反之则要加。

1、最近在搜索结果呈现方式上两个关键词经常出现：综合（整合）搜索、搜索建议。 2、综合（整合）搜索，简单来说： 现在google、baidu的搜索结果“默认的都是网页”，随着网络媒介内容和搜索内容的不断丰富，对于图片、音乐、视频等内容的搜索需求越来越大，用户需要一个包括网页、图片、音乐、视频等等更多类别内容在一起的搜索结果； 3、“搜索建议”只是一种帮助用户更加准确录入搜索条件的手段，最早只是用链接的方式展示在搜索结果的上面，后来有过很多的用法实验，google第一个将其正式插入到了用户第一次录入搜索条件的动作中。 . 4、其实在搜索领域的创新尝试上最为积极的一直是ask.com，最早推出“综合搜索”概念的也正是ask.com。 比如，搜索Steve Jobs，搜索结果的页面会这样呈现：中间是和他相关的网页，右侧会出现“图片”“百科”“视频”“新闻”等相关结果，左侧会列出来“相关搜索建议”、“扩展搜索”（更多和他相关的东西）、“相关人物”（搜索引擎判断出来这是个人，所以会给出类似“Bill Gates”这样的建议，如果判断是其他的事物也会给出与其同类的建议） 5、可惜当ASK将这个测试了N久的新模式在几个月以前正式推出后，他的市场占有率反倒出现了较大的缩水（李开复说的，具体数字我没有找到）。 我个人认为这种新模式没有得到较好效果的主要原因是： 一个页面一下子展现出来太多的东西，用户反倒不知道该如何选择；他们大都已经适应了从上往下一条条的去看结果，对于一个上下左右全是搜索结果的页面他们会不知所措；这样的设计把原本“简单”的事情搞“复杂”了。 （当你在实验室访谈那些“典型用户”是否喜欢这种模式时，他们却总是会说自己很喜欢这种方式。） 6、往往“看似不错”的创新一般都会很快被复制。 这个在反响并不好的“创新” 就很快被在搜索市场穷途陌路的yahoo抄袭了过去，并美其名曰自己的“创新之举”为：“全能搜索”。（其实他们也测试了一段） 7、yahoo美国也一直信誓旦旦的要不惜重金改进自己的搜索。但他们不会笨到像微软搞live.com一样冒险尝试过于新鲜的模式。 于是最近yahoo的搜索有了两个大变化： 变化1：改进了用户录入过程的“搜索建议”。 不仅仅建议出现的动态效果更“炫”，而且建议的内容也不再像google那样只能从输入的开头起，还可以从中间的关键词计算出来。（其实这个数据是现成的，但这种建议才是真正的“搜索建议”，对于用户的作用要高于google那种只是“输入的建议”。可惜为了那种会使界面拉动的更“炫”的效果，yahoo这个搜索建议的出现等待时间不得不更长一些） 变化2：在不到两个月后，紧随google也正式推出了“整合搜索”。（目前他们还都只是在一些特殊关键词上的尝试，并非大规模的应用。大概是为了避免被人鄙视说抄袭google，yahoo给这个翻译成“通用搜索”） . 8、 如果说“综合搜索”是把搜索图片、音乐、视频等相关内容，都一股脑的在页面上找个不同位置罗列出来； 那么，“整合搜索”就是“按照原先网页搜索结果那种一条条的展现方式，罗列包括网页在内的更多图片、音乐、视频等搜索结果”。 9、其实这种罗列方式并非整合搜索的最大问题。（无外乎就是怎么展示嘛） 真正关键的是：搜索引擎在背后如何更好的计算出什么样的结果排在前面，什么样的结果要排在后面。 比如，在搜索“周杰伦”的时候音乐得排在影视前面，搜索刘亦菲的时候就要反过来。 也就是说，“综合搜索”其实只是把所有类别的搜索结果都找地方摆出来，而“整合搜索”是先把不同类别的搜索结果排好顺序，再按照用户习惯的方式展现出来。 之前ask.com只是通过最简单的方式给展示了出来，也没有解决最麻烦的算法问题。现在google和yahoo在解决更加复杂的问题… . 10、keso说搜索的游戏已经GAME OVER。 我认为某些还没有落后太远的选手其实还会有机会，虽然从搜索结果如何更匹配上很难有大的超越，但是“如何更好的呈现搜索结果”也许会是一个突围口。

网站：http://www.etsy.com/showcase.php 描述：在物品展示页面，A图点击图片后，显示B图的样式；与第一个类似，但是不同的是图片大小一致，却故意摆放成不同的角度；点击后显示商品在不同角度拍摄的图形和商品的详细信息；并且可以通过此页面进入同类商品。

网站：http://www.thisnext.com/ 描述：首页堆积了各类“小东西”的图例，摆放大小不一，形式不拘一格；鼠标移动上去就可以看到出现气泡窗口，点击后还可以查看更多的详细信息。 引发：给用户（特别是女性）一种进入百货商场的感觉，类别多样化，轻巧、简洁；用图形充当了导航；鼠标移动的缓冲效果没有时间的阻碍；最重要的是首页的效果有点不同，总有一种温馨的感觉；

网站：http://www.kaboodle.com/ 描述：下图A图示清晰的排列出3个产品，可以清晰的看到商品的质地；点击“see details”可以看到商品的详细信息。 引发：从上面A图中的“help me choose（帮你选择）”，可以提供给用户更加理智的选择；从网上购物的发展来看，更加需要中间力量的导向，来指导人们购物。当看不到实际商品的时候，也许“帮你选择”或是“专家指导”，甚至“其他用户经验”更能给用户带来购物体验的安心。其实现在仍然有很多用户担心网购的质量和色泽等，如果中间加上一个检验员（当然，需要没有任何商业牵制的人），也许会放心很多。

购汽车电筒spotlight获赠品活动 即日起5月26日，在本站购汽车电筒spotlight即可获得专用配套配件赠品任一，款式随机发放，先到先得！赠完为止！ 限时特价 玩意生活限时特价活动正式启动，每天的上午10点都会推出一款特价商品，折扣超低哦，每款特价商品的抢购时间只有24小时哦 特价酬宾 玩意生活网特价大酬宾活动开始喽，超低折扣直降20%-50%，快来抢啊！~这里有上百种刺激你眼球又好玩的东东，觊觎已久了您吧？玩酷DDMM勿错过！ 上周上传图片获奖名单-赢得100元购物券 上周上传图片获奖者为艾泽!获得100元购物券，恭喜! 感谢广大玩友们的支持!每周会从顾客上传图片中选出最Nice的图片，详情查看素人自拍 首次拍获奖名单-赢得20元优惠券 本周上传顾客图片并且为首次拍产品的获奖者是花花，获得20元优惠券！本活动长期有效！

地图相关服务网站 1.Wayfaring.com :利用了Google map api service, 提供你很方便就可以将Google Map应用到你的网站或Blog中的服务, 可以轻松地在线创建地图, 加waypoint, note, 然后存下来, 将它提供的html code拷到你的Blog上就可以显示了, 还有其它和读者交互的一些方式, 比如让读者在地图上标注等等。 2.Frappr：也是利用核心的Google map技术，你可以在这里创建自己的社区或群组。成员可以在自己的Group的地图内标注自己的地理位置，简单留言或上传图片。 3.Housingmaps：Google map与搜索相结合的典范，其网站将Google的地图同公寓出租，以及住宅购买数据相结合，来创建一种交互式的房屋搜索工具。你可以选择房屋的地点和价位。 4. E都市：E都市作为三维仿真的网上交互性城市平台是基于WEB GIS和虚拟现实技术所实现，运用3D全景影象等技术,通过三维实景模拟的表现方式，无缝的集成城市电子地图、三维电子黄页、生活资讯、电子政务、同城电子商务、同城交友、虚拟社区等服务内容。 5.都市圈：与Google map/Earth或城市吧最大的差别是，都市圈最大的特点是它的三维虚拟地图，而不是卫星图或实景图。都市圈上面提供了三种基本的浏览模式：平面、立体、卫星。其中的立体指的就是三维虚拟地图是最具特色的。 6.Seomoz.org/ip2loc/ip2loc.php:利用了Ajax技术，SEOmoz 做的一个网站，让你打入IP然后就会在Google map点出大约地理位置。不过好像用来找我的IP不能在地图上清晰显示，因为Google Maps上面的中国地区图像解析度一般不高。 7.Cityranks：在Google map上显示人口密度的网站。 8.Communitywalk ：让用户自己创造地图，与他人分享。 9.TravelPost:在地图上提供游客张贴日志、照片、旅馆评等之类的资讯。 10.KMaps：以google map为本，开发出一套系统，让网友可以在各种行动设备上取得所在位置附近的资讯，诸如附近餐厅的地址、前往餐厅的路线等。拓宽了地图的应用层面，包括在住家附近找到约会对象，提供联谊连网等。 11.Tutorlinker是由两位洛杉矶的大学生创办的一个网站，网站利用Google Maps技术将提供家教人员的位置在地图上显示，想要找家教的学生或者家长可以很方便的利用这个网站找到自己附近提供家教的信息。详细介绍。 12.Auctionmapper是一个基于eBay的商品搜索网站，它使用flash技术将eBay的搜索结果展现在地图上（仅限于美国地区）。详细介绍。 13.Musiclocated ：是一个由西班牙的音乐爱好者和喜爱音乐的人创办的一个非盈利的提供在线定位音乐家和音乐圣地的服务，这些定位通过Google Maps在地图上显示。详细介绍。 14.邻居网：是一个通过Google Maps将您指定生活、学习、工作或者“去过”的地方的地理坐标标出，通过这种标注，邻居网上的朋友可以通过网络发现自己在现实生活中身边的朋友。 详细介绍。 15.Geoiptool：是又一个基于Google Maps在线应用,你可以通过Geoiptool查找不同IP地址的位置，位置信息可以在Google Maps上显示出来。 16.Mapwing：是一个提供在线虚拟导游地图服务的网站。Mapwing希望通过图片来构筑在线的虚拟导游地图。用户可以上传自己的图片，然后对于图片上的任意一个点，用户可以提供东南西北四个方向的视图照片，以达到比较珍视的虚拟效果。同时，你可以浏览所有用户建立的虚拟地图。详细介绍。 17.Mapmsg：是一个提供很有意思服务的网站，它通过将发送消息与Google maps相结合，你可以选择地点，然后输入你想要输入的消息，你发送的消息便可以在地图的这个地点来显示。详细介绍。 18.EEmap:一种基于Wiki理念的在线互动电子地图服务。与一般电子地图服务和WebGIS不同的是，这种电子地图可以由普通使用者自行编缉。 19.Grou.ps 是一个在线社群网络社区，可以将其理解为“加强版”的Yahoo/ Google Groups。提供书签分享服务，组群服务，Wiki功能，还提供了地图服务，小组成员可以在地图上标明自己的位置。详细介绍。 20.Nearbie和我以前介绍的Dandelife和Ourstory比较类似,是一个通过将自己的历史记录通过照片,文字,地图等方式记录下来,能够和自己的家人和朋友分享,也能够按照一定的方式管理自己的历史记录。详细介绍。 21.龙久久是一群由爱好网络的留学生、管理者等创建的一个以互联网为平台 的人生的分享和交流社会化网络社区。其中生命站点主要是通过Google Maps将你生命中待过的地方在地图上标注出来，并且可以选择在某个地点待的时间段，并且在这个时间段内可以撰写博客，上传照片，而这所有的博客内容，照 片内容都可以在这个地图上汇总显示。即将时间轴的内容“博客和照片，文件”和空间轴“地点”紧密的联系在一起。详细介绍。 22.Triphub是一个提供在线组织出游服务的网站，你可以通过Triphub组织旅游，邀请你的好友参加，和你的好友分享和讨论旅行计划，统筹出游相关事宜等等。Triphub提供了旅游地图相关服务。你可以通过地图分享你的旅行计划 。详细介绍。 23.Planningalerts提 供一项在线提醒服务，提醒服务的内容比较有意思，那就是你居住地附近的项目，如附近电影院或者酒吧开张，拆迁或者翻新情况。你可以在地图上查看通知区域。详细介绍。 24.Remember the milk：是一个提供在线个人任务管理服务的网站。Remember the milk允许你将你要完成的时间列表标注在地图上，这样可以将你要做的事件可视化，更加形象，一目了然。详细介绍。 25.Qlock：是一个利用Google Map构建的世界时钟网站，你可以在下面的查找栏中输入城市的地址，它就会把当地的时间显示在上面的Google地图中 。 链接：http://www.web20share.com/list/map

1—logo：基本logo特征，符合logo设计基础（平面设计通用）显示器效果：清晰度，最小尺寸（因显示器分辨率而带来的，等同线下平面设计的印刷效果）2—文字：内容等级决定字体、字号大小、粗细；状态决定颜色（默认或者根据网站特殊统一）3—广告、内容图片：尺寸样式的定位，同一页面的和谐性，图片的优化，位置的节奏，大小对比。4—icon：品牌性，表达准确合理，设计手法（依据品牌性），一致性，作用：吸引，醒目，方便识别、理解、操作、记忆。5—可点击（button)：区别（不可点击），根据人的生活经验：厚度，可按，质感（实体联想），色彩（品牌性、统一性、对比性）；统一的样式大小（依据里面文字的内边距统一）6—背景图片：氛围效果营造，同产品的统一性，优化（品质大小，色彩信息，实现方案），7—图文排版：主图次文，图文节奏，空隙，模块化。8—当前状态：放大（形状），变色（反色、对比色、明度纯度区别色），链进链出后指定内容提示。9—交互控件：样式合理准确性（人对系统默认的认知和生活常规认知），状态（视觉表现样式和动作过程优化），创意。10—loading：内容关联性（loading前后的内容关联），无聊等待的乐趣，体积、面积优化，创意。11—用户反馈_ 成功、出错、提示、无结果：文案（明确、合理、人性化、创意），图形（明确、醒目、色彩的心理认知准确度）。12—动画效果：过程合理（模拟真实环境的合理化），连续，节奏感，用户日常动作表现，音效配合，创意。13—首尾设计：首（品牌宣传、自身特点、明确内容、气氛表达、创意。尾：呼应、节奏（与首），创意。14—适应屏设计（全屏设计）：最大最小屏幕的考虑（文字、图片的位置、折行效果）15—固定尺寸的栅格设计：合理的单元格（考虑黄金分割），单元格面积节奏，边距统一性16—demo设计样稿：对内容最多最少的考虑。17—页面：品牌性，基调元素一致性，复用性，节奏感、面积感，视觉第一吸引，引导浏览，点线面关系，素描原理（运用素描的基本规律来做页面）。18—阅读：背景对阅读（视力）的舒适度，内容与背景的对比舒适度

错误的设置 数据库服务器的参数配置问题：导致 MySQL 消耗了大量资源。Apache Keepalive 的设置为不合理，修改为 off。我想这个前提应该还是要选择自己最擅长的技术路线。如果错误的选择另一条不熟悉的技术路线，那么遇到技术时解决问题的速度怕是更让用户恼火。对于 Apache 还应该知道 Httpd.Worker 比 Prefork 消耗更多内存 (httperf 来进行 Benchmark) ，内存也是蛮贵的。

尽可能的缓存动态内容 尽可能的利用数据库的 Cache，利用其他 Cache 工具，如 MemCacheD，来减轻对磁盘的 IO 压力。为了节省成本，很多站点都是用的低速大容量的磁盘，所以，充分利用 Cache 是一个网站成功的必然条件。这样的软件BerkeleyDB 的最高事务处理记录是 90000 事务/秒。

剥离图片与CSS 到单独的服务器 说白了，也是为了减轻磁盘的压力。现在很多 Web 2.0 站点都把图片放到 Amazon S3 上，省心了不少。当然，国内还没这样的服务。

1，界面上的文字应该做到：清楚而准确的向用户传达信息。其实这是内容优化的最基本要求，本应该是所有产品都可以做到的。但往往是越熟练的人越容易在这里出现问题。常见表现：过份的向非专业用户展示专业词汇、信息提示本身误导了用户。 比如，某视频网站突然蹦出来一个“bps超出，链接失败。”（查了资料我才明白bps大概是每秒链接数的意思）比如，有些网站用户没有注册也去登录的时候反馈提示为“密码错误”。其实直接提示没有此用户，然后给个链接“注册此用户”，你会发现转化率相当高，注册量有了用户也方便了。

3，整个产品不同位置的文字应该统一。大家都讲普通话，不能一会中国话一会外国文。这是一个最简单的问题，却是大部分网站都未能避免的问题。（特别是在中文网站，大概是因为中文说法太多了）比如，作一个IM软件，一开始是“添加好友”，接下来“联系人列表”，然后又是“不在线的朋友”；一开始是“注册用户名”、然后是“登录ID”、还有“您的账户”、“管理帐号”、

2，界面上的文字应该便于用户阅读并快速理解其含义。最常见的问题表现是：语言过于罗嗦、信息排列混乱。 比如，某门户网站在注册blog的时，“您的登录名”旁边这么写辅助说明：“4-16个字符（包括4、16），英文小写、汉字、数字、下划线，不支持空格，不支持全角英文，不支持纯数字，不能使用下划线开头和结尾。”。（大致推算了一下，一个IQ小于200的普通用户如果认真读完并完整理解这句话的意思需要近1分钟时间）比如，另一门户的blog和他旗下的校友录网站，东边一个下划线、西边一个icon加文字、南边一个按钮加文字、北边一个红色、中间还有一个红色加粗。我进去之后真不知道什么地方可以点什么地方不可以点，什么地方能点什么地方不能点…再比如，某电子邮件服务在注册的时候这样排列：“用户名:___、密码:___、密码强度：[][][]、重复密码：___”。吓的我还以为可以自定义密码强度。。。

老域名的价值，如果有个老域名没有被搜索引擎惩罚过，并且建立了大量的高质量反向链接，PR值较高，你能拿来建站的话，那么，你的网站会具有非常大的SEO优势。

Dmoz(The Open Directory Project/ODP)是一个人工编辑管理的网址分类目录网站，为全球上百家的分类目录和很多搜索引擎提供数据。如果你的网站能够登录到DMOZ..org的话，意味着你会获得上百个分类目录的链接。同时，在其它条件相同的情况下，Google的第一页更倾向于留给已经加入Dmoz的网站。

持续不断原创内容，为用户提供独特的、优质的、有价值的内容。这是它排名靠前的根本所在

Tumblr - 演示地址 http://williamlong.tumblr.com ： Tumblr是一个很灵活的微博客（micro-blogging）系统，操作和使用都非常简单明了，Tumblr可以支持引入网摘 del.icio.us、聊天twitter、图片flickr以及自定义的RSS Feed等等，支持绑定域名。不过已经被中国电信和谐了。 Soup.io - 演示地址 http://williamlong.soup.io ： 和Tumblr的功能非常类似的微博客系统，同样支持引入del.icio.us、twitter、flickr、rss等，支持绑定域名，同样也被中国电信和谐了。 VOX - 演示地址 http://williamlong.vox.com ： 功能强大的微博客系统，支持发布图片（flickr）、书籍（Amazon）、视频（youtube）等各种信息的系统，界面简明，支持导入功能。vox的社区功能很有特色，会自动将你邻居的信息发邮件到你信箱。vox也被电信和谐之中。 Jaiku - 演示地址 http://williamlong.jaiku.com ： Jaiku自从被Google收购后就停止注册了，要邀请码才能注册，在Jaiku还没开放注册之前，电信就未卜先知，提前将Jaiku给和谐了。 Twitter - 演示地址 http://twitter.com/williamlong ：和上面几个微博客不同的是，Twitter目前还可以从中国访问，这大概是因为Twitter不支持全文RSS引入的原因吧，Twitter发布的内容一般只有140个字，可以通过手机或者IM软件发布信息，是一种很流行的微博客系统。 Iminta - 演示地址 http://www.iminta.com/people/williamlong ： 除了具有Twitter的大部分功能外，还有类似Friendfeed的聚合功能，能将del.icio.us、flickr、google reader、youtube、blog等等上的信息聚合过来，目前需要邀请才能注册。 Pownce - 演示地址 http://pownce.com/williamlong ： 类似Twitter的系统，不过竟然不支持中文，不知道设计的时候是怎么想的。 饭否 - 演示地址 http://fanfou.com/williamlong ：国内较为知名的微博客系统，功能和Twitter类似，支持国内手机短信更新，在国内使用人数很多。 叽歪 - 演示地址 http://jiwai.de/williamlong ：叽歪de拥有了饭否的大部分功能，而且还提供了几个新的功能，可绑定Skype和水木社区的帐号，还支持OpenID。详细介绍。 以上部分转自月光博客–免费微博客服务 MySay正如它所说的, 取代了更新文本,用户呼叫MySay并且记录下他们今天的新情况。这样,朋友们或家人就可以通过电话,邮箱,或Web来听。 Hictu是为使用录象的博主服务的。上传录象需要的仅仅是一个网络摄象机和一个鼠标。这种流线型的方法为播主节省了时间和精力。 Moodmill是表达你的情绪和目前的状态的一种方式。一个标度尺使这一过程变的容易,而快捷的文本完善了这一个人化的服务。 Frazr也与Twitter很相似。他们主要的区别是语言. Frazr主要着眼于法国和德国市场。 IrateMyDay使你能够在一个标着从”坏极了”到”好极了”的刻度上评价你的这一天。用户除了评价,也可以一并提供一个最新的简短文本。 Emotionr是在一个从1-10(包括小数)的刻度上计量你的高兴度的方式.正如它的名字昭示的,它是一种表达并与你身边的人分享你的情绪和感受的方式。

Seesmic是一个基于视频的在线微博客平台，其借鉴了Twitter的模式，并且将网络视频完美的融入其中，我们可以把其称作视频类Twitter网站。也就是Twitter通过文字作为交流的一种方式，而 Seesmic中则是将视频作为最基本的交流的方式，不管是你的任何活动，或者你对好友视频的回复，都是用视频来进行的。视频上传，在线视频录制也成为这种模式最主要的交流方式。可以说 Seesmic=Twitter+Video。详细介绍。 滔滔：腾讯旗下网站，腾讯可以说是很善于模仿的一个公司，可以通过手机，QQ，短信，网页进行更新。凭借其QQ庞大的用户群，滔滔也迅速占有了其用户群。 做啥：国内的又一个微博客服务网站，支持网页，MSN/Gtalk/Skype更新，手机短信更新，提供做啥firefox插件。 Buboo：台湾的微博客服务网站。应该在台湾是很流行的。 Blip 是 Fuzz 旗下的一个产品，业内人士称之为“Twitter for Music”，开创了音乐分享新的途径，并一致认为有极好的发展前景。Blip 采用的Twitter 分享模式，你可以建立自己的微型博客，可以邀请好友等，完全和Twitter 一样。所不同的是，在Blip 只有音乐。（Via） Phottor :单词 photo（照片）的变体，意为“拍照的人”。phottor 是一个用照片记录微博客的系统。不同于传统的文字为主、图片为辅的博客系统，phottor 是以照片为主，文字为辅！ niimo是一个德国类似Twitter的微博客服务。其除了具有普通微博客所具有的多IM,手机和邮件支持，好友等功能外，还加入了一些更新鲜的特色：地图支持，回复支持， Feed支持，自动更新。（Via） 相闻：国内又一个微博客服务，支持手机，网页，MSN/QQ更新。 Hellotxt：微博客工具，它能让你的更新内容同时发送到十多个微博客网站上面，包括Twitter、 Jaiku、Pownce、Tumblr、Meemi、Beemood、GoZub、Frazr、Numpa、Facebook、Plaxo。（Via）详细介绍。 Streem：类似于Tumblr的微博客服务网站。 随时记：国内的又一个微博客服务网站，支持MSN，网页进行更新。详细介绍。 微可：国内微博客服务，支持 通过QQ MSN Gtalk 手机更新。详细介绍。 澳洲华人交流网：包括：群组；本地；汽车；信息；博客；八点；泡泡。在微博客的基础上更多的加入了组群的功能。 Qwizzy是一个提供类似功能在线知识分享平台，也是一个在线问答互助社区。不过 Qwizzy比较独特的地方是，我在身上看到了一些Twitter的影子。 Qwizzy加入了和Twitter比较类似的模式，可以看作是在线问答的微博客模式。详细介绍。 Bemba 也是一个Twitter 的扩展应用，它采用了Twitter 的微型博客模式，提供给大家一个简单的分享交流平台。不过Bemba 也独具特色，它主要支持用户交流与分享自己喜欢的视频，以及自己收藏的一些酷站，因此在Bemba 你可以找到与自己有同样爱好的朋友，也能在比较短的时间里找到自己喜爱的视频和欣赏的网站。

ASP.NET2.0典型模块 Posted by Feng on 22 February, 2009 No comments yet This item was filled under [ program ] 第1章（C01） 示例描述：本章实现了用户登录功能。 UserLogin 用于用户登录的验证程序 第2章（C02） 示例描述：本章展现了ASP.NET 的缓存功能。 CacheDependency ControlCache.aspx 表示控件级缓存 CacheDependency PageDependency.aspx 表示页面级缓存 第3章（C03） 示例描述：本章从不同方面介绍ASP.NET 2.0新增的特性Profile。 ProfileWebSiteSimpleProfile.aspx 简单个性配置设置 ProfileWebSiteComplexProfile.aspx 复杂个性配置设置 ProfileWebSite MigrateAnonymous.aspx 匿名用户的个性配置迁移 第4章（C04） 示例描述：本章通过两个小系统演示了如何实现在线投票 SimpleVote 简单投票系统 FullVote 复杂投票系统 第5章（C05） 示例描述：本章介绍了RSS的实现及应用。 RSS工具包 Microsoft提供的RSS工具组件 源代码SimpleReader.aspx 简单RSS阅读器 源代码 ComplexRSS.aspx 复杂RSS阅读器 第6章（C06） 示例描述：本章介绍了在线编辑器的原理及实现。 FCKEditorSample FCK编辑器的使用示例 FreeTextBoxSample FreeText编辑器的使用示例 SimpleEditor 自定义的简单在线编辑器模块 第7章（C07） 示例描述：本章示例展现了C#中的字符串操作。 代码 实现在线支付的示例 第8章（C08） 示例描述：本章演示了如何实现电子邮件的发送和接收 JMail接收 使用第三方组件实现邮件的发送和接收示例 SimpleMail 使用ASP.NET的Net类自定义邮件发送模块 第9章（C09） 示例描述：本章示例展现了如何实现文件的上传和下载。 简单上传和下载 比较简单的上传下载模块 复杂上传和下载 复杂类型文件的上传和下载模块 第三方组件范例 使用第三方组件实现的上传和下载范例 第10章（C10） 示例描述：本章示例展现了如何使用ASP.NET 2.0实现网络的图文验证功能 SimpleValidate 随机数字验证模块 ImageValidate 复杂图文验证模块 第11章（C11） 示例描述：本章示例展现了ASP.NET 2.0中对图片的处理方法 WatermarkedPhoto 使用ASP.NET 2.0实现图像水印 ThumbnailImage 使用ASP.NET 2.0实现缩略图模块 AspJpegSample 使用第三方组件在ASP.NET 2.0中实现对图片的处理 第12章（C12） 示例描述：本章示例展现了ASP.NET2.0中的防盗链技术。 HandlerSample 图片的处理程序以及防止盗链的方法 FileHandlerSample 文件下载示例 第13章（C13） 示例描述：本章示例展现了在ASP.NET2.0中实现在线服务的功能。 OnlineService 复杂的在线服务模块 QQSample 比较简单的QQ模式在线服务 第14章（C14） 示例描述：本章示例演示了如何简单的实现站内和站外的搜索。 BaiduSample 使用百度完成的搜索范例 GoogleSample 使用Google完成的搜索范例 第15章（C15） 示例描述：本章示例展现了如何使用ASP.NET 2.0统计网站的一些在线数据。 StatSample 网站统计模块的范例 createTable.sql 范例中需要的数据库的脚本 第16章（C16） 示例描述：本章示例展现了聊天室模块的实现。 SimpleChat 一个简单的双人聊天功能 ChatRoom 一个聊天室模块的范

ASP.NET2.0典型模块