Web disign toolkit: 130 Web tools收藏

初学者资源
YAML Builder - 简单易用的 YAML （Yet Another Multicolumn Layout - 做栏布局）XHTML/CSS 站点布局
Sky CSS Tool - JavaScript CSS 工具
The Box Office - 文字围绕图片的 CSS 格式工具
CSSTXT - 在线 CSS 文字式样生成器
izzyMenu.com - 免费 CSS 菜单

pForm - HTML 表单生成工具

Roxer - 拖放式网站设计工具

Wirenode - 创建移动站点

doodlekit - 在线网站设计及 CMS 系统，含表单生成器，Paypal 构物车，可互换的布局与图片，内置图片库
dotemplate - 可定制的网站模板

templatr - 创建网站模板的在线工具

Agency of Record - 面向创意设计者的网站设计与托管平台。

Typechart - 字样与 CSS 式样

CSS Type Set - 创建个性化 CSS 字体式样
CSSType - 试验各种 Web 安全的排版风格并获得相应 CSS

CSS Builder - 快速生成 CSS

Firdamatic - 不使用 table 设计2或3栏博客版面

PsycHo - 博客模板设计
folionow - 简单易用用便宜的网站设计工具

CSStxt - 自定义 CSS 文字式样

Viviti - 易用的网站设计工具

ComfyPage - 简单易用的免费网站设计工具，可定制模板，并添加任意多页面

LetsEat.at - Free website builder and hosting for restaurants that includes customizable menus, daily specials, printable coupons, and more.用于酒店宾馆的免费网站设计工具。包含可定制的菜单，每日特价，优惠券等。
webon - 免费的，不含广告的网站设计工具，可用来设计博客，像册，视频站

infogami - 快速设计网站，含可定制的模板。

edicy - 创建网站，并使用你自己的域名上线

Jimdo - 网站创建工具，集成了各种图片，视频等

Webnode - 免费创建个人或公司网站，拖放式操作，标签，免费托管
iompi - 创建电子商务网站

easysite.com - 网站创建工具，含照片，视频，博客，免费电话支持

myfamily.com - 免费的，不限空间的家庭网站创建

MomentVille - 免费婚礼网站创建工具

SeeYouThen! - 婚礼网站创建工具，含高分辨率照片交换，私人消息，客人资料等
GoHoster - 支持子域名的免费网站创建工具

BlinkWeb - 免费的拖放式网站设计工具，含电子商务选项

Macrocasa - 房地产行业网站创建工具，包含中介消息系统及客户管理系统

Pixie - 免费的，开源网站创建工具，含直观的界面，容易安装部署
Squarespace - 一个强大网站创建工具，含 XHTML 验证，所见即所得编辑器，博客平台。

NicEdit - 跨平台内容编辑器，可以在浏览器中直接编辑网站内容

WordPress Theme Generator - 使用该工具你可以创建完全定制化的 WordPress 主题

高级专业设计者资源

CSS Superdouche - 净化 CSS 以降低其复杂性

Code Beautifier - CSS 代码格式与优化

CSSFly - 在浏览器中编辑 CSS 和 XHTML

CSS Drive CSS Compressor - CSS 压缩工具

Clean CSS - CSS 净化与优化工具

EM Calculator - 将基于 px 的尺寸转换为 em

CSS Redundancy Checker - 清除未使用 CSS 选择器，检查 CSS 中多余代码

GrayBit - 将彩色网站转换成灰度级以测试其可访问性

ProtoShare - 创建网站模型，从团队获取反馈，创意与建议

Most Sliced - 图片切片服务列表，含评测与用户评分

Inserit - 一个用于 Web 设计师的 CMS 系统

LightCMS - CMS 系统

clickbooq - 网站创建与管理工具

jumpchart - 网站规划程序，可输出干净的 CSS/XHTML
inblogit - 博客工具，可以集成到任何网站

Reflect - 网站设计与托管平台

Carbonmade - 让设计者们在线展示自己的作品

ThemesPress - 将 Template 文件转换成 WordPress 主题
Feng GUI - 这是一个很有趣的工具，它模拟人类在5秒钟内看到一个网页画面时的印象，分析你网页中最容易被人注意的热点位置。

Text Generator - Lorem Ipsum 傀儡文字的替用品

webvanta - 商业网站创建与托管

Tuplix - 直接在网页上更改内容

FolioSnap - 创意设计者用来展示作品的工具

Frontfriend - 供网站设计者使用 CMS 系统，可以创建表单和模板，供最终客户填写

更多阅读

Web 开发工具箱：120个 Web 开发工具（上）

Web 开发工具箱：120个 Web 开发工具（下）

Windows安装Movable Type

今日想尝试下大名鼎鼎的Movable Type，就到http://www.movabletype.org下载了MT-4.01-en，接下来就是安装所需的环境了。

Apache2，PHP和MySQL都已经先装好，安装过程在前面文章说到过，此处就不赘述。
另外mod_perl安装需要用到vc6或者更高版本，安装好vc后，需要运行vc安装目录下的bin\VCVARS32.BAT配置好环境变量，以便在任何目录下可以运行vc的make程序nmake。

1 安装perl
到http://www.activestate.com/Products/activeperl/下载ActivePerl并安装。安装时注意把perl.exe程序所在目录加入到系统环境变量PATH下。
2 安装apxs
下载apxs，地址http://perl.apache.org/dist/win32-bin/apxs_win32.tar.gz，然后解压缩到当前文件夹，进入apxs文件夹，在命令行中执行：

perl Configure.pl

注意选择正确apache的安装目录和apache可执行文件名即可。
2 安装mod_perl
下载mod_perl，地址http://perl.apache.org/dist/mod_perl-2.0-current.tar.gz
运行

perl Makefile.PL

提示apxs目录，此时输入YOUR_APACHE_DIR\bin\apxs.bat，YOUR_APACHE_DIR对应apache安装目录。
这步完成后，需要运行下面命令编译安装mod_perl

nmake
nmake test
nmake install

至此，apache安装目录下modules中有了mod_perl.so
然后在apache配置文件中增加

LoadModule perl_module modules/mod_perl.so

将解压后的mt目录中mt_static剪切到站点根目录，然后将mt拷贝到apache目录的cgi-bin中。
将cgi-bin/mt/下所有cgi文件第一行的

#!/usr/bin/perl -w

修改为

#!c:/Perl/bin/perl.exe

安装DBI，DBD-mysql，Image::Size，CGI::Cookie模块
在cmd下运行ppm

install DBI
install DBD-mysql
install Image-Size
install CGI

这几步安装了MT所需的模块。
然后就可以着手安装了。安装的脚本在cgi-bin/mt/目录下，在浏览器打开http://localhost/cgi-bin/mt/进入安装向导，如果提示缺少perl模块，那么就用ppm的install命令安装。根据向导设置数据库，设置站点的发布目录（如/mt）等等即可完成安装。
一切顺利后即可登录后发布文章了。登陆后管理地址为http://localhost/cgi-bin/mt/，发布后的地址在http://localhost/mt/，原来剪切的mt-static，即http://localhost/mt-static/存放了mt所需的图片和css样式表等文件。

简单使用后，发现与wordpress相比，mt给人耳目一新的感觉，虽说安装配置比较麻烦，但是其静态HTML发布功能很强大，发布的文件名是文章的标题中的英文单词，这样更利于搜索引擎搜索。

Windows环境下Apache2 + PHP5 + MySQL5 或 MySQL4配置补充

很多人问为什么配置的php不能加载mysql或者lib_mysql.dll呢？
其实要让mysql成功加载mysql的步骤只有下面几步，假设php解压到c:\php：

1. 修改php.ini的中extension_dir，可以设置为绝对路径或者相对路径，如：




extension_dir="c:/php/ext"
extension_dir="./ext"




2. 去掉php.ini文件中的extension=php_mysql.dll前面的分号；
3. 设置系统PATH环境变量，将c:\php添加进去，并重启（很重要）。

如果做到第三步，网上其他文章中所说的将php5ts.dll和libmysql.dll文件拷贝到system32目录这些步骤根本不需要了，因为系统会自动去c:\php目录寻找所需要的dll文件。用phpinfo()函数检查，也能看到mysql部分了。

安装或卸载apache为系统服务

打开cmd窗口，进入apache安装目录下的bin
对于apache1.x版本，安装或卸载apache为系统服务，服务名为apache的命令为：

apache -k install -n "apache"
apache -k uninstall -n "apache"

对于apache2.x版本，安装或卸载apache为系统服务，服务名为apache的命令为：

httpd -k install -n "apache"
httpd -k uninstall -n "apache"

windows平台下apache安装mod_python

环境：windows 2000 + apache2.2 + python2.5 + mod_python-3.3.1.win32-py2.5-Apache2.2.exe

1. 首先到python.org下载并安装python2.5，安装很简单；
2. 然后到http://www.modpython.org下载安装mod_python（mod_python下载时注意版本，必须与apache和python版本匹配），安装时需要手动选择apache目录，选择C:\Program Files\Apache Software Foundation\Apache2.2，这一步完成后应该在apache下面的modules目录能找到mod_python.so。
3. 然后修改apache配置文件httpd.conf：在LoadModule部分增加

   LoadModule python_module modules/mod_python.so

   在要使用py文档的目录对应的节增加

   AddHandler mod_python .py
   PythonHandler mptest
   PythonDebug On

   然后保存。
   
4. 重新启动apache；
5. 编写测试文档，保存为mptest.py；
   

from mod_python import apache
def handler(req):
req.content_type = 'text/plain'
req.write("Hello World!")
return apache.OK

编写py程序，一定得注意缩进问题，刚刚学习python，from这一行和def这一行不要缩进，下面三行要缩进，否则会报错“IndentationError: unexpected indent”，一切顺利的话，浏览该文件结果显示：

Hello World!

php5.2和apache2.2安装

好久没用装这个了，以前用的版本还是1.39的apache和4.x的php，既然有新的就下载新版的安装，发现和旧版的很不同。上网搜索了以下，有很多版本，干脆直接自己看php的说明文件自行安装。

apache是下载的install文件，自动安装的。
php解压到c:\php下，根据其中的install.txt文件进行安装。

首先，设置系统path目录，在path目录加上c:\php，修改了path文件需要重新启动才能生效。
然后，修改apache配置文件httpd.conf，在其中搜索到LoadModule部分，在后面增加：

LoadModule php5_module "c:/php/php5apache2_2.dll"
AddType application/x-httpd-php .php
PHPIniDir "C:/php"

然后在c:\php中把php.ini-recommended拷贝一个，生成php.ini，作为php的配置文件。
到此，php安装完成。

在apache的web根目录编写测试脚本info.php，脚本中用phpinfo()函数显示php配置，结果显示一切ok。

如果要增加mysql功能，那么首先需要安装mysql5，然后修改php.ini：
去掉extension=php_mysql.dll前面的“;”，然后修改extension_dir = "./ext"，让php能够到ext目录去找php_mysql.dll，保存后，重启apache，再看phpinfo，其中就能搜索到mysql的配置情况了。

另外如果php文件显示空白，可能是新版不支持旧版的标签，在php.ini文件将
short_open_tag改为on就可以支持旧版的简单标签了。