四眼天兔工作室 » 资源 http://www.4ebstudio.com 网站建设｜Joomla｜Wordpress｜PSD转HTML｜VI｜平面广告 Tue, 29 Jun 2010 09:18:16 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 30款令人兴奋的插画风格设计网站 http://www.4ebstudio.com/30-illustration-web-design.html http://www.4ebstudio.com/30-illustration-web-design.html#comments Wed, 30 Jul 2008 08:53:24 +0000 4EB Studio http://4ebstudio.com/?p=734 在noupe上看到了一篇介绍插画风格网页设计的文章，真的是令人兴奋不已。优秀的矢量绘图通常会给人们带来深刻的印象，如果你作为一个网页设计师，可以将矢量图运用的游刃有余的话，那么你的网站一定会深深印在读者的脑中。

下面就是30款令人振奋的矢量绘图网页，或许可以带给你一些启发。

]]> http://www.4ebstudio.com/30-illustration-web-design.html/feed 0 52套高质量的ICON图标 http://www.4ebstudio.com/52-hight-quality-icon-review.html http://www.4ebstudio.com/52-hight-quality-icon-review.html#comments Thu, 03 Jul 2008 05:47:44 +0000 4EB Studio http://4ebstudio.com/?p=74 今天，SMASHING MAGAZINE又发布了一系列出色的，免费的而且专业的桌面和网页ICON图标。这些图标目前都是可以免费使用的。天兔将在第一时间为您奉上。

提示：因为图片版权随时都会出现更改，所以当您在使用这些资源的时候最好还是先查看一下它的最新版权协议。

供网页设计和桌面使用的免费ICON图标

Concept Icons .08

12款256×256像素，PNG格式的图标。由Roberto Abril Hidalgo设计。

Affel

Affel使用紫色和黑色，并利用一些亮光和阴影设计出来的非常经典的ICON款式。内含72款256×256像素，PNG格式的图标。这些图标不可以用于商业用途。

Smultron Icon Pack

Smultron better是Smultron系列的更新。需要Mac OS X 10.4及更高版本。

Eico Studio Anniversary Icon Pack

为周年庆推出的16款锐利和漂亮的图标。支持ico和png格式，128×128像素。

Kidaubis 3D Icon – 蓝色系列

提供Email、音乐和工具箱三种图标样式。

Jonas Rask Icons

Jonas Rask设计的一些图标的更新。图标大小：从16×16像素到512×512像素。

The Shield Icon Set

包括4个文件，大小分别为256×256px, 128×128px, 64×64px以及32×32px。提供ico和png格式。由Marvin Ristau设计。

Mac Icons

包括5个高解析度的PNG文件。使用Illustrator CS设计而成。

Pure Icon Pack

Pure Icon Pack包括14个高质量(256×256像素)的图标，支持PNG和ICO格式。该图标包包括CD图标、计算机图标、文件夹图标、DVD图标、网络图标、搜索图标、ＵSB图标、压缩包图标以及其它。

Mythique Design

16个给messanger用户界面的图标。支持PNG格式，图标大小16×16像素到256×256像素不等。

Oxygen Icons Set

超过1000个专业桌面图标，都放在了一个文件包内，基于GPL标准发布。

kde.jpg

Boxes Vista-like Icons

Windows Vista的图标。共26个图标，13个带光盘的图标和13个不带光盘的图标。提供PNG和ICO两种格式。只能用于非商业用途。

Google and Facebook icons

大多数图标是为OS X Leopard系统设计的。每款图标都包含一个appl.icns文件。由Chris Ivarson设计。

shiny.jpg

Fruity Apples

9个png和icn格式的图标(适合Leopard系统: 512×512像素), 包括2个额外的图标和一个壁纸(2560×1600像素)。

I Love “Blondes” Beer Icon

512×512像素，ICO和PNG格式

Document Icons

512×512像素，png和icn格式。

Niepces Camera Obscura Icons

这些桌面图标是Nicephore Niepce于1826年使用的暗箱，设计成Aperture和iPhoto的样式，支持Mac + Win + Linux + iContainer。支持Leopard系统的512×512像素。包括7个可以替代Aperture或iPhoto, Aperture Library, iPhoto Library, Aperture Vault, Aperture Project以及你的图像文件夹的图标样式。

Facebook User Interface Icons

25款Facebook ui图标。提供高解析度及矢量图格式。

Cyberduck

Icon替换系列，大小为512×512像素。可以作为应用程序的图标、文件夹图标以及标签图标等。格式.dmg。

Autumn Breeze Icons

6款Windows用的图标，提供8种尺寸 in 8 Sizes。我的电脑、我的图片、回收站已满、回收站清空、CD和收藏夹等。

Web Icons Pack

7款Windows和OS X的桌面图标。

Whistle Icons

专为搜索条制作的哨状图标。由DesignFreak设计。

Chemical Icon Pack

Chemical Icon Set提供了4款漂亮的化学元素图标。需要Mac OS X 10.1及更高版本使用。

chem.jpg

小型ICON图标

ORB Icons

10款基础的用户界面图标，图片大小16×16px, 32×32px以及128×128p。由Alexy Goncharenko设计。

Online Shop Icons

9款psd格式的图标。需要注册进行下载。

eCommerce Icons

32款免费的电子商务用图标。

Fugue icon set

358款PNG格式的16×16像素大小的图标。使用有一定的限制。

Accessibility icon set

包括9款无障碍视觉图标。使用授权符合德国CC2.0标准，并且使用时需标明来源或者回访链接。

Heart and Ice Icon Packs

图标大小256×256, 共14个PNG格式图标，分别在两个文件包中。

Files icon set

大量不同文件包的图标，大小包括16×16, 24×24, 32×32, 48×48, 64×64, 72×72, 96×96, 128×128等规格，格式ico。

Weather conditions

49款128×128大小的专用于Mobydock系列的天气预报图标。

40 Image Editing Icons

Illustrator CS2设计的一些有趣的图标，文件大小10.1 Mb。

Keynote Objects

100款易于使用的极具吸引力的元件。背景均为透明，你可以添加任何颜色的背景。每款元件都可以更改大小、旋转、添加阴影等。Keynote元件适用于Keynote, iWeb, Pages, Microsoft PowerPoint以及Word.

powerpoint.jpg

Milky Icon Set

由Frexy设计的一系列矢量图标，格式为骗你个，大小为256×256px.

Blogging Icons

这是专门为博客写手设计的图标。总共有12款，3种规格：24×24, 36×36以及48×48像素，PNG格式。

Ferrari Gauge

包括3个iContainer图标。大小512×512px。只供个人使用。

iMac Evolution Icons

6款不同的iMac图标。包括1998年第一台iMac到07年最新款iMac。

Tasty Icons

两款咖啡图标。大小48 x 48 px; 128 x 128 px; 256 x 256 px; 512 x 512 px; 格式：PNG (透明背景); CNS; ICO。

Keyfob

格式：icn和png, 大小：128×128px.

Envelope Icons

一些文件夹和信封图标，适用于打印和网页使用。

]]> http://www.4ebstudio.com/52-hight-quality-icon-review.html/feed 0 15款CSS编辑器概览 http://www.4ebstudio.com/15-css-editor-review.html http://www.4ebstudio.com/15-css-editor-review.html#comments Tue, 01 Jul 2008 08:51:51 +0000 4EB Studio http://4ebstudio.com/?p=732 之前我们了解过了一些针对网页开发和设计者的源码编辑工具，现在我们来仔细探讨一下高级CSS代码编辑器。

为什么我们需要一个CSS编辑器？

CSS编辑器的优势发挥依赖于一个全面发展的网络开发环境，它的主要任务就是集合CSS样式表、HTML源码以及网页有效布局的编辑特性。不过就目前这些CSS编辑器来看，它们所具有的功能远远超出了这些。

除了提供编码功能，CSS编辑器还提供了调试、实时编辑、在不同的浏览器中预览、先进的代码预览、格式化代码、美化和压缩、验证实效性、内建项目管理工具等。基于以上，你很有必要放一个这么有用的工具在你的手边。

Xyle

Xyle (Mac)


这款先进的编辑器允许开发人员使用内建的样式表进行网站编辑。和网站开发工具栏类似，你可以修改CSS代码，实时预览修改效果。和网页开发工具栏相比，Xyle还具有很多高级特性，例如容器树状预览，语法高亮以及高级文件管理等。

在预览模式下你可以使用Safari渲染引擎预览网页。在选择模式下，你可以点选指定的HTML和CSS源码进行预览。

在层叠模式下，Xylescope不仅可以显示应用到当前选择元素下的样式规则，还可以显示它的父元素的规则。当进行调试的时候，你可以在“层叠模式”下直接选择有问题的元素。Xylescope还提供和外部文本编辑器BBEdit的集成。

售价$19.95。提供免费试用版本。

Xyle特性：

  • 自动格式化Automatic formatting
  • 容器匹配Selector matching
  • 智能分组
  • 内建DTD预览模式

Stylizer

Stylizer (Windows)

Stylizer区别于其它编辑器的两个特性是：它使用网格界面代替文本编辑界面以及内嵌Firefox和IE。格状系统就好像是在“Rails中的CSS”，这样就不可能出现任何的CSS错误，同时可以使用户在同一个界面进行编辑和诊断。

使用Stylizer，用户可以轻松的调整界面。用户可以通过直接修改属性、托拽鼠标进行实时的修改尺寸、白边、颜色以及背景位置等。用户可以使用主题、托拽鼠标、实时查看文本颜色、背景以及边框的变化，就好像在体验用Photoshop做网页一样。

Stylizer的标准版是免费的。高级版售价$69.95。两者区别不是很多，不过免费版不提供样式表过滤功能，只能对指定的内容显示规则。

Rapid CSS Editor

Rapid CSS Editor (Win)

该款编辑器提供给用户语法高亮、自动填充以及代码检测等功能。你可以通过使用内建的CSS和HTML向导快速建立容器和标签属性。颜色工具可以使设计人员不需要切换颜色工具就可以选择正确的颜色，并在IE和Firefox中进行实时预览。文件管理功能支持FTP上传CSS文件。而且，你可以使用高级剪贴版保存多个代码片断以备用。编辑器售价$29.85。提供免费试用版。

Rapid CSS特性：

▪ 针对CSS和HTML文件的语法高亮

▪ CSS语法检查和验证

▪ CSS代码窗口

▪ Code侦测

▪ CSS和HTML自动填充

▪ 在Internet Explorer和FireFox中进行样式表实时预览

▪ HTML X-Ray模式预览

▪ 符合CSS标准及多种浏览器标准

▪ 集成CSS和HTML的W3C验证器

▪ 内建CSS手册

▪ CSS代码格式化和美化

▪ CSS代码压缩

▪ 通过正则表达式进行查找替换

▪ 在文件中进行查找替换

▪ 多项目剪贴功能

▪ 内建文件浏览窗口

▪ FTP远程保存和打开文件

▪ 项目和网站管理以及FTP发布

▪ 个性化用户界面

▪ 代码合并

TopStyle

TopStyle (Win)

较早的网页设计师都还记得有一款专业网页制作软件叫HomeSite吧，TopStyle就是制作HomeSite的原作者所开发的。在HomeSite中包含了TopStyle的简易版本，不过，TopStyle提供了许多其他编辑器所不具备的功能。例如，通过使用集成的HTML-tidy工具，你可以轻松的将HTML标签转换成有效的XHTML。集成的样式更新可以使用有效的CSS规则代替诸如<font>这样的标签。剪贴库储存了你经常使用代码片断。窗口拆分功能是你可以直接预览比较在IE和Mozilla中的效果。你也可以通过改变Doctype定义查看在不同浏览器中的DTD影响。

或许TopStyle最强有力的工具就是样式检测。它不仅可以确保用户在不同浏览器中使用有效的样式表，当你使用了正确的CSS代码时，还可以预测在主流浏览器中会存在的bug。你也可以使用W3C CSS验证器服务对你的CSS样式表进行验证。完整版售价$79.95。提示：简易版本不提供升级服务。

TopStyle特性：

▪ 在同一项目中进行HTML, xHTML and CSS编辑。

▪ 易用的文件导航：你可以通过点击HTML中样式表链接打开外部样式表，也可以点击文件中的锚打开相应的链接文件，还可以点击<img>标签用你设定的图像编辑软件打开图像。

▪ 当你键入的时候即会进行元素和属性的有效性检测。

▪ 样式表检测

▪ 样式更新

▪ 集成HTML Tidy

▪ 站点报告

▪ 全屏预览

▪ 集成W3C HTML验证

CSSEdit

MacRabbit CSSEdit (Mac)

和XyleScope相似，CSS提供实时样式表编辑模式。即使有基于复杂数据库或者使用了AJAX的动态网页应用，CSSEdit同样可以进行实时分析，而不需要你上传或者刷新这些文件，而且不管你有没有在网络上。容器构建可以让你对你的元素用简单的英文进行描述。智能代码感应可以分析CSS和CSS行为，从而提供给你适合你所创建的内容的建议。

X-ray检测模式向你展示你的HTML文件所应用的样式。你也可以通过使用W3C标准或者项目管理工具验证你的样式表的有效性，从而优化你的工作流程。CSSEdit还会自动添加括号，冒号以及适当的空格。如果你手中有一个别人设计的样式表，而且并不符合你的设计习惯，你可以通过Re-Indent工具来适应你的工作区。除此以外，它还提供实时预览，常用片断代码剪贴库等特性。

EditCSS提供了一个Firefox插件以及书签。你可以通过点击浏览器上的标签工具栏就可以编辑网站的样式表，并使用一些高级的CSSEdit编辑功能。CSSEdit具有十分美观和直观化的界面，而且体积非常小，为你的设计工作提供了良好的组织性和友好性。售价29.95欧元($47)。提供免费试用版本。

CSS Edit特性：

▪ 容器构造工具

▪ 便于使用的代码折叠包和滤镜

▪ 使用智能代码感应器进行代码修改

▪ X-ray页面

▪ 实时预览

▪ 项目管理

▪ 代码验证工具

▪ 集成浏览器

Style Master

Style Master (Win / Mac)

自从这款WYSIWIG CSS编辑器自称其具有90余种特性以来，它就从其他的同类编辑器中脱颖而出。的确，Style Master可以让新手或者专业的开发人员设计出有效的和语法正确的样式表。容器可以按照字母顺序、类别和现有顺序进行排列。编辑器内置颜色拾取工具、各种模板、向导以及验证工具。因此，专业人士可以轻松有效的进行设计，而新手也不必为缺乏专业的技术知识而烦恼。

该款编辑器给人带来绝对惊喜的地方就是它内置了很多实用的编辑模板。你可以轻松的实用这些CSS架构，并且定义规则，所有的容器全都出现在列表里面了。你也可以使用W3C的实例样式表，可以定义几乎所有的HTML标签，例如<hx>。

Style Master允许你使用在线文件（必须是本地服务器上的）作为预览文件。 你还可以使用设计窗口的所有特性，如利用X-Ray设计你的样式表。Style Maste是一款易于上手、具有直观性的编辑器。售价$59.99。提供免费试用版。

Stylemaster特性：

▪ 浏览器支持帮助

▪ 向导Wizards

▪ 超过40格内建模板Over 40 Templates

▪ X-Ray窗口实时浏览布局结构

▪ 代码优化

▪ 智能代码自动填充

▪ 白边格式化工具

Style Studio

Style Studio (Win)

Style Studio提供一个强大的CSS检测工具，可以使新手和专业人士开发出标准的CSS布局。 开发人员可以试用一系列的支持工具，例如“Smart linker智能链接”能够即刻链接多个CSS文件到许多HTML XHTML / XML文件，CSS管理器可以管理和升级到标准代码，并且检测和CSS相关联的问题。

该款编辑器提供一个可以迅速查找CSS注释的智能感应技术（包括对CSS和HTML两者的支持）。Property Watch（属性观测）工具可以自动检测CSS属性（或HTML标签，如果你正在编辑的是HTML文件的话） 。

Style Studio售价$49.95。官网提供了一些CSS相关的文章，布局和教程。

Style Studio特性：

▪ 自定义语法颜色，全局查找、替换和编辑

▪ CSS验证器

▪ 强大的CSS管理工具

▪ 集成超过35种HTML编辑器

▪ 样式表和HTML的智能感应工具

▪ CSS属性观测工具

▪ HTML多文件导入和输出

▪ 自定义CSS代码缩进

▪ CSS向导

▪ 验证XML文件

▪ 智能分析程序，当你键入的时候即可检测你的属性的有效性

▪ 自定义热键启用代码片断助手

▪ 迁移向导

▪ 自动检测已安装的浏览器

▪ 格式工具栏

▪ 使用Ctrl+Up/Down热键轻松调整CSS值

▪ 内建支持整个系统范围的查找替换

CoffeeCup

CoffeeCup StyleSheet Maker (Win)

CoffeeCup StyleSheet Maker提供针对高级编辑功能和基本编辑功能的属性设定。它和TopStyle有点类似，但是不如后者灵活性高。售价$34.00。提供免费试用版。

CoffeeCup特性：

▪ 包括CoffeeCup网页颜色搭配软件

▪ 简化的CSS字体样式设计，只需从下拉菜单中选择即可

▪ 样式表设计向导

▪ 多浏览器测试

▪ 编辑、存储和打开.css, .html 或 .txt格式的文件

▪ 50款内置样式表下拉菜单

▪ Class & ID向导

▪ 动态HTML代码片断

EngInSite CSS Editor

EngInSite CSS Editor (Win)

如果你想选择一款严格执行W3C标准的CSS编辑器，EngInSite无疑是你的最佳选择。该款编辑器的目标就是帮你创建符合W3C标准的网站。该款工具提供内建实时样式表预览，自动代码填充、语法高亮、内建W3C HTML验证器、集成帮助系统，内建CSS手册、自定义和可扩展的代码库以及实时编辑功能。售价: $39.95，提供免费试用版本。

EngInSite特性：

▪ 高级、全功能自定义文本编辑工具

▪ 集成样式表即时预览功能

▪ 支持多种浏览器CSS语法检测

▪ 集成W3C HTML验证器

▪ 适应CSS标准和多种浏览器

▪ 多浏览器预览

▪ 集成帮助系统和CSS手册

▪ 多个样式表编辑

▪ 语法检查

▪ 正则表达式查找替换

▪ 自定义导航栏

▪ 可视化编辑器

▪ body, IE滚动栏, 列表和背景编辑向导

Jellyfish CSS

Jellyfish CSS (Mac)

作为一款使用简单而且直观的编辑器，Jellyfish CSS确保设计人员能够轻松迅速的编辑CSS样式。该款编辑器提供代码库、代码感知支持、浏览器支持注释、向导以及错误即时更正等功能。你也可以使用内置的颜色混合器创建合适的颜色模板。售价29€ ($47)。提供免费使用版本。

Jellyfish特性：

▪ 代码感应器帮你即时更正代码输入错误

▪ 支持Mobile Profile 1.0

▪ 语法高亮

▪ 3种不同的预览模式

▪ 内建W3C验证器和CSS-Tidy工具进行有效性检测

▪ 直接从网站加载CSS文件并进行编辑

▪ 代码片断助手

▪ 样式表生成向导

▪ 颜色混合器

Astyle

Astyle (Win)

Astyle是一款初级可视化CSS编辑工具，提供了一些基本功能。虽然没有什么高级功能，但是确实一款很好的基础编辑工具。售价：$20.

astyle.gif

Astyle特性：

▪ 可视化界面

▪ 图形化树状结构预览文件结构和CSS结构

▪ 按组预览属性和容器

▪ 从标记语言文件自动选择CSS容易组别

▪ CSS, HTML, XML 代码编辑

▪ IE和Mozilla预览

▪ 支持剪切、粘贴和拷贝操作Copy

▪ 支持托拽操作


一些附加的CSS编辑器

JustStyle CSS Editor (跨平台)

JustStyle CSS Editor是一款跨平台的编辑软件。基于Java，可以在不同的平台使用，如Windows, IBM OS/2, Linux, Apple Mac OS, Mac OS X及其它。你可以同时编辑整个样式表，也可以挑选其中的一部分分开编辑。虽然JustStyle CSS Editor仅提供了一小部分CSS设计功能，但是它能够从外部开发环境快速更新你的CSS文件。但是，JustStyle并不适合大型项目的开发。JustStyle是一款免费软件。

Simple CSS (Win / Mac)

Simple CSS是又一款免费的可以在Mac和Windows平台使用的编辑器。Simple CSS提供将元素分组的功能。预览窗口可以使设计者快速创建代码。一旦CSS文件完成以后，你可以通过导出功能将文件运用到其他的项目上。简单、易用、直观。

CSSED (Linux / Win / Mac)

CSSED是Linux的CSS专家。尽管它只提供如语法高亮、语法验证以及自动填充等基本性能，但是它可以使用外挂插件实现很多扩展功能。你可以在官网上找到这些插件。这是一款开源的软件。

Eric Meyer’s CSS Sculptor (Win)

这是一款Eric Meyer为Dreamweaver和Microsoft Expression Web提供的基于模板的外挂程序。你可以选择内建的30多个模板，并且可以最大程度的更改设计样式：改变尺寸、位置、栏数等。它也可以根据段落、标题以及链接等元素的属性设定空白边和内边距。你可以将修改过的样式作为一个新的模板以便将来继续使用。

]]> http://www.4ebstudio.com/15-css-editor-review.html/feed 0 30款令人兴奋的插画风格设计网站 http://www.4ebstudio.com/30%e6%ac%be%e4%bb%a4%e4%ba%ba%e5%85%b4%e5%a5%8b%e7%9a%84%e6%8f%92%e7%94%bb%e9%a3%8e%e6%a0%bc%e8%ae%be%e8%ae%a1%e7%bd%91%e7%ab%99.html http://www.4ebstudio.com/30%e6%ac%be%e4%bb%a4%e4%ba%ba%e5%85%b4%e5%a5%8b%e7%9a%84%e6%8f%92%e7%94%bb%e9%a3%8e%e6%a0%bc%e8%ae%be%e8%ae%a1%e7%bd%91%e7%ab%99.html#comments Mon, 30 Jun 2008 09:01:42 +0000 4EB Studio http://4ebstudio.com/?p=748 在noupe上看到了一篇介绍插画风格网页设计的文章，真的是令人兴奋不已。优秀的矢量绘图通常会给人们带来深刻的印象，如果你作为一个网页设计师，可以将矢量图运用的游刃有余的话，那么你的网站一定会深深印在读者的脑中。

下面就是30款令人振奋的矢量绘图网页，或许可以带给你一些启发。

]]> http://www.4ebstudio.com/30%e6%ac%be%e4%bb%a4%e4%ba%ba%e5%85%b4%e5%a5%8b%e7%9a%84%e6%8f%92%e7%94%bb%e9%a3%8e%e6%a0%bc%e8%ae%be%e8%ae%a1%e7%bd%91%e7%ab%99.html/feed 0 25款实用WYSIWYG编辑器概览 http://www.4ebstudio.com/25-wysiwyg-editor-review.html http://www.4ebstudio.com/25-wysiwyg-editor-review.html#comments Sun, 29 Jun 2008 08:54:59 +0000 4EB Studio http://4ebstudio.com/?p=737

编译：四眼天兔 文章来源：SMASHING MAGAZINE

过去，源码编译人员总是批评WYSIWYG编译器不够标准，写出来的东西不清晰。但是，现在WYSIWYG编辑器已经变得成熟了很多，有些编辑器可以编写出有效和漂亮的代码。

有时，你需要提供给你的客户一些简单的工具用来编辑和更新他们自己的网站，这就需要用到WYSIWYG编辑器。作为网页专业人员，你需要提供给你的客户一些缜密的建议以及提供一个简单易用但又十分有效的工具，那就是WYSIWYG编辑器。

我们相信我们把自认为最好的编辑器推荐给你说它就是最好的是一种错误的做法。毕竟每个人的选择都应该基于自身的需求、主要目的、技巧和经验来定。因此，在本文中我们会尽量客观的告诉你每款WYSIWYG编译器的实用性和弊端。

希望你通过此片文章可以认识一些从没听说过的编译器，或者发现一些你没有注意到的正在使用的编译器的特性以及潜在的使用危害。

什么是WYSIWYG

WYSIWYG是”What You See Is What You Get”的缩写，意思是所见及所得。在这样的编辑器中，你不用直接对源码进行编辑，而是直接对显示样本（图形）进行编辑。


提示: 本文中的WYSIWYG编辑器都是基于桌面系统的，包括Windows, Linux和Mac。

Adobe Dreamweaver

Dreamweaver (Win / Mac) 其前身是Macromedia Dreamweaver，该款编辑器是被广为使用的一款编辑器，它支持开发人员，改善工作流程，节省编码时间。和之前的版本的Dreamweaver相比较，最新版本提供了相当标准和干净的编码效果。

Dreamweaver还提供了很多有用的工具，如代码片断助手库，FTP管理、服务器故障排除以及集成代码开发。例如，你可以在单独的面板编辑CSS，让你很容易的看到样式应用效果。目前CS3版本售价$400。

Dreamweaver特性:

  • 高级CSS编辑
  • 集成编码环境
  • Ajax的Spry框架
  • 浏览器兼容性检测
  • 集成Photoshop CS3和Fireworks
  • 编码片断助手(例如CSS布局)
  • FTP管理
  • XML支持
  • FLV支持
  • 学习资源 (例如Adobe CSS建议)
  • 许多Dreamweaver扩展，例如SVN for Dreamweaver ($59).

Amaya

Amaya (Win / Mac / Linux) Amaya最独特的地方在于它是浏览器和网页编辑器的混合产物，因此你可以边浏览边编辑你的网页。该软件是w3C机构编写的软件, 这款全能工具允许你熟练的控制你的网页，更新和修改你的网页内容，插入图片和链接等。当然，前提是Amaya能够正确显示这些网页。

最新版本是Amaya 10, 2008年2月发布。它可以同时几个文件一起工作( (X)HTML, MathML (.mml)以及SVG (.svg)文件可以同时显示和编辑)。

Amaya还包括一个协作注释软件，以及支持SVG, RDF以及XPointer。Amaya是一款开源软件。

Rapidweaver

RapidWeaver (Mac) RapidWeaver一款基于模板设计的网页创意工具，它可以编辑不同类型的网页，包括独具风格的文本，博客，相册，幻灯片以及播客等。它还内建FTP上传以及集成iPhoto和.Mac.

RapidWeaver包括播客、评论、RSS订阅以及自定义永久链接和标签。RapidWeaver还支持SEO（搜索引擎）的优化。它还有很多很多的强大工具，如可修改的模板、实时php编译，混合和最大化WYSIWYG以及HTML，智能发布，基于XHTML和CSS的网站输出，可视化源码，内建错误检测等。所有的模板都是基于XHTML和CSS的。最值得称赞的就是RapidWeaver所提供的代码都是有效的、符合标准的。售价$49。

Adobe Contribute

Adobe Contribute Adobe Contribute是一款给不懂任何技术的人编辑网站和博客的工具。Contribute CS3可以让作者自己更新现有的网站和博客，同时对网站进行维护。Contribute提供Dreamweaver集成，可以从Microsoft Office进行文章发布以及从IE 7和Firefox进行编辑。

通过使用WYSIWYG写作环境，内容发布者即使不懂HTML也可以对网站进行修改和维护。Contribute CS3售价: $169。

Adobe Golive

Adobe Golive (Win / Mac) 曾经是Adobe的旗舰产品，现在Adobe已经不再看中这款编辑工具了。今年4月，Adobe停止了对此款软件的开发，并对GoLive 9进行降价销售。Adobe建议GoLive用户转用Dreamweaver，这也是你可能不见你的客户使用的原因，虽然Golive确实是一款值得称赞，而且功能强大的编辑工具。

Adobe GoLive 9特性：

  • 设计师样式
  • 可视化CSS布局
  • Adobe InDesign®集成
  • 色彩管理
  • Platform支持
  • 站点管理工具
  • 发布服务器
  • 智能对象

Microsoft Expression Web

Microsoft Expression (Win) 曾经被批评是一款相当不好用的网页编辑器(Frontpage)。微软现在的编辑器Expression似乎从它的前辈那里吸取了很多教训。Expression试图提供给网页使用者一个舒适的编辑环境，并且引入了很多类似于Adobe Dreamweaver的特性。但是，Dreamweaver的功能更强大而且用其编写的代码更为干净。虽然如此，Expression确实提供了标准的代码以及适应CSS和CSS布局。

Studio版本提供更多的软件支持，包括图像设计工具，视频解码工具，售价$500. Expression单用户包售价$350。你可以从Frontpage直接升级至Expression，这样可以节省不少钱。Expression提供60天的免费试用版，不过需要序列号。

特别提示: Expression并不是Frontpage的升级版，它是一款完全不同的开发工具。Microsoft Expression和Microsoft SharePoint Designer非常类似，但是它没有定位于设计者，开始定位于网页开发。Microsoft SharePoint Designer强调的是设计和基于SharePoint的网站定制，可以看作是Frontpage的同门师兄。

Microsoft Expression特性:

  • ASP.NET 2.0集成
  • 高级CSS渲染
  • XPath Expression Builder工具
  • 建立和格式化符合行业标准的XML数据
  • 标签属性
  • 可见性检查
  • 实时标准验证
  • 项目纲要支持

NVU

NVU (Win / Mac / Linux) 这款编辑工具应该成为现在占主导地位产品的真正替代品：基于Linux, Microsoft Windows和Mac的一款超级WYSYWIG编辑工具，可以和FrontPage以及Dreamweaver比拼。 作为一款免费软件，Nvu确实提供了很多超出人们期望的特性。

Nvu (发音：N-view，意为”new view”) 提供FTP远程文件管理，支持表格、表单和模板，使用相当简单。集成CaScadeS，一款十分有名的CSS编译工具，可以实时管理样式表。

Nvu是一款开源软件，基于Mozilla Public License (MPL)标准发布。不幸的是，自从去年开发者都没有更新过NVU。到目前位置，最新版本是KompoZer.

NVU特性:

  • 网站管理工具可以让你预览你正在编辑的网站
  • XML支持
  • 内建验证器

Kompozer

KompoZer (Win / Mac / Linux) 这款工具是NVU的一个附属产品，自从NVU放缓开发进程以来，KompoZer还在进行开发。KompoZer是一款完整的网页写作系统，集合了网页文件管理和WYSIWYG编辑。

KompoZer的设计目标是简单易用，为不懂技术又要建立网站的用户提供可行的解决方案。和NVU相比较, Kompozer提供了干净的代码和可视化标记。

最新版本是.7.10。Kompozer是小型项目和不懂技术的使用者的选择，但是对于专业的网站开发来说，它的功能相对弱了很多。

Namo WebEditor

Namo WebEditor (Win) Namo WebEditor集合了几乎所有简单易用的用来建设网站的工具。用户界面相当直观、简单、易用。你可以在设计、HTML和浏览器预览三种模式见切换。你也可以使用一系列的向导完成你的工作流程。Namo是一款功能强大的工具，但是它的WYSIWYG特性是有限的。Namo WebEditor Pro售价$99.95，提供免费试用版。

Namo Webeditor 特性:

  • 代码帮助可以帮助你快速完成代码自动填充
  • 快速标签编辑
  • 标签容器
  • HTML/CSS参考

Evrsoft First Page 2006

Evrsoft First Page 2006 (Win) 事实上，这是一款被低估的软件。它并不流行，而且自从2006年以来就没有再更新过，但是它的确拥有很多先进的WYSIWYG编辑器所没有的实用特性。例如，自动历史记录可以记住所有的属性和值，从而自动给你一些建设性的提示。

双浏览器引擎可以让你在First Page 2006中进行多浏览器预览。你可以在IE中预览你的作品，也可以在Mozilla中预览，也可以同时两个浏览器并排预览。实时可视化源码渲染引擎提供WYSIWYG 编辑器中常见的不用编辑源码就可以进行文件编辑和预览的功能。

内部集成许多工具可以创建标准代码。First Page是一款免费软件。类似的软件替代品是 Selida HTML Editor.自从2005年以后也没有进行过更新。

First Page特性:

  • CSS支持和自动检测
  • 语法高亮显示
  • 便签文件选择工具
  • 标签自动填充
  • Tidy HTML工具
  • IE实时预览
  • 图像绘制
  • CSS样式表设计
  • 服务器端支持
  • 高度定制化工具栏和界面
  • FTP客户端
  • 高级查找替换功能

Microsoft SharePoint Designer

Microsoft SharePoint Designer 2007 (Win) Microsofts Frontpage的升级换代产品。SharePoint Designer是一款标准的WYSIWYG编辑器。除了支持ASP.NET页面以外，没有什么新东西。提供免费试用版。 提供IE网络版，但是需要你有极大的耐心。

Sharepoint特性:

  • 支持 ASP.NET页面交互
  • 从RSS, XMl, Office XML创建数据预览
  • 内建工具流程设计，可进行协作
  • CSS工具
  • 追踪定制页面
  • 拼写检查
  • SharePoint Server 2007集成

NetObjects Fusion

NetObjects Fusion 这是一款曾经最烂的但也是最流行的一款WYSIWYG-编辑器。它生成的代码相当蹩脚(只有微软的Word才会生成最烂的代码)，但是此款编译器却是主机提供商和ISP运营商最常提供给客户的。NetObjects Fusion可以让你不需要任何技术知识就可以建立网站。特别是当你想要做一个名片的时候，用此款软件只要几分钟就能做好。但是，如果你想建一个专业网站的话，NetObjects对你来说并不是一个很好的选择。

现在，NetObjects Fusion已经发展到10版本了，其生成代码的能力似乎应该有所改善，不过好像并不是那么回事。你可以在他们的网络商店获取试用版本，也可以直接购买零售版本，售价: €100。

Quanta Plus

Quanta Plus (Linux) Quanta Plus是一款十分稳定，使用起来相当顺手，具有丰富的网站开发环境的一款编辑器。Quanta是一款定位于效用和最大化用户使用灵活度的编辑器。

该款编辑器既有WYSIWYG使用界面，也提供手工编写代码界面。它具有标签自动填充、脚本语言自动填充、项目管理、实时预览以及PHP调试等特性。它还具有一个可视化的CSS编辑器，能够自动填写CSS代码，提供高度的可延展性和完整预览。

该款编辑器对项目管理提供了很好的特性，包括对本地和远程项目的管理支持。项目文件可以通过不同的协议上传到很多服务器。集成CVS, 并且通过外部插件可以支持Subversion（一款开放源代码的版本控制系统）。Quanta是基于KDE（一个用于UNIX工作站的网络透明的现代化桌面环境）的一款编辑器，依照GPL（GNU通用公共许可证）标准发布。

Freeway

Freeway (Mac) Freeway (原名Uniqorn) 分为两个版本：Freeway Pro和Freeway Express。Freeway 5 Pro可以使用绝对位置建立CSS页面布局，通过”Actions”插件使用高级程序（如使用PHP脚本语言链接MySQL数据库）。这些插件可以从一些网站免费下载，但是也有一些是要付费使用的。

你可以通过在网站上注册一串长长的信息获得一个免费试用版。Freeway是一款在”2008苹果设计大奖”上获得”最佳创意网络产品”提名的作品 。如果你是个苹果用户，FreeWay和RapidWeaver 可能都是你的首选。

Freeway特性:

  • 多个母版页
  • 布局工具
  • 链接地图
  • 链接样式
  • 集成.Mac 上传
  • 兼容IE
  • 支持背景图像切片
  • 内建预览 (Safari/Webkit)
  • 可导入EPS (Panther及更高版本), Illustrator, Photoshop图层
  • Freeway商店
  • 使用Blogger模板

Seamonkey Composer

SeaMonkey Composer (Win / Mac / Linux) 这是一款可以替代大型商业软件的简单但是功能强大的编辑器。SeaMonkey是一个自由的开放原始码以及跨平台的网络套件，并且由Mozilla基金会建构，之后转由旗下的SeaMonkey专案领导团体开发。虽然说Netscape是相当成功的，但是SeaMonke并没有像前者那样。

该款编辑器功能强大而且使用起来非常简单，提供动态图像和表格大小变换，快速插入和删除表格空隙，改善的CSS支持，以及支持固定定位。SeaMonkey内建WYSIWYG编辑器，是一款全能的网页应用软件套装。

Create

Create (Mac) Create是一款集合Illustrator, InDesign, Pages, GoLive, Canvas, DreamWeaver, QuarkExpress, Streamline等软件特性于一体的操作简单，价格低廉的OS X原创软件。它还支持托拽式添加链接文本和图像，每款工具都有自己的导航栏和索引，你还可以从一个文件创建PDF和网站两种格式。

WYSIWYG Web Builder

WYSIWYG Web Builder Web Builder是一款高度定制化和可延伸的软件，具有相当多的特性，脚本和模板。你可以通过托拽形式添加你的设计元素。软件支持很多脚本和图像编辑功能。

集成PayPal eCommerce工具; 带有RSS设定的播客选项，内建RSS选项的博客和Google站点优化。该款编辑器还具有很多扩展功能，如密码保护，RSS定制，RSS分析，电子相册和lightboxe相册。

针对非专业人士、网页制作新手和小企业的编辑工具

iWeb (Mac) iWeb是一款精巧的网页制作工具。你只需点一下鼠标就可以更换页面模板。如果你愿意，你还可以在一个网站使用多种模板主题。你可以置入Google地图和Google AdSense广告，你可以托拽你的相册到网站的首页。添加网站widgets，实时查看来其它网站的内容。 售价$7，不提供试用版本。.

Sandvox (Mac) Sandvox具有托拽式网站组合，不需要预览模式的实时编辑，超过40款预设图形，以及17种不同的用户控件。它是一款容易使用并且十分漂亮的网页制作工具，适合那些不想花太多时间来开发网站的人使用。售价$49。

Sitegrinder (Win / Mac) SiteGrinder是一款Photoshop插件，可以把Photoshop 图像转换成网页格式。它是一款十分妙的软件，使用起来非常容易。售价$129，提供免费试用版本。

Studioline Web3 (Win) Studioline是一款基于Javascript的软件，如果你没有启用Javascript，那么你将什么也看不到。该软件提供的源码不包含图表，设计质量也不高，不建议在家使用。

Bluevoda (Advertising) BlueVoda是一款免费下载的软件，但是你必须有VodaHost的账号才能发布网站。BlueVoda和微软Office的界面十分相似，和大多数WYSIWYG编辑器一样，该款编辑器的HTML代码是隐藏的，允许用户不需要懂得代码知识就可以创建网站。

Website X5 (Win) WebSite X5是一款彻头彻尾的可视化软件i：网站不需要任何代码，只需通过”点击”几下就可以完成，而且由它创造出来的网站是绝对符合标准的。售价$60。

<oXygen/> (Win / Linux / Mac) 事实上，<oXygen/>是一款高级的XML编辑器，但是它也提供许多有用的工具给网页制作新手和高级网页开发人员。你可以利用该软件提供的工具编辑(X)HTML网页文件。该款编辑器提供独立版本、基于JAVA网页开发环境的版本和Eclipse插件。售价$59。

]]> http://www.4ebstudio.com/25-wysiwyg-editor-review.html/feed 0