zwws's 资料库

1、float的div一定要闭合。
2、margin加倍的问题。
3、关于容器的包涵关系
4、关于高度的问题
5、最狠的手段 - !important;

详见全文

» 阅读全文

1.取消按钮按下时的虚线框
2.只读文本框内容
3.防止退后清空的TEXT文档(可把style内容做做为类引用)
4.ENTER键可以让光标移到下一个输入框
5.只能为中文(有闪动)
6.只能为数字(有闪动)
7.只能为数字(无闪动)
8.只能输入英文和数字(有闪动)
9.屏蔽输入法
10. 只能输入 数字，小数点，减号（-） 字符(无闪动)
11. 只能输入两位小数，三位小数(有闪动)

详见全文

» 阅读全文

Ajax 的 Spry 框架
通过 Adobe® Dreamweaver® CS3，可以使用 Ajax 的 Spry 框架进行动态用户界面的可视化设计、开发和部署。Ajax 的 Spry 框架是一个面向 Web 设计人员的 JavaScript 库，用于构建向用户提供更丰富体验的网页。Spry 与其它 Ajax 框架不同，可以同时为设计人员和开发人员所用，因为实际上它的99% 都是HTML。

Spry 构件
Spry 构件是预置的常用用户界面组件，可以使用 CSS 自定义这些组件，然后将其添加到网页中。使用 Dreamweaver，您可以将多个 Spry 构件添加到自己的页面中，这些构件包括 XML 驱动的列表和表格、折叠构件、选项卡式界面和具有验证功能的表单元素。

Spry 效果
Spry 效果是一种提高网站外观吸引力的简洁方式。这种效果差不多可应用于 HTML 页面上的所有元素。您可以添加 Spry 效果来放大、收缩、渐隐和高亮显示元素；在一段时间内以可视方式更改页面元素；以及执行更多操作。

高级 Photoshop CS3 集成
Dreamweaver 包括了与 Photoshop CS3 的增强的集成功能。现在，设计人员可以在 Photoshop 中选择设计的任一部分（甚至可以跨多个层），然后将其直接粘贴到 Dreamweaver 页面中。Dreamweaver 会显示一个对话框，可在其中为图像指定优化选项。如果需要编辑图像，只需双击图像即可在 Photoshop 中打开原始的带图层 PSD 文件进行编辑。

浏览器兼容性检查
Dreamweaver 中新的浏览器兼容性检查功能可生成报告，指出各种浏览器中与 CSS 相关的呈现问题。在代码视图中，这些问题以绿色下划线来标记，因此您可以准确知道产生问题的代码位置。确定问题之后，如果知道解决方案，则可以快速解决问题；如果需要了解详细信息，则可以访问 Adobe CSS Advisor。

Adobe CSS Advisor
Adobe CSS Advisor 网站包含有关最新 CSS 问题的信息，在浏览器兼容性检查过程中可通过 Dreamweaver 用户界面直接访问该网站。CSS Advisor 不止是一个论坛、一个 wiki 页面或一个讨论组，它使您可以方便地为现有内容提供建议和改进意见，或者方便地添加新的问题以使整个社区都能够从中受益。

CSS 布局
Dreamweaver 提供一组预先设计的 CSS 布局，它们可以帮助您快速设计好页面并开始运行，并且在代码中提供了丰富的内联注释以帮助您了解 CSS 页面布局。Web 上的大多数站点设计都可以被归类为一列、两列或三列式布局，而且每种布局都包含许多附加元素（例如标题和脚注）。Dreamweaver 提供了一个包含基本布局设计的综合性列表，您可以自定义这些设计以满足自己的需要。

管理 CSS
借助管理 CSS 功能，可以轻松地在文档之间、文档标题与外部表之间、外部 CSS 文件之间以及更多位置之间移动 CSS 规则。此外，还可以将内联CSS 转换为CSS 规则，并且只需通过拖放操作即可将它们放置在所需位置。

Adobe Device Central
Adobe Device Central 与 Dreamweaver 相集成并且存在于整个 Creative Suite 3 软件产品系列中，使用它可以快速访问每个设备的基本技术规范，还可以收缩 HTML 页面的文本和图像以便显示效果与设备上出现的完全一样，从而简化了移动内容的创建过程。

Adobe Bridge CS3
将 Adobe Bridge CS3 与 Dreamweaver 一起使用可以轻松、一致地管理图像和资源。通过 Adobe Bridge 能够集中访问项目文件、应用程序、设置以及 XMP 元数据标记和搜索功能。Adobe Bridge 凭借其文件组织和文件共享功能以及对 Adobe Stock Photos 的访问功能，提供了一种更有效的创新工作流程，使您可以驾驭印刷、Web、视频和移动等诸多项目。

自从开始做Web开发起，一直都没有找到一个很让人满意的Javascript开发工具。从Editplus、Dreamweaver到FrontPage、Visual Studio，没有一样是很称手的。你是不是还在为Visual Studio中的那一点点智能提示感到兴奋不已？的确VS比其他的好那么一点点，但是相对于VS中的C#、VB等来说对javascript的支持实在是太少了。

下面我要向你介绍一款非常优秀的Javascript(AJAX) 开发工具：Aptana。应为它实在太棒了，所以我忍不住想向你推荐它。

【详见全文】

» 阅读全文

完全通过html不需要写JS验证程序就可以实现表单验证功能，可支持一个表单元件多条件验证， 同一页面多表单可同时使用，和服务端程序无关系，完全客户端方式。

更新情况：

http://www.coderhome.net/zifa/?p=71

详细：
http://bbs.coderhome.net/thread-4847-1-1.html

DEMO：
http://coderhome.net/demo/FormValid/

相关站点：http://www.prototypejs.org/

Prototype 是由 Sam Stephenson 开发的一个 Javascript 类库，也是其他框架的鼻祖。其对现有的部分 Javascript 对象比如 Object 、 Function 、 Dom 、 String 等进行扩展，并且对 Ajax 应用进行封装，借此提供了兼容标准的更加易于使用的类库，极大的方便开发人员快速创建具备高度交互性的 Web2.0 胖客户端应用程序。

Prototype 最初的目标是应用于 Ruby 领域的，不过由于优秀的表现和完美的封装以及服务器语言无关性，现在已经被应用到各个领域，包括 Java 、 .NET 、 PHP 等。不过在 Prototype 的源码中，还是可以找到 Ruby 的影子，比如 Ruby 样式的 Array 对象枚举。

正如之前提到的， Prototype 是一个底层的远程调用包，虽然其仅仅是一个千余行的 Javascript 文件，但是它为其他框架提供了最底层的 Javascript 扩展和 Ajax 封装。其他 Javascript 程序库在其基础上构建了更加高级的功能和 UI 效果，比如 Script.aculo.us 。

Prototype 目前的最新版本是1.5 ，其官方网站提供了最新版本的下载，包括 zip 包、 js 文件和 Subvision 源码。不过和其他版本一样， Prototype 官方网站并未提供完整的参考文档，开发者只能通过阅读源码掌握其功能。可喜的是，网上已经流传着不少关于 Prototype 源码解读和使用的文档，这在一定程度上弥补了 Prototype 官方文档不足的遗憾。

【详见全文】

» 阅读全文