blocks|key|1089948|text|如果您是认真的前端开发，您只需要一个文本编辑器与语法突出显示HTML，CSS和Javascript。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1089949|在Windows上，Notepad%2B%2B做得相当不错，另一个很好的选择是阿普塔纳，特别是对于Javascript，尽管它可能会有一些重，这取决于工作。我也使用过崇高，但不是很深入，还有Microsoft+Expression，它非常类似于Dreamweaver+(我以为他们有一个免费的'Express‘版本，但显然没有)。|offset|length|1089950|在Mac上，正如前面提到的，CSSEdit和TextMate、尾波或浓缩咖啡一样值得一看。CSSEdit是针对CSS的，不过老实说，我真正使用的唯一特性是使用@group注释进行分段(我通常在TextMate和Javascript旁边使用它)。|1089951|或者对于任何平台上的硬核来说，都有维姆。查看vim铸型获得一些很棒的教程。|1089952|entityMap|0|LINK|mutability|MUTABLE|url|http://notepad-plus-plus.org/|1|http://www.aptana.com/|2|http://www.sublimetext.com/|3|http://www.microsoft.com/expression/products/Web_Overview.aspx|4|http://macrabbit.com/cssedit/|5|http://macromates.com/|6|http://www.panic.com/coda/|7|http://macrabbit.com/espresso/|8|http://www.vim.org/|9|http://vimcasts.org/^0|0|A|9|0|Z|4|1|27|2|2|2J|K|3|0|E|7|4|M|8|5|V|2|6|Y|4|7|0|H|2|8|M|5|9|0^^$0|@$1|2|3|4|5|6|7|19|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1A|8|@]|9|@$D|1B|E|1C|1|1D]|$D|1E|E|1F|1|1G]|$D|1H|E|1I|1|1J]|$D|1K|E|1L|1|1M]]|A|$]]|$1|F|3|G|5|6|7|1N|8|@]|9|@$D|1O|E|1P|1|1Q]|$D|1R|E|1S|1|1T]|$D|1U|E|1V|1|1W]|$D|1X|E|1Y|1|1Z]]|A|$]]|$1|H|3|I|5|6|7|20|8|@]|9|@$D|21|E|22|1|23]|$D|24|E|25|1|26]]|A|$]]|$1|J|3|-4|5|6|7|27|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]|R|$5|M|N|O|A|$P|S]]|T|$5|M|N|O|A|$P|U]]|V|$5|M|N|O|A|$P|W]]|X|$5|M|N|O|A|$P|Y]]|Z|$5|M|N|O|A|$P|10]]|11|$5|M|N|O|A|$P|12]]|13|$5|M|N|O|A|$P|14]]|15|$5|M|N|O|A|$P|16]]|17|$5|M|N|O|A|$P|18]]]]

If you're serious about front-end development, you shouldn't need anything more than a text editor with syntax highlighting for HTML, CSS and Javascript.

On Windows, <a href="http://notepad-plus-plus.org/" rel="nofollow">Notepad++</a> does a pretty decent job, another good option is <a href="http://www.aptana.com/" rel="nofollow">Aptana</a>, especially for Javascript, although it can be a bit heavy weight depending on the job. I've also used <a href="http://www.sublimetext.com/" rel="nofollow">Sublime</a> but not in any great depth, and then there's <a href="http://www.microsoft.com/expression/products/Web_Overview.aspx" rel="nofollow">Microsoft Expression Web</a> which is very similar to Dreamweaver (I thought they had a free 'Express' edition but apparently not).

On Mac, as mentioned <a href="http://macrabbit.com/cssedit/" rel="nofollow">CSSEdit</a> is worth a look as is <a href="http://macromates.com/" rel="nofollow">TextMate</a> or <a href="http://www.panic.com/coda/" rel="nofollow">Coda</a> or <a href="http://macrabbit.com/espresso/" rel="nofollow">Espresso</a>. CSSEdit is squarely aimed at CSS, although to be honest the only feature I really use is sectioning with @group comments (I usually use TextMate for HTML and Javascript along side it).

Or for the hardcore on any platform there's <a href="http://www.vim.org/" rel="nofollow">vim</a>. Check out <a href="http://vimcasts.org" rel="nofollow">vim casts</a> for some great tutorials.

blocks|key|1089893|text|如果你在Mac上，那么就用一下CSSEdit吧，这是我花过的最好的钱:)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1089894|此外，我也会坚持我的堆栈：|1089895|📷|atomic|1089896|​|1089897|从左到右：|1089898|传送，比林斯，CodeBox，尾波(仅仅测试)，TextMate，CSSEdit，版本，吉特塔，万花筒，MAMP+Pro，MarsEdit|1089899|都是非所见即所得的。|1089900|entityMap|0|LINK|mutability|MUTABLE|url|http://macrabbit.com/cssedit/|1|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/69719d1804435228163c4655f3944e7a.png|imageAlt|2|http://panic.com/transmit/|3|http://www.marketcircle.com/billings/|4|http://itunes.apple.com/us/app/codebox/id412536790?mt=12|5|http://www.panic.com/coda/|6|http://macromates.com/|7|8|http://versionsapp.com/|9|http://www.git-tower.com/|10|http://www.kaleidoscopeapp.com/|11|http://www.mamp.info/en/mamp-pro/index.html|12|http://www.red-sweater.com/marsedit/^0|F|7|0|0|0|0|1|1|0|0|0|0|2|2|3|3|3|7|7|4|F|2|5|O|8|6|X|7|7|15|2|8|18|3|9|1C|3|A|1G|8|B|1P|8|C|0|0^^$0|@$1|2|3|4|5|6|7|1P|8|@]|9|@$A|1Q|B|1R|1|1S]]|C|$]]|$1|D|3|E|5|6|7|1T|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|1U|8|@]|9|@$A|1V|B|1W|1|1X]]|C|$]]|$1|I|3|J|5|6|7|1Y|8|@]|9|@]|C|$]]|$1|K|3|L|5|6|7|1Z|8|@]|9|@]|C|$]]|$1|M|3|N|5|6|7|20|8|@]|9|@$A|21|B|22|1|23]|$A|24|B|25|1|26]|$A|27|B|28|1|29]|$A|2A|B|2B|1|2C]|$A|2D|B|2E|1|2F]|$A|2G|B|2H|1|2I]|$A|2J|B|2K|1|2L]|$A|2M|B|2N|1|2O]|$A|2P|B|2Q|1|2R]|$A|2S|B|2T|1|2U]|$A|2V|B|2W|1|2X]]|C|$]]|$1|O|3|P|5|6|7|2Y|8|@]|9|@]|C|$]]|$1|Q|3|-4|5|6|7|2Z|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|Z|U|10|C|$11|12|13|-4]]|14|$5|T|U|V|C|$W|15]]|16|$5|T|U|V|C|$W|17]]|18|$5|T|U|V|C|$W|19]]|1A|$5|T|U|V|C|$W|1B]]|1C|$5|T|U|V|C|$W|1D]]|1E|$5|T|U|V|C|$W|X]]|1F|$5|T|U|V|C|$W|1G]]|1H|$5|T|U|V|C|$W|1I]]|1J|$5|T|U|V|C|$W|1K]]|1L|$5|T|U|V|C|$W|1M]]|1N|$5|T|U|V|C|$W|1O]]]]

If you are on Mac use MacRabbit's <a href="http://macrabbit.com/cssedit/" rel="nofollow noreferrer">CSSEdit</a> its the best money i've ever spent :)

Also I would insist upon my stack:
<img src="https://i.stack.imgur.com/Tz76U.png" alt="enter image description here">

Left-to-Right:

<a href="http://panic.com/transmit/" rel="nofollow noreferrer">Transmit</a>, <a href="http://www.marketcircle.com/billings/" rel="nofollow noreferrer">Billings</a>, <a href="http://itunes.apple.com/us/app/codebox/id412536790?mt=12" rel="nofollow noreferrer">CodeBox</a>, <a href="http://www.panic.com/coda/" rel="nofollow noreferrer">Coda</a>(Just testing), <a href="http://macromates.com/" rel="nofollow noreferrer">TextMate</a>, <a href="http://macrabbit.com/cssedit/" rel="nofollow noreferrer">CSSEdit</a>, <a href="http://versionsapp.com/" rel="nofollow noreferrer">Versions</a>, <a href="http://www.git-tower.com/" rel="nofollow noreferrer">Git Tower</a>, <a href="http://www.kaleidoscopeapp.com/" rel="nofollow noreferrer">Kaleidoscope</a>, <a href="http://www.mamp.info/en/mamp-pro/index.html" rel="nofollow noreferrer">MAMP Pro</a>, <a href="http://www.red-sweater.com/marsedit/" rel="nofollow noreferrer">MarsEdit</a>

All are non WYSIWYG.

blocks|key|2287168|text|BlueGriffon有一个免费版本，并且非常擅长CSS3+3/HTML5+5|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2287169|entityMap|0|LINK|mutability|MUTABLE|url|http://bluegriffon.org/^0|0|B|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://bluegriffon.org" rel="nofollow">BlueGriffon</a> has a free version and is very good at CSS3/HTML5

Is there a better CSS Website design/editor tool to design CSS Websites other than Dreamweaver that could be considered a great tool for a developer?

Thanks

<hr>

Thanks for your answers.

I am an ASP.NET developer. I need an easy way (GUI-like) to design Websites layouts with pure CSS however I am not planning to master CSS as I cannot allocate time to that.

I haven't used Dreamweaver yet, I am just checking on the relatively easiest and best tool for css layouts.

Appreciate your help.
Regards

Dreamweaver CS5 - CSS Website design tool

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

是否有比Dreamweaver更好的CSS网站设计/编辑器工具来设计CSS网站，对于开发人员来说是一个很好的工具？谢谢谢谢你的回答。我是一个ASP.NET开发人员。我需要一个简单的方法(GUI类)来设计网站布局纯CSS，但我不打算掌握CSS，因为我不能分配时间。我还没有使用Dreamweaver，我只是检查相对简单和最好的css布局工具。感谢你的帮助。问候

问Dreamweaver CS5 - CSS网站设计工具
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Dreamweaver CS5 - CSS网站设计工具EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Dreamweaver CS5 - CSS网站设计工具
EN