web 截取文字长度，并使用…代替多余的文字
1）方法： public static string SubStr1(string oldStr, int maxLength, string endWith) { if (string.IsNullOrEmpty(oldStr)) //?? throw?? new?? NullReferenceException( “原字符串不能为空 “); return oldStr + endWith; if (maxLength < 1) throw new Exception(“返回的字符串长度必须大于[0] “); if (oldStr.Length > maxLength) {
string strTmp = oldStr.Substring(0, maxLength); if (string.IsNullOrEmpty(endWith)) return strTmp; else return strTmp + endWith; } return oldStr; } 前台调用： <%#SubStr1(Eval(“Zt”).ToStri ...
UCD—以用户为中心的设计原则
UCD—以用户为中心的设计原则 Web 1.0是商业，Web 2.0是用户（见图2-1）。 —Ross Mayfield（Socialtext CEO）
（点击查看大图）图2-1? Web 2.0就是用户
打开网页，你是否总是希望你关注的消息显示在最醒目的位置？你是否有过这样的经历：你更换了你常用的网上银行，只因为那家新的银行的转账操作比较简单？你又是否有过这样的想法：希望网页上只出现你想看到的内容？以上三个简单的例子代表了用户的三种特性：懒惰、有想法、喜新厌旧。 在这样一个用户需求日益变化，而互联网资源极其丰富的时代，如何才能吸引用户，如何才能创造价值？设计时遵循以用户为中心的设计原则是一个不错的思路。何谓以用户为中心的设计（User-Centered Design，UCD）？简单来说，就是以用户为中心进行产品的设计、开发和维护，一切都从用户的感受与需求出发，而不是让用户去适应产品。要做到这一点，就必须时刻关注用户习惯、视觉感受、交互方式等细节。 UCD的标准流程是从用户调研开始的（见图2-2），根据调研的结果得出用户需求。此后进入设计阶段，经过原型设计、可用性设计、模型设计等一 ...
前端开发常用的工具汇总（2）
调试类工具（2）4．Microsoft Expression Web SuperPreview Expression Web SuperPreview支持开发人员在不同的浏览器中模拟呈现Web页以检测布局问题。SuperPreview既有独立的安装版本，也可以集成到Expression Web。如今的浏览器除了Firefox和IE，还有Safari、Opera和Chrome的跨平台版本，以及大量的手机浏览器。除此之外，这些浏览器又有多个版本，它们又有很多不同的呈现特性（如IE 6、IE 7和IE 8）。 当今的Web开发人员面临着如下困境：
大多浏览器的不同版本不能同时存在，应以新版本替换旧版本。所以，在同一台机器上不能同时安装IE 6和IE 7（除非使用虚拟机或者不稳定的注册表技巧）。 很多浏览器同时支持Mac和Windows。开发人员至少要在Mac Safari中进行测试，而Windows版的Safari中呈现的内容却有所不同。 浏览器的人体工学测试则更加糟糕。大多数开发人员要加载他们的网站到演示服务器上，而服务器上却运行着不同的浏览器，他们不得不在每一台机器上手动加载，然后在每 ...
前端开发常用的工具汇总（1）
“工欲善其事，必先利其器”，现在开发Web应用和前些年相比已经完全不同了。早些年开发ASP应用时，只需要掌握如何应用Dreamweaver就行了；而现在Web应用得越来越成熟，开发语言也更多样化，特别是在Web标准、兼容性、性能、调试、设计等方面得到了广大用户的重视，基于Web的工具应用也越来越多。这些工具能辅助我们在开发效率、思维拓展、协同工作等方面进行改善。下面的小节中将列举一些前端开发人员所必须掌握的工具，相信它们能给我们的工作带来便利。
1、设计类工具Adobe公司旗下的一些软件是我们最常使用的工具集，下面分别介绍其中的一些软件。 Adobe Photoshop作为一款最早用于平面设计的软件，现在也常被视觉设计师应用于Web的视觉原型稿制作。视觉设计师可以根据线框图原型稿进行视觉设计，最终完成真实的Web视觉原型，交付评审。同时Photoshop还可以用于切割图片，将视觉稿切割成小图供编码人员使用，一些背景图、PNG图、CSS精灵的整合图片都离不开Photoshop这款史上功能最强的图像制作软件。 Adobe Flash动画制作软件虽然是制作矢量动画的软件，但是它已成为Web中 ...
你们见过250元面值的人民币吗？
声明：此图片来自互联网！！！
关于UI设计你需要自问的12个问题
UI 设计的魅力在于，你不仅需要适当的技巧，更要理解用户与程序的关系。一个有效的用户界面关注的是用户目标的实现，包括视觉元素与功能操作在内的所有东西都 需要完整一致。为了实现这个目标，你需要问自己 10 个最基本的问题。
1. 你的 UI 是否高度一致？
用户来到你的站点，脑子里会保持着一种思维习惯，你的 UI 需要保持一致，以免用户的思维方向被打乱。比如，如果你的某个品目下的产品可以拖放到购物车，那你站点中所有产品都应该可以这样操作。将按钮放到不同页面 相似的位置，使用相契合的配
色，使用一致的语法和书写习惯，同时，让你的页面拥有一致的结构。
２．用户能自由掌控自己的操作吗？
你应当分析一下，自己的站点是否容易导航。用户应当可以自由掌控自己的浏览行为，确保他们能从某个地点跳出，能够毫无障碍地退出。那些在用户离开前 弹出窗口的行为是 UI 易用性的一个大问题。
３．你知道谁是你的用户群吗？
要设计有效的 UI，必须对你的用户群有所了解，不同的用户阶层对不同的设计元素有不同的理解，1725 岁年龄段的人，和 4055 年龄断的人有不同的喜好。你的 UI 设计必须针对你的用户群进行 ...
国外关于web设计的优秀网站搜集
国外关于设计的优秀网站： 1、http://www.csszengarden.com/ 禅意花园，web设计师必去的地方。 2、http://ui-patterns.com/ UI设计 收集展示了一些改进过的设计模型，比如验证码、帐户注册、导航标签等 3、http://patterntap.com/ 学习有效用户界面的设计，最好的办法是看看其他设计师是如何做的。你可以从Pattern Tap的设计模型展示中获得灵感。这儿收藏了表单设计、登录界面、二级导航、按钮等资源。
4、http://architectures.danlockton.co.uk/ Design with Intent 是 Dan Lockton 的博客，主题是理解和影响用户交互 5、**Yahoo! Design Pattern Library** Yahoo开发网络有一个日渐丰富的设计模型库Yahoo! Design Pattern Library。这里展示了用户界面设计方面的通用设计模型。一些广为讨论的模型包括模块标签、拖放操作和评级评论。 6、Welie.com的交互设计模型库提供了各种交 ...
javascript idocument.write与writeln的区别
今天搞不懂write与writen的区别，于是找资料，实验，终于弄懂！！ 先看例子： with(window.open()){ document.write("百度") document.write("百度") document.writeln("知道") document.writeln("知道") document.writeln("知道") }
运行上面的代码，在新开的窗口中:查看－源文件，就可以看到，writeln是以行方式输出 如图： 最外面的是原文件，里面的是弹出的百度知道的页面，旁边的是百度知道的源文件，区别一目了然！ 总结： document.write() //将内容写入文档，当前编辑位置为写入的内容的后一个字符 document.writeln() //将内容写入文档，并添加一个换行符，当前编辑位置为写入的内容的后一行document.write()和document.writeln都是JavaScript向客户端写入的方法，writeln是以行方式输出的，但并不是指页面实际效果中的换行，两种方法在查看源代码时才看得出区别，除非是输出到pre或xmp元素内 ， ...
Web.config debug=“true”调试页面
Web.config? 设置，禁止调试与否 当debug=“false”时，编译出错也不会出现调试界面！
input button onclick 链接
input Button 按钮，跳转链接，方法： 1.如果让本页转向新的页面则用： 2.如果需要打开一个新的页面进行转向，则用：
后退+刷新 3.打开无边框的新窗口 4.点击按钮弹出确认alert窗口 方式一： 方式二：