Web 设计与开发终极资源大全

Web 技术突飞猛进,Web 设计与开发者们可以选择的工具越来越多,Web 开发者的技巧不再只限于 HTML 和 服务器端编程,还需要精通各种第三方资源,这些第三方资源有时候比你的项目更复杂,更专业,你无法自己实现一切,借助一些 Web API,你可以很方便地将大量优秀的第三方资源集成到自己的站点。本文全面搜集 Web 开发中可能用到的各种第三方资源。

1. 函数与类库

A. CAPTCHA

CAPTCHA 用来防止恶意表单发布,以下 CAPTCHA 系统可以轻松集成到你的程序中:

reCAPTCHA

这是目前最流行的 CAPTCHA 机制,该机制同时是一个古籍数字化工程的一部分,用户在验证的同时,也帮助辨认一些不够清晰的估计扫描。reCAPTCHA 还有一个 Perl 模块 实现该功能。

Securimage

这个一个免费的,开源 PHP CAPTCHA 脚本。

freeCap

基于 GPL 协议的 CAPTCHA 脚本

HN CAPTCHA

PHP CAPTCHA 脚本,基于 LGPL 协议

B. 日期处理

日期操作并不轻松,尽管 PHP 和 Perl 内置了大量此类函数,但未必满足你的需要,以下是几个很好用的日期函数:

C. 图形处理

图片缩放,添加水印等:

D. 表单验证

表单验证不仅保证用户填写的准确,还可以防止攻击:

E. 密码验证

验证密码的复杂度

Password Checker
一个 PHP 类,用来验证密码强度 Data::Password::Check
Perl 模块,用来验证密码强度

2. Ajax 与 JavaScript

A. 自动输入建议

最早最成熟的自动输入建议应该是 Google 搜索条。

Autosuggest / Autocomplete with Ajax
基于 XML 和 JSON 数据源的自动输入建议工具

Ajax.Autocompleter
基于 script.aculo.us 的输入自动完成工具 Adobe Labs Spry Auto Suggest
由 Adobe 实验室提供的自动输入建议工具 Google Suggest Style Filter
Google Suggest 风格的自动输入建议
B. 日历

在输入日期的地方,使用非常直观的日历面板

JS Calendar in DHTML Suite
基于 JavaScript ,支持多日历连接

AJAX Calendar with PHP and MySQL
一个开源的 AJAX 日历控件 Super AJAX Calendar
一个基于 PHP 和 MySQL 的日历控件 dhtmlxScheduler
一个强大的事务日历
C. 滑动条

滑动条可以更直观地进行数值的输入和选择

Phatfusion Slider
一个基于 AJAX 的滑动条

AJAXEngine Sliders
AJAXEngine 项目中的滑动条 Slider Using PHP, Ajax And Javascript
一个简单实用的 AJAX 滑动条 WebFX Slider
基于 Apache 软件许可 2.0 的滑动条控件
D. 表格

Ajax 表格,支持排序等功能

  • Grid3
    作为 Ext JS 库一部分的表格控件

dhtmlxGrid
支 持列排序和搜索

Unobtrusive Table Sort Script
支持多列排序 AJAX Data Listings Engine
基于 PHP 和 MySQL TableKit
基于 Prototype JavaScript 框架
E. 可拖动内容

Ajax-based draggable content features can be very useful when used appropriately. Such tools enable users to reorganize a page to suit their needs, and can also serve as a basis for an interactive feature like a shopping basket.

DragResize
支持尺寸修改功能

Drag Drop Sortable Lists
位置可调列表控件 Scriptaculous Draggable
script.aculo.us 框架的一部分
F. 图片放大

类似 JavaScript 灯箱的图片放大显示控件

FancyZoom
图 片缩放显示

TJPzoom 3
图 片放大工具 Ajax Script To Scale Images
显示缩略图的放大尺寸版
G. 相册和幻灯

用相册或幻灯方式显示系列图片

Animated JavaScript Slideshow
轻量级 JavaScript 图片幻灯效果,支持运动字幕

Hoverbox Image Gallery
简单的相册,鼠标在缩略图上移动时显示原图 TripTracker
以 幻灯方式显示图片 Agile Gallery (Ajax Version)
AJAX 相册工具
H. 打分工具

非常直观的打分控件

  • Starbox
    基于 Prototype JavaScript 框架

Unobtrusive AJAX Star Rating Bar
基于 PHP 和 AJAX

CSS: Star Rater Ajax Version
基于 AJAX
I. 取色板

用于取色

  • jscolor
    简单的弹出式取色板

JavaScript Color Picker
支持 RGB,HSL,以及16进制图片色值

Tigra Color Picker
非常简单的取色板 Photoshop-like JavaScript Color Picker
支持色调和饱和度选项 ColorPicker jQuery Plugin
基于 jQuery DHTML Color Picker
基于 DHTML
J. 进度条

YUI Loading Panel Widget
非常漂亮.

Simple Javascript Progress Bar with CSS
简单实用. Uploadify
基于 jQuery.

Web 技术突飞猛进,Web 设计与开发者们可以选择的工具越来越多,Web 开发者的技巧不再只限于 HTML 和 服务器端编程,还需要精通各种第三方资源,这些第三方资源有时候比你的项目更复杂,更专业,你无法自己实现一切,借助一些 Web API,你可以很方便地将大量优秀的第三方资源集成到自己的站点。本文是第二部分。

3. APIs

以下 API 可以将很多现成的功能集成到你的站点:

4. IP 定位

用户来自什么地方。

IP Details
一个 PHP 类库,根据 IP 地址获取用户地理位置 GEO-IP
IP 到国家对应数据库

5. 图表

  • amCharts
    基于 Flash,支持 3D 图表

FusionCharts
漂亮的 3D 图表

XML/SWF Charts
可高度定制的 Flash 图表工具 JFreeChart
基 于 Java 的免费图表工具 pChart
基 于 PHP

6. 地图

  • amMap
    交互式地图工具,支持下钻式挖掘

Google Charts API
来 自 Google 地图工具,只是支持的地图尺寸有限

Flashmaps
多个基于 Flash 的地图工具

7. 音频播放器

Flash MP3 Player
免 费 PHP + Flash MP3 播放器

TSPlayer
基于 Flash,支持换皮肤 E-Phonic MP3 Player
轻量级 MP3 播放器,支持换肤,支持实时视效

8. 视频播放器

  • OS FLV
    开源 Flash 视频播放器

Flowplayer
很好用,高度可定制。

JW FLV Media Player
强大的 Flash 视频播放器 FLV Player
漂亮的 FLV 播放器

9. 视频转换

10. 所见即所得编辑器

  • TinyMCE
    一个轻量的,基 于 JavaScript 的所见即所得编辑器

XINHA
功能完整的开源 WYSIWYG 编辑器

NicEdit
一个简单的轻量级 WYSIWYG 编辑器 openWYSIWYG
开源,跨浏 览器 WYSIWYG 编辑器 CKEditor
设计出众,功能丰富的 WYSIWYG 编辑器

 

 

本文国际来源:http://www.noupe.com/tools/100-essential-web-development-tools.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前言<br><br>第一部分 Web设计核心问题<br><br>第1章 什么是Web设计 <br><br>1.1 Web设计的金字塔 <br><br>1.2 建设Web站点 <br><br>1.3 为用户建设 <br><br>1.4 从纸张到软件 <br><br>1.5 Web的图形用户界面传统 <br><br>1.6 内容的关注 <br><br>1.7 外观问题 <br><br>1.8 形式和功能的平衡 <br><br>1.9 什么是好的Web设计 <br><br>1.10 探索Web设计 <br><br>1.11 所见即所想 <br><br>1.12 小结 <br><br>第2章 Web设计进程 <br><br>2.1 进程需求 <br><br>2.2 特别的Web进程 <br><br>2.3 基本的Web进程模型 <br><br>2.3.1 修正瀑布模型 <br><br>2.3.2 联合应用开发模型 <br><br>2.4 Web站点项目的途径 <br><br>2.5 目标和问题 <br><br>2.5.1 集体讨论 <br><br>2.5.2 缩小目标 <br><br>2.6 访问者 <br><br>2.7 需求 <br><br>2.8 站点规划 <br><br>2.9 分割的设计阶段 <br><br>2.9.1 块的组合 <br><br>2.9.2 屏幕和纸张的组合图 <br><br>2.9.3 模拟站点 <br><br>2.10 Beta版站点实现 <br><br>2.11 测试 <br><br>2.12 发布及以后的问题 <br><br>2.13 欢迎来到真实世界 <br><br>2.14 小结 <br><br>第3章 为用户设计 <br><br>3.1 可用性 <br><br>3.2 谁是Web用户 <br><br>3.3 用户的共同特征 <br><br>3.4 记忆力 <br><br>3.5 响应和反应时间 <br><br>3.6 激励问题的处理 <br><br>3.6.1 极限 <br><br>3.6.2 鸡尾酒会效应 <br><br>3.6.3 感觉适应 <br><br>3.7 移动能力 <br><br>3.8 用户的世界 <br><br>3.9 用户的一般类型 <br><br>3.10 Web规则 <br><br>3.11 易访问性 <br><br>3.12 建设可用的站点 <br><br>3.13 可用性超过一切 <br><br>3.14 谁在控制Web体验 <br><br>3.15 小结 <br><br>第二部分 站点组织和浏览<br><br>第4章 站点类型和体系结构 <br><br>4.1 一般Web站点类型 <br><br>4.2 动态站点 <br><br>4.3 站点结构 <br><br>4.3.1 逻辑站点组织模型 <br><br>4.3.2 层次结构 <br><br>4.4 用户和站点结构 <br><br>4.5 站点的深与浅 <br><br>4.6 Web站点的特殊类型 <br><br>4.6.1 商业站点 <br><br>4.6.2 信息站点 <br><br>4.6.3 娱乐站点 <br><br>4.6.4 导航站点 <br><br>4.6.5 社区站点 <br><br>4.6.6 艺术站点 <br><br>4.6.7 个人站点 <br><br>4.7 选择站点结构 <br><br>4.8 小结 <br><br>第5章 导航理论与实践 <br><br>5.1 导航 <br><br>5.2 我在哪? <br><br>5.2.1 Web上的精确定位:URL <br><br>5.2.2 网页和站点标签 <br><br>5.2.3 网页、站点的样式和位置 <br><br>5.2.4 我曾到过哪? <br><br>5.3 我能去哪? <br><br>5.4 导航位置 <br><br>5.4.1 顶部导航 <br><br>5.4.2 底部导航 <br><br>5.4.3 左导航 <br><br>5.4.4 右导航 <br><br>5.4.5 中心导航 <br><br>5.5 导航的一致性 <br><br>5.6 导航和滚动 <br><br>5.7 导航和鼠标移动 <br><br>5.8 帧 <br><br>5.8.1 帧问题 <br><br>5.8.2 使用帧 <br><br>5.9 子窗口 <br><br>5.10 书签设置 <br><br>5.11 小结 <br><br>第6章 链接:文本、按钮、图标及图形 <br><br>6.1 基本的Web链接模型 <br><br>6.1.1 结构和非结构链接的比较 <br><br>6.1.2 静态和动态链接 <br><br>6.2 链接形式的分类 <br><br>6.2.1 文本链接 <br><br>6.2.2 图形文本链接 <br><br>6.2.3 按钮 <br><br>6.2.4 图标 <br><br>6.2.5 图像映射 <br><br>6.2.6 其他链接方式 <br><br>6.3 链接的实现问题:可用性、反馈和支持 <br><br>6.3.1 可用的链接 <br><br>6.3.2 滚动 <br><br>6.3.3 理解用户的期望 <br><br>6.4 使用范围注释 <br><br>6.4.1 TITLE属性 <br><br>6.4.2 滚动信息 <br><br>6.4.3 状态条信息 <br><br>6.5 链接的键盘支持 <br><br>6.6 高级的Web链接模型 <br><br>6.7 链接的维护 <br><br>6.8 小结 <br><br>第7章 搜索与设计 <br><br>7.1 网际搜索 <br><br>7.2 Web搜索总论 <br><br>7.3 用户搜索方式 <br><br>7.4 搜索引擎如何工作 <br><br>7.4.1 收集网页 <br><br>7.4.2 索引页 <br><br>7.5 搜索引擎改进 <br><br>7.5.1 添加到搜索引擎 <br><br>7.5.2 自动排斥 <br><br>7.5.3 Robots.txt <br><br>7.5.4 由<META>控制自动排斥 <br><br>7.6 优化搜索引擎 <br><br>7.6.1 <META>标签 <br><br>7.6.2 标题和文件命名 <br><br>7.6.3 相关文本内容 <br><br>7.6.4 链接和切入点 <br><br>7.6.5 花招 <br><br>7.6.6 标题广告 <br><br>7.7 对本地搜索的需要 <br><br>7.8 添加搜索工具的过程 <br><br>7.9 设计搜索界面 <br><br>7.9.1 访问搜索 <br><br>7.9.2 设计一个基本的搜索界面 <br><br>7.10 高级搜索窗体的设计 <br><br>7.11 结果页面设计 <br><br>7.12 小结 <br><br>第8章 站点映像、索引、其他导航及用户<br><br> 帮助 <br><br>8.1 不只是搜索 <br><br>8.2 站点映像 <br><br>8.2.1 文本方式站点映像 <br><br>8.2.2 图形站点映像 <br><br>8.3 设计站点映像 <br><br>8.4 显示范围和目的地选择 <br><br>8.5 创建站点映像 <br><br>8.6 “地理”导航的好处 <br><br>8.7 站点索引 <br><br>8.8 漫游 <br><br>8.9 帮助系统 <br><br>8.9.1 何时使用帮助 <br><br>8.9.2 复杂的帮助系统 <br><br>8.10 术语表 <br><br>8.11 “什么是最新的”部分 <br><br>8.12 小结 <br><br>第三部分 网页设计的要素<br><br>第9章 网页类型与布局 <br><br>9.1 什么是网页 <br><br>9.2 网页尺寸 <br><br>9.3 网页边距 <br><br>9.4 网页类型 <br><br>9.5 入口网页 <br><br>9.5.1 飞出网页 <br><br>9.5.2 主页 <br><br>9.5.3 子页:导航与内容的比较 <br><br>9.5.4 内容网页 <br><br>9.5.5 任务相关网页 <br><br>9.6 退出网页 <br><br>9.7 Web设计学派 <br><br>9.7.1 文本设计 <br><br>9.7.2 隐喻和主题设计 <br><br>9.7.3 基于图形用户界面的设计 <br><br>9.7.4 非常规设计 <br><br>9.8 布局示例 <br><br>9.8.1 TLB网页 <br><br>9.8.2 标题-页脚网页 <br><br>9.8.3 浮动窗口网页 <br><br>9.8.4 可伸展网页 <br><br>9.9 通用站点外观之路 <br><br>9.10 小结 <br><br>第10章 文本 <br><br>10.1 媒体情况 <br><br>10.1.1 用图形控制文本 <br><br>10.1.2 举起你的双手投降 <br><br>10.1.3 现代的Baskerville <br><br>10.2 排版术语101 <br><br>10.3 字体 <br><br>10.4 在Web网页中设置字体 <br><br>10.5 使用可下载的字体 <br><br>10.5.1 Netscape 的动态字体 <br><br>10.5.2 微软的动态字体 <br><br>10.5.3 设置字体格式 <br><br>10.5.4 字体尺寸 <br><br>10.6 文本布局 <br><br>10.6.1 文本的对齐 <br><br>10.6.2 行长度 <br><br>10.6.3 行间距 <br><br>10.6.4 字母间距及词间距 <br><br>10.7 设置字体层次 <br><br>10.7.1 标题和副标题 <br><br>10.7.2 表示段及节 <br><br>10.8 表格的格式化 <br><br>10.9 细节 <br><br>10.10 特殊文本的布局 <br><br>10.11 用于Web的文本设计问题 <br><br>10.11.1 Web上的栏 <br><br>10.11.2 空白空间是好还是坏 <br><br>10.12 经常考虑媒体的使用 <br><br>10.13 写给Web <br><br>10.13.1 阅读与扫描的对比 <br><br>10.13.2 非线性写法 <br><br>10.13.3 危险的词 <br><br>10.14 小结 <br><br>第11章 颜色、图像及背景 <br><br>11.1 颜色基础 <br><br>11.2 Web上的颜色 <br><br>11.2.1 比特深度 <br><br>11.2.2 在Web上定义颜色 <br><br>11.2.3 浏览器安全颜色 <br><br>11.2.4 混合色 <br><br>11.2.5 HTML和颜色 <br><br>11.2.6 CSS 和颜色 <br><br>11.2.7 颜色的再生问题 <br><br>11.3 颜色与可用性 <br><br>11.3.1 颜色的含义 <br><br>11.3.2 对比度问题 <br><br>11.4 图像 <br><br>11.4.1 使用图像 <br><br>11.4.2 HTML和图像:<IMG>标签 <br><br>11.4.3 图像类型 <br><br>11.4.4 与图像相关的问题 <br><br>11.4.5 分割图像 <br><br>11.4.6 Web中基于矢量的艺术: Flash <br><br>11.5 背景图像 <br><br>11.6 小结 <br><br>第12章 利用GUI特性创建交互性 <br><br>12.1 网站和传统的GUI <br><br>12.2 GUI设计的含义 <br><br>12.3 窗口 <br><br>12.4 全屏窗口 <br><br>12.5 子窗口 <br><br>12.5.1 警告 <br><br>12.5.2 确认 <br><br>12.5.3 提示 <br><br>12.6 窗体 <br><br>12.6.1 标签 <br><br>12.6.2 单行文本区 <br><br>12.7 密码文本区 <br><br>12.7.1 多行文本的输入 <br><br>12.7.2 复选框 <br><br>12.7.3 单选按钮 <br><br>12.8 下拉式菜单 <br><br>12.9 滚动列表 <br><br>12.10 按钮 <br><br>12.10.1 复位按钮 <br><br>12.10.2 提交按钮 <br><br>12.10.3 图像按钮 <br><br>12.10.4 文件上载控制 <br><br>12.11 可用的窗体 <br><br>12.11.1 请求的文本区 <br><br>12.11.2 使用Tab键的窗体 <br><br>12.11.3 第一文本区的聚焦 <br><br>12.11.4 键盘的快捷方式 <br><br>12.12 窗体校验 <br><br>12.12.1 文本区屏蔽 <br><br>12.12.2 文本区的失效 <br><br>12.12.3 只读文本区 <br><br>12.12.4 缺省数据 <br><br>12.12.5 Internet Explorer自动完成 <br><br>12.13 先进的Web GUI特性 <br><br>12.13.1 树形导航 <br><br>12.13.2 Tabbed对话框 <br><br>12.13.3 游标 <br><br>12.13.4 上下文菜单 <br><br>12.14 什么时候Web应用才是真正的应用 <br><br>12.15 小结 <br><br>第四部分 技术与Web设计<br><br>第13章 Web技术及其对Web设计的影响 <br><br>13.1 Web技术问题:一桶冰冷的水 <br><br>13.2 浏览器 <br><br>13.3 HTML <br><br>13.4 HTML有规则吗? <br><br>13.4.1 HTML规则 <br><br>13.4.2 XHTML <br><br>13.5 面向表示的HTML <br><br>13.6 CSS <br><br>13.6.1 CSS的使用 <br><br>13.6.2 CSS的实践 <br><br>13.7 创作HTML/CSS页 <br><br>13.8 XML <br><br>13.9 编程与Web设计 <br><br>13.10 服务器端的编程 <br><br>13.11 客户端的编程 <br><br>13.11.1 Helplers <br><br>13.11.2 插入件 <br><br>13.11.3 ActiveX <br><br>13.11.4 Java <br><br>13.12 JavaScript <br><br>13.12.1 JavaScript版本 <br><br>13.12.2 一致通过的脚本 <br><br>13.12.3 对象检测 <br><br>13.12.4 处理不支持脚本的浏览器 <br><br>13.12.5 JavaScript 中错误的捕获 <br><br>13.12.6 链接的脚本 <br><br>13.12.7 JavaScript样式 <br><br>13.12.8 挤压的JavaScript <br><br>13.12.9 使用JavaScript <br><br>13.13 Cookies <br><br>13.14 Web设计中的多媒体 <br><br>13.15 动画 <br><br>13.16 声音 <br><br>13.16.1 数字音频基础 <br><br>13.16.2 音频文件格式和压缩 <br><br>13.16.3 简单的Web音频 <br><br>13.16.4 简单音频的实践 <br><br>13.16.5 流音频 <br><br>13.16.6 可用性和音频文件 <br><br>13.17 视频 <br><br>13.17.1 数字视频基础 <br><br>13.17.2 视频文件格式和压缩 <br><br>13.18 小结 <br><br>第14章 站点发送与管理 <br><br>14.1 发送的重要性 <br><br>14.2 Web协议 <br><br>14.3 域名服务 <br><br>14.4 Web服务器 <br><br>14.4.1 Web服务器的构成 <br><br>14.4.2 Web服务器软件 <br><br>14.4.3 Web服务器的位置 <br><br>14.5 外购的Web宿主环境 <br><br>14.5.1 共享式宿主 <br><br>14.5.2 专用的宿主 <br><br>14.6 管理Web服务器 <br><br>14.7 内容管理 <br><br>14.8 使用情况分析 <br><br>14.9 隐私 <br><br>14.10 内容焦点 <br><br>14.11 小结 <br><br>第五部分 未来方向<br><br>第15章 Web设计的未来 <br><br>15.1 不久的将来 <br><br>15.1.1 HTML的遗产 <br><br>15.1.2 大杂烩 <br><br>15.1.3 XML:对一切都好还是一无是处 <br><br>15.1.4 用户准则 <br><br>15.2 宽带的兴起 <br><br>15.2.1 不基于PC的Web访问 <br><br>15.2.2 浏览器变成了日用品 <br><br>15.2.3 无限制的Web访问 <br><br>15.3 团体效果 <br><br>15.4 内容过载问题 <br><br>15.5 Web生活方式 <br><br>15.6 小结 <br><br>第六部分 附 录<br><br>附录A Web设计的核心准则 <br><br>附录B 站点评估过程示例 <br><br>附录C 字体 <br><br>附录D 参考颜色

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值