http://www.csser.com/html/csser/webstandards/index.html 客户端开发 / web标准与前台开发 zh-cn webmaster@csser.com http://www.csser.com/html/csser/webstandards/200711/23/1795.html ins和del 是在HTML4.0时引入的，可以帮助创作者开发文档时相互合作，并且也保持了一些编辑(比如可以反应创作者是一段时间内是修改文档的、如何思考的)和版本控制的成分(在软件的帮助下，可以让文档恢复到某一特定时间下的状态)。 属性 cite：属性值是一个文档或者信息 2007-11-23 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200711/23/1794.html 以下是JavaScript容易犯错的九个陷阱。虽然不是什么很高深的技术问题，但注意一下，会使您的编程轻松些，即所谓make life easier. 以及对某些陷阱会混杂一些评点。 1. 最后一个逗号 如这段代码，注意最后一个逗号，按语言学角度来说应该是不错的（python的类似数据类型 2007-11-23 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200711/23/1793.html XHTML 里面的img标记应该这样写：img alt= src= /，这种写法也就是所谓的自关闭，在XML中是完全合法的写法。如果你熟悉XML相关的开发，可能也就习惯于这种写法，想着XML中任何不含子节点的元素都可以这样写，那么XHTML中没有内容的标签也都可以这样写。XHTML中理论上当 2007-11-23 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200711/23/1792.html 从readyState状态看AJAX。在《Pragmatic AJAX A Web 2.0Primer》中偶然看到对readyStae状态的介绍，感觉这个介绍很实在，摘译如下： 0: Uninitialized the send method has not yet been invoked. 1: Loading the send method has been invoked, requestinprogress. 2: 2007-11-23 web标准与前台开发 秩名 博客园 http://www.csser.com/html/csser/webstandards/200705/11/1791.html 1.250定律 拉德认为：每一位顾客身后，大体有250名亲朋好友。如果您赢得了一位顾客的好感，就意味着赢得了250个人的好感；反之，如果你得罪了一名顾客，也就意味着得罪了250 名顾客。 在你的网站访客中，一个访客可能可以带来一群访客，任何网站都有起步和发展的过程， 2007-05-11 web标准与前台开发 mixmax mixmax's blog-麦玛动力|设尚品道 http://www.csser.com/html/csser/webstandards/200704/16/1790.html SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块 原文： SWFObject: Javascript Flash Player detection and embed script 翻译： Awflasher.com 汉化地址： http://www.awflasher.com/flash/articles/swfobj.htm - 更新到SWFObject 1.5官方文档(Updated to 1 2007-04-16 web标准与前台开发 awflasher awflasher.com http://www.csser.com/html/csser/webstandards/200704/16/1789.html 先不说什么是好的用户体验――最差的用户体验是引发了用户不知道该做什么的挫折感。可以从两个方面证明上述判断：第一，从用户心理来说，访问互联网和读书看报不一样，互联网信息量太多，获取信息的方式太快，使得个体在上网时，相比使用传统媒体，内心普遍存在焦虑或潜 2007-04-16 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200704/16/1788.html 技术发展会使技术产品的使用变得日益复杂，有时还背离其初衷，走入为技术而技术的误区。因此，如何使产品符合用户需求、方便易用，便成为一个永恒存在而又必须不断克服的问题，即可用性（usability）问题。 可用性问题在交互式IT产品（计算机软硬件、网站、消费电子产品 2007-04-16 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200704/16/1787.html 第一次走到新的办公室，透过落地的巨大玻璃门，可以看到里面的会议室。习惯的去推门，同时脚步并没有停下来。 结果。。。 哐的一声巨响，我差点整个身子就撞了上去，鼻子已经贴到了玻璃上。原来，这扇门是只能拉，而不能推的。 这是每个人都会遇到的事情：只能拉的门去 2007-04-16 web标准与前台开发 王建硕 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200704/15/1784.html Window.Open详解 一、window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、示例： SCRIPT !-- 2007-04-15 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200704/13/1777.html 在编写JavaScript时候，无论项目大小，都应该对所有*.js文件就行管理，尤其是面向对象的项目中。应该如Java一样，将每个类独立出来。但有个问题是JavaScript不支持脚本导入，这使得这个工作变得非常麻烦。 目前我找到了两种方式来做这个工作，即在JavaScript中模拟出im 2007-04-13 web标准与前台开发 march 三月的蚁穴 http://www.csser.com/html/csser/webstandards/200704/13/1776.html JavaScript中提供获取HTML元素位置的属性： HTMLElement.offsetLeft HTMLElement.offsetTop 但 是需要注意的是，这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置，而是相对于其父元素位置的相对位置，也就是说这两个数值得到的是以其 父元素左上角为(0 2007-04-12 web标准与前台开发 march 三月的蚁穴 http://www.csser.com/html/csser/webstandards/200704/12/1775.html 现在越来越多的网页出于各种各样的原因会将页面上的一些区域（通常是div）隐藏，CSS隐藏元素的方法也有很多种，最常用也是最好用的就是display:none。可是被赋予这条规则的元素会在某些辅助设备中被认为不存在于文档模型中，所以造成该区域中的内容不可访问。 text-inde 2007-04-12 web标准与前台开发 march 三月的蚁穴 http://www.csser.com/html/csser/webstandards/200704/12/1774.html 在异步应用程序中发送和接收信息时，可以选择以纯文本和 XML 作为数据格式。掌握 Ajax 的这一期讨论另一种有用的数据格式 JavaScript Object Notation（JSON），以及如何使用它更轻松地在应用程序中移动数据和对象。 如果您阅读了本系列前面的文章，那么应已对数据格式 2007-04-12 web标准与前台开发 Brett McLaughlin IBM http://www.csser.com/html/csser/webstandards/200704/12/1773.html 表单是网页中一个不可缺少的部分，如何使表单更具有亲和力了？这是一个遵照 WCAG 指导原则设计的表单，许多地方都努力去做了。 fieldset标签 fieldset标签会在包含的文本和input等表单元素外面形成一个方框，legend元素作为标题。 Label标签 Label 用于表单元素 (input, 2007-04-12 web标准与前台开发 forestgan csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200704/12/1772.html 表格一直是网页设计制作过程中一个重要的组成部分，在没学习CSS布局前，大多是用来布局的，但到目前位置发现居然还没真正地了解和完全掌握表格，不得不需要重新认识表格...... 在现代网页设计制作中，表格主要的用途应该是用来存放多元二维数据。和表格相关的标签有 tab 2007-04-12 web标准与前台开发 forestgan csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200704/12/1771.html 现在国内绝大多数的站点都用CSS把字体大小设定为12px，像素虽然也是相对尺寸单位，但只是相对于屏幕的分辨率 ，当屏幕的分辨率一定时，如果你感到字太小，阅读有困难，在非标准浏览器中就无能为力了，所以说，如果把单位改成em，那么就可以用CTRL+鼠标滚动把字放大，或 2007-04-12 web标准与前台开发 forestgan csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200704/12/1770.html Access key 是什么？~估计除了做 Web 开发的没多少人知道，Access key 是网页提供的快捷键。先回到软件界面，看下我的 Opera 的菜单，我的 Opera 是修改过的，中英文混在一起。 中文的作法一般都是在文字后面加个括号，里面的键值用下划线标出。而英文一般是把开头当成 2007-04-12 web标准与前台开发 秩名 样式之美 http://www.csser.com/html/csser/webstandards/200704/11/1769.html parseInt(numString, [radix]) 参数 numString 必选项。要转换为数字的字符串。 radix 可选项。在 2 和 36 之间的表示 numString 所保存数字的进制的值。如果没有提供，则前缀为 '0x' 的字符串被当作十六进制，前缀为 '0' 的字符串被当作八进制。所有其它字符串都被当作 2007-04-11 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200704/08/1768.html JavaScript的演化是渐进而稳固的。历经过去十年的进程，JavaScript在人们的认知里已经从一门简单的玩物式的语言逐渐发展成为一门倍受推崇的编程语言，被全世界的公司和开发者用来构造种种不可思议的应用。现代JavaScript编程语言一如既往地可靠、健壮，强大得令人难以 2007-04-08 web标准与前台开发 mozart0 蓝色理想 http://www.csser.com/html/csser/webstandards/200704/03/1766.html 作为网页设计工具，Dreamweaver和GoLive相比之下，Dreamweaver的性能似乎更胜一筹。Dreamweaver 8发布至今已有两年之久了，其性能已基本上能够满足设计行业的需要。 Dreamweaver 8的CSS设计工具对于那些没有任何编程经验，设计背景出身的用户而言仍然遥不可及。Dreamwe 2007-04-03 web标准与前台开发 秩名 火星时代 http://www.csser.com/html/csser/webstandards/200704/01/1764.html 笔者最近在给编辑部培训的时候发现一个问题，就是他们在设计专题或者页面的时候自我意识太强，缺少页面设计的基本思维，想怎么设计就怎么设计，有些只是看到别人的页面是这样，他也就闷头模仿，还给思域传递了一句名言：模仿是雷管，创新是炸药。话虽如此，可是既然要 2007-04-01 web标准与前台开发 秩名 donews http://www.csser.com/html/csser/webstandards/200704/01/1763.html 定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。 定位的定义： 在CSS中关于定位的内容是：position:relative | absolute | static | fixed static 没有 2007-04-01 web标准与前台开发 小毅 蓝色理想 http://www.csser.com/html/csser/webstandards/200703/18/1570.html 表现: 中间一栏居中与固定宽度，左右两栏宽度相等同时自适应宽度。 原理: 利用margin的负值错别固定的宽度，因为要分两边，所以只要错开一中间的固定宽度就行 问题: IE对宽度乘百分比的计算不大好，有必要牺牲一两px的显示，IE6也没最小宽度。 以下为引用的内容： !DOC 2007-03-18 web标准与前台开发 秩名 lab.loaoao.com http://www.csser.com/html/csser/webstandards/200703/18/1569.html 工作原理 #wrapper必须触发hasLayout,不然有时里面的内容会浮得怪怪的，我直接用float的，可以用其他方式。其实如果只是要做到这个例子要的效果连#wrapper都可以不要。 #left定义100%宽度并利用margin:0 0 0 -200px把左边整块放在偏移入左边200px处，再利用#innerLeft 2007-03-18 web标准与前台开发 秩名 lab.loaoao.com http://www.csser.com/html/csser/webstandards/200703/18/1568.html 1、用户从相同的外观得到好处了吗？并非如此。大多数用户只使用单一的浏览器，因此他们仅采用一种方式来查看站点。他们并不在意站点在其他浏览器中的外观。 2、相同的外观能更好地维护公司的品牌形象吗？不见得。公司的品牌是通过样式、颜色、所使用的商标和徽标以及表 2007-03-18 web标准与前台开发 Blank 怿飞'S BLOG http://www.csser.com/html/csser/webstandards/200703/18/1567.html html 元素，XHTML 文档中的根元素，再熟悉不过了。不过最近折腾一个布局，发现在 IE 中，它不是那么简单的角色，有一些很特殊的性质，总结一下备查： IE6 标准模式： 不管给它设置什么样的高度和宽度，它的大小都始终充满整个视区。 不管给他设置什么样的 padding 和 b 2007-03-18 web标准与前台开发 秩名 old9.blogsome.com http://www.csser.com/html/csser/webstandards/200703/18/1566.html English 简体中文 繁體中文 A access 访问,存取 存取 access control 访问控制 存取控制 accessibility 可用性 親和力，可及性 Activity 行动组 編組 AI(Artificial Intelligence) 人工智能 人工智慧 application 应用程序 應用程式 attribute 属性(在与property同时出 2007-03-18 web标准与前台开发 秩名 wiki.w3china.org http://www.csser.com/html/csser/webstandards/200703/18/1565.html 解读一下： html:first-child就是html 自己 html:first-child* 就是html下子一级的所有,可以是head html:first-child*+body 就是可以head后面的body 这个选择符FF2不认，IE7也不认，Opera跟Safari可以，一开始还以为FF下的html跟body里还有层什么，FF的html下有别的东 2007-03-18 web标准与前台开发 秩名 样式之美 http://www.csser.com/html/csser/webdesign/200703/18/1564.html 进行 Web 界面原型设计常用的工具如下： 白纸、铅笔、橡皮，有时候还需要剪刀。可惜大部分情况下保真度不高而且难以表述页面流程； Word，可以制作 wireframe，还可以批注或者加大段文字说明。可以在一定程度上表述页面流程，但是依赖于文字功底； PPT，使用起来比较麻 2007-03-18 页面设计与图像处理 吴隽辰 junchenwu.com http://www.csser.com/html/csser/webstandards/200703/18/1563.html 到现在再谈 Web 的内容（Content）、结构（Structure）与表现（Presentation）可能有些晚，只是正好想起，理理思路，共勉。 内容是结构的基础，而非相反。内容在一定程度上体现出一定的结构，但并不是全部。原始内容就相当于数码相片的 RAW 格式，未经处理，但是即使未 2007-03-18 web标准与前台开发 吴隽辰 junchenwu.com http://www.csser.com/html/csser/webstandards/200703/18/1562.html 下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则，比如你不能在 a 里面再嵌入一个 a 这样的约定。 说明： 为了方便读者阅读，本文中的标签使用了大写（根据 XHTML 的规则，元素名必须小写，比如 html 而不应是 HTML） 小写的单词表明一组或 2007-03-18 web标准与前台开发 吴隽辰 junchenwu.com http://www.csser.com/html/csser/webstandards/200703/17/1558.html 前言 如果你想尝试一下不用表格来排版网页，而是用CSS来排版你的网页，也就是常听的用DIV来编排你的网页结构，又或者说你想学习网页标准设计，再或者说你的上司要你改变传统的表格排版方式，提高企业竞争力，那么你一定要接触到的一个知识点就是CSS的盒子模式，这就是D 2007-03-17 web标准与前台开发 唐国辉 hsptc.com http://www.csser.com/html/csser/webstandards/200703/16/1543.html 快速可视化制作列表 可以选择不同的风格和颜色，支持超过60种风格和颜色。 生成的代码兼容 strict xhtml 模式。 2007-03-16 web标准与前台开发 一回 CSSer.com http://www.csser.com/html/csser/webstandards/200703/16/1515.html Ext简介 无论你是Ext库的新手，抑或是想了解Ext的人，本篇文章的内容都适合你。本文将简单地介绍Ext的几个基本概念，和如何快速地做出一个动态的页面并运行起来，假设读者已具备了一些JavaScript经验和初级了解HTML Dom。否则的话，请从阅读初学JavaScript资源开始。 2007-03-16 web标准与前台开发 Frank翻译 ajaxjs http://www.csser.com/html/csser/webstandards/200703/16/1514.html 简介 Yahoo! User Interface Library(简称yui) 是一个使用Javascrīpt编写的工具和控件库。它利用DOM脚本,DHTML和AJAX来构造具有丰富交互功能的Web程序。yui也包含几个核心的CSS文件。yui中的所有组件已经以开源的形式发布，它们遵循BSD协议并且可以免费使用。可以从So 2007-03-16 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200703/16/1513.html 公司项目要用到Yahoo UI，下午只好硬着头皮去学了，但是发现网上关于这方面的中文资料很少，可能各位高手都在写代码呢，所以我写这篇学习心得帮助下和我一样的新人，无意卖弄，如果写的不好还请各位见谅 2007-03-16 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200703/15/1420.html 1.背景图填充 这是使用最广泛的一种做法，无hacks，推荐使用： 以下为引用的内容： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml head meta http-equiv=Conten 2007-03-15 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200703/15/1419.html 最小高度可以设定一个BOX的最小高度，当其内容较少时时，也能保持BOX的高度为一定，超出就自动向下延伸，但到目前为止，只有Opera 和 Mozilla 支持，IE7开始也支持了，但IE7处于测试阶段，等正式版发布到普及需一段也许比较长的时间，除非MS把它捆绑在某个操作系统上， 2007-03-15 web标准与前台开发 秩名 fifty studio http://www.csser.com/html/csser/webstandards/200703/14/1345.html 使特定于 Internet Explorer 的 Web 应用程序在 Mozilla 上运行时，您遇到过麻烦吗？本文讨论了将应用程序迁移到基于开源 Mozilla 浏览器上时的常见问题。首先讨论跨浏览器开发的基本技术，然后介绍克服 Mozilla 和 Internet Explorer 之间差异的策略。 Netscape 最初 2007-03-14 web标准与前台开发 Doron Rosenberg IBM developerWorks http://www.csser.com/html/csser/webstandards/200703/14/1344.html abcdefg 要求截取倒数两个字符，也就是fg. 以下是几种实现方式： script string=abcdefg alert(string.substring(string.length-2,string.length)) /script script alert(abcdefg.match(/.*(.{2})/)[1]) /script script alert(abcdefg.match(/.{2}$/)) /script script 2007-03-14 web标准与前台开发 秩名 BlueideaBBS http://www.csser.com/html/csser/webstandards/200703/14/1237.html 经常有朋友问我，网站要在哪些浏览器上测试？要达到怎样的兼容？我想这或许不仅仅是他们的问题，也许是很多朋友的疑问和迷惑。 首先，我们先了解现在流行浏览器06年的具体市场份额（下图），数据来源自 computerworld.com ，从图表中，我们可以看到现在的市场基本上完全 2007-03-13 web标准与前台开发 blankzheng 怿飞'S BLOG http://www.csser.com/html/csser/webstandards/200703/12/1170.html 1．什么是正则表达式 简单的说，正则表达式是一种可以用于文字模式匹配和替换的强有力的工具。是由一系列普通字符和特殊字符组成的能明确描述文本字符串的文字匹配模式。 正则表达式并非一门专用语言，但也可以看作是一种语言，它可以让用户通过使用一系列普通字符和特 2007-03-12 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200703/12/1169.html 匹配中文字符的正则表达式： [u4e00-u9fa5] 匹配双字节字符(包括汉字在内)：[^x00-xff] 应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） String.prototype.len=function(){return this.replace(/[^x00-xff]/g,aa).length;} 匹配空行的正则表达式：n[s| 2007-03-12 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200703/12/1168.html /** *定义一个全局对象,属性Version在发布的时候会替换为当前版本号 */ varPrototype={ Version:'@@VERSION@@' } /** *创建一种类型，注意其属性create是一个方法，返回一个构造函数。 *一般使用如下 *varX=Class.create();返回一个类型，类似于java的一个Class实例。 * 2007-03-12 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200703/12/1167.html 之前我在做页面的时候,发现如果用CSS把一个没有内容的div的高度设成比较小的值时,在IE中,那个高度会起不到效果.后来才发现原来在IE中,空的容器会有一个默认的高度,这个高度一般相当于line-height的值.而这个line-height的值又取决于你页面中默认的font-size值.所以一般 2007-03-12 web标准与前台开发 秩名 E动中国 http://www.csser.com/html/csser/webstandards/200703/12/1166.html 在使用CSS实现表现的时候，会经常接触到display:inline-block这一属性，无论是初接触Web标准还是接触标准已久的朋友，大都会对这一属性感觉很迷惑和模糊。 display:inline-block 引用: 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在 2007-03-12 web标准与前台开发 blankzheng 蓝色理想 http://www.csser.com/html/csser/webstandards/200703/11/1147.html !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / titlecsser.com,用CSS实 2007-03-11 web标准与前台开发 子鼠 zishu.cn http://www.csser.com/html/csser/webstandards/200703/11/1146.html html body style type=text/css #elButton a { color: #000000; font-size:10px; font-family:verdana; font-weight:bold; text-decoration: none; border:4px outset aqua; background-color:#00ffff; display: block; width: 160px; padding: 3px 5px; margin: 1px; 2007-03-11 web标准与前台开发 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webstandards/200703/11/1141.html 从 这些CSS Gallery网站 中精选了20个比较漂亮的XHTML＋CSS布局网站，推荐给喜欢网页设计的人，无论是做博客模板还是做网站设计，在设计理念、色调、导航条、按钮、排版布局方面，都有一些值得借鉴的地方。 1、 competitious.com 2、 carawilliams.com.au 3、 qodo.co.u 2007-03-11 web标准与前台开发 博主 幸福的子弹