http://www.csser.com/html/csser/index.html 客户端开发 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/webdesign/200704/03/1767.html 自2006年11月份以来，Photoshop CS3测试版就已经对外发布，而Creative Suite 3中却收录了这款软件的扩展版Photoshop CS3 Extended。扩展版中包含了标准版的所有特征，但是却额外添加了专门面向3D艺术家、视频编辑和动态影像艺术家的设计工具。 相对于Photoshop CS2来说 2007-04-03 页面设计与图像处理 秩名 火星时代 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/webmedia/200703/16/1523.html 发病症状： Internet Explorer 已经遇到加载项故障并且需要关闭。 曾用过的失败解决方法： 1、工具INTERNET选项程序管理加载项里面选择禁用。 此法缺点：禁用虽然能解决暂时的问题，但禁用就看不到FLASH了，想看的时候就得启用，太麻烦，而且不能从根本上解决问题。 2 2007-03-16 web多媒体设计 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webmedia/200703/16/1522.html Actionscript 3.0 演变成一门强大的面向对象的编程语言意味着flash平台的重大变革。这种变化也意味着 Actionscript 3.0 将创造性地将语言理想地迅速地建立出适应网络的丰富应用程序, 成为丰富网络应用(Rich Internet Application)项目的本质部分。比较早期的Actionscri 2007-03-16 web多媒体设计 衡 翻译 csser,web客户端架构与开发 http://www.csser.com/html/csser/webmedia/200703/16/1521.html 回顾和比较 AS1.0玩家最爱用onClipEvent(), on()，又方便又直接。缺点在于逻辑分散到了各个舞台元件中，难以管理和维护。更加别说代码重用了。别跟俺说可以Copy, Paste，这不叫重用，这叫低级。 AS2.0中，增加了一些事件处理机制： （1）回调函数: onLoad, onComplete 2007-03-16 web多媒体设计 黑羽 csser,web客户端架构与开发 http://www.csser.com/html/csser/webmedia/200703/16/1520.html Class Sound Sound类 封装包 flash.media 类 全局Sound类(不知道咋翻译了) 继承 Sound - EventDispatcher -Object 子类 SoundAsset Sound类能使你在程序中使用声音,Sound类能让你创建一个新的声音对象,在这个对象中载入和播放外部的mp3文件(还是只有mp3啊),关闭声音流, 2007-03-16 web多媒体设计 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webmedia/200703/16/1519.html 缺省行为（Default behaviors） 当事件发生时，flash播放器会自动显示与此事件相关的行为，因为这个行为是由Flash播放器自动显示的，所以这样的行为称为缺省行为。 例如，在一个输入文本的实例中，当用户输入文本时，会触发TextEvent.TEXT_INPUT事件，这时flash会把文 2007-03-16 web多媒体设计 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webmedia/200703/16/1518.html 今天我们来看看AS3中新的XML处理方法：E4X，直到现在，ECMA脚本语言规范（ECMA-262）－－AscriptScript 3.0的核心基础，并没有提供任何的XML数据处理类或方法。AcriontScript之前的版本（从Flash 5中的ActionScript开始）有一些处理XML数据的类和方法，但是它们并不是 2007-03-16 web多媒体设计 秩名 csser,web客户端架构与开发 http://www.csser.com/html/csser/webdesign/200703/16/1517.html 一个东西的诞生都要经过曲曲折折的波澜,到最后,不知道什么是最重要的了~~~ 2007-03-16 页面设计与图像处理 hmplove 设舞轻狂 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/webmedia/200703/15/1482.html 语法方面的增强和改动： 引入了 package（包） 和 namespace（命名空间） 两个概念。其中 package 用来管理类定义，防止命名冲突，而 namespace 则用来控制程序属性方法的访问。 新增内置类型 int (32比特整数)，uint（非负32比特整数）,用来提速整数运算； 新增 * 类 2007-03-15 web多媒体设计 pawaca 闪客帝国 http://www.csser.com/html/csser/webdesign/200703/15/1422.html 在你开始设计一个因特网站点之前首先要考虑的是你的目标浏览者。一个法律咨询公司的网站和一个音乐网站的目标浏览者，是会不一样的，相应的网站设计当然也就会有所差别。这里，我们主要致力于设计一个正规的因特网站点，虽然下面文中提到的这些规则可能对于你的项目而 2007-03-15 页面设计与图像处理 秩名 中国学生网 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/webmedia/200703/14/1347.html 先发效果，效果有参考一下国外的饼图，不过他的代码，注释等我也看不懂，英文不懂，所以我就写个中文的好了。大家完全可以根据我的代码改出更多的效果来。 编程水平有限，大家谅解一下，不过能正常运行。 增加了xml配置文件，可以直接修改xml文件以达到直接使用的目的 2007-03-14 web多媒体设计 amu945 BlueideaBBS