blocks|key|580942|text|这取决于你到底需要做什么，但学习css的基础知识相当容易，掌握它当然要难得多。我建议你只学习CSS，并确保你有一个像样的浏览器插件，比如firebug，这样你就可以确切地看到发生了什么。我个人并不是dreamweaver的粉丝。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|580943|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Depends exactly what you need to do, but learning the basics of css is pretty easy, mastering it is far more difficult of course. I'd suggest you just learn CSS and makes sure you get a decent browser add in like firebug so that you can see exactly what is going on. I'm not a fan of dreamweaver personally.

blocks|key|629768|text|对于初始设计来说，Dreamweaver是一个很好的工具，但除此之外我不会再推荐它了。当然，很多人只使用它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|629769|为什么不试试像960网格这样的CSS框架呢？它可以帮助您在页面上定位元素，并让您担心设计的具体实现，如字体和颜色。|629770|http://960.gs/|offset|length|629771|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|E|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@$F|R|G|S|1|T]]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|E]]]]

Dreamweaver is a good tool for initial design but I wouldn't recommend it for much more than that. Of course many people use it exclusively.

Why not try some CSS framework like the 960 grid? It can help with positioning elements on the page and leave you to worry about the specific implementation of your design like fonts and colors. 

<a href="http://960.gs/" rel="nofollow noreferrer">http://960.gs/</a>

blocks|key|580992|text|如果你想要简单的页面布局，像YUI这样的东西可能会对你有所帮助。它有大量的预构建代码供您使用。特别是，Grid+Builder非常适合创建多个部分以填充到页面中。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|580993|至于工具，只要它有像样的语法，突出显示任何文本编辑器都可以。就我个人而言，DreamWeaver太过努力地试图“帮助”，反而妨碍了我，但我只是对原始的标记感到高兴。|580994|entityMap|0|LINK|mutability|MUTABLE|url|http://developer.yahoo.com/yui/|1|http://developer.yahoo.com/yui/grids/builder/^0|E|3|0|1F|C|1|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]|$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

If you want simple page layouts something like <a href="http://developer.yahoo.com/yui/" rel="nofollow noreferrer">YUI</a> might help you. It has a large collection of pre-built code for you to use. Particularly the <a href="http://developer.yahoo.com/yui/grids/builder/" rel="nofollow noreferrer">Grid Builder</a> is great for creating multiple sections to populate within pages.

As for tools as long as it has decent syntax highlighting any text editor would be fine. Personally DreamWeaver tries too hard to 'help' and instead gets in the way but then I'm happier just with the raw mark-up.

blocks|key|1884105|text|我同意上面的一些帖子，并理解你在开始时可能会遇到的“像素推送”困难。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1884106|我已经创建和重新创建HTML布局大约5年了，在尝试了YUI，Google+Blueprint，几个css重置库和我自己的自制布局后，我发现YUI的网格，字体和重置是最灵活和有用的。他们的模板有点棘手，但只有一点点。|1884107|这是我对very+similar+question的回答(如果人们不想点击查看answer...if，这是垃圾邮件或违反规则的，请让我知道，我会删除答案)：|offset|length|1884108|“|1884109|以上所有的都是非常好的。Dreamweaver+(imho)拥有最完整的页面设计功能集(Adobe实际上在一段时间前从TopStyle那里获得了一些技术许可，以改进他们的功能集)。而且它有出色的内置验证功能。|1884110|另一个免费工具(记住，Dreamweaver至少要花你几百美元，除非你偷了它)是Aptana+IDE。它具有Dreamweaver拥有的大多数代码完成选项以及类似的验证工具。|1884111|Aptana和Firefox的Firebug插件是一个很好的组合。此外，还有Firebug扩展和其他非常有用的Firefox插件：|1884112|Firebug代码烧录器:向firebug.|1884113|ColorZilla+(纯them.|unordered-list-item|1884114|
|1884115|MeasureIt扩展)添加超文本标记语言和|1884116|
参考标签:分析颜色并帮助你管理firebug.|1884117|ColorZilla(纯FireFOX扩展)：帮助你测量页面上元素之间的距离，当Firebug不是them.|1884118|1884119|MeasureIt+enough.|1884120|1884121|WebDeveloper工具栏时:做各种漂亮的事情，例如：|1884122|1884123|(+FireFOX+FireFOX+Extension)但我只使用它来调整浏览器到特定的窗口大小(如800x600)。|1884124|1884125|1884126|1884127|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/1759310/up2date-techinques-tools-to-create-proper-css-xhtml/^0|0|0|4|L|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|1O|8|@]|9|@$F|1P|G|1Q|1|1R]]|A|$]]|$1|H|3|I|5|6|7|1S|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|1T|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|1U|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1V|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|1W|8|@]|9|@]|A|$]]|$1|R|3|S|5|T|7|1X|8|@]|9|@]|A|$]]|$1|U|3|V|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|W|3|X|5|T|7|1Z|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|20|8|@]|9|@]|A|$]]|$1|10|3|11|5|T|7|21|8|@]|9|@]|A|$]]|$1|12|3|V|5|6|7|22|8|@]|9|@]|A|$]]|$1|13|3|14|5|T|7|23|8|@]|9|@]|A|$]]|$1|15|3|V|5|6|7|24|8|@]|9|@]|A|$]]|$1|16|3|17|5|T|7|25|8|@]|9|@]|A|$]]|$1|18|3|-4|5|T|7|26|8|@]|9|@]|A|$]]|$1|19|3|1A|5|T|7|27|8|@]|9|@]|A|$]]|$1|1B|3|-4|5|6|7|28|8|@]|9|@]|A|$]]|$1|1C|3|-4|5|6|7|29|8|@]|9|@]|A|$]]|$1|1D|3|I|5|6|7|2A|8|@]|9|@]|A|$]]|$1|1E|3|-4|5|6|7|2B|8|@]|9|@]|A|$]]]|1F|$1G|$5|1H|1I|1J|A|$1K|1L]]]]

I agree with some of the posts above, and empathize with the "pixel pushing" difficulties you might encounter when starting out.

I've been creating and recreating HTML layouts for about 5 years now, and after trying YUI, Google Blueprint, several css reset libraries, and my own home-brew layouts, I find YUI's grids, fonts, and resets are the most flexible and useful. Their templates are a little tricky, but only a little.

Here's my answer to a <a href="https://stackoverflow.com/questions/1759310/up2date-techinques-tools-to-create-proper-css-xhtml/">very similar question</a> (in case people would rather not click through to see the answer...if this is spamming or against the rules, please let me know and I will remove the answer)
:

&nbsp;

&nbsp;

&nbsp;
"

All of the above are excellent. Dreamweaver (imho) has the most complete set of features for designing pages (Adobe actually licensed some of the technology from TopStyle a while back to improve their feature set). And it has excellent validation built-in.

Another FREE tool (remember, Dreamweaver will cost you at least a few hundred unless you steal it) is Aptana IDE. It has most code completion options that Dreamweaver has, and similar validation tools.

Aptana and Firebug plugin for Firefox make a pretty good combination. In addition, there are Firebug extensions and other Firefox plugins that are tremendously useful:

<ul>
<li>Pixel Perfect: allows you to add a semi-transparent background image to line up elements on a page (shows up as extra tab within the Firebug plugin).</li>
<li>Code Burner: adds html &amp; css reference tab to firebug.</li>
<li>ColorZilla (plain FireFOX extension): analyzes your colors and helps you manage them.</li>
<li>MeasureIt (plain FireFOX extension): Helps you measure distances between elements on a page when Firebug isn't enough.</li>
<li>WebDeveloper toolbar: does all sorts of nifty stuff, but I only use it to resize the browser to a specific window size (like 800x600).</li>
</ul>

"

blocks|key|1881628|text|你应该使用css模板(a+list+here)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1881629|或者下载一个已经做好的布局(在网络上到处都是)，然后用firebug修改一下，看看你喜欢什么。(An+example)|1881630|编辑:我也是“唯一的代码”，我手动设计我的web用户界面。但是firefox有很多插件可以极大地帮助你设计布局。(Here's+a+list)|1881631|entityMap|0|LINK|mutability|MUTABLE|url|http://www.noupe.com/design/ultimate-guide-to-grid-based-web-design.html|1|http://www.dotemplate.com/|2|http://sixrevisions.com/tools/top-20-essential-firefox-add-ons-web-designers/^0|B|B|0|0|1C|A|1|0|1L|D|2|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|E|5|6|7|X|8|@]|9|@$A|Y|B|Z|1|10]]|C|$]]|$1|F|3|G|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|H|3|-4|5|6|7|15|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]|R|$5|K|L|M|C|$N|S]]]]

you should use css templates (<a href="http://www.noupe.com/design/ultimate-guide-to-grid-based-web-design.html" rel="nofollow noreferrer">a list here</a>)

or download an already made layout (everywhere on the net) and change bits with firebug to see what pleases you. (<a href="http://www.dotemplate.com/" rel="nofollow noreferrer">An example</a>)

Edit : i am 'only code' too, i style my web UIs by hand. But there's a lot of addons for firefox that will greatly help you design your layout. (<a href="http://sixrevisions.com/tools/top-20-essential-firefox-add-ons-web-designers/" rel="nofollow noreferrer">Here's a list</a>)

im a pure backend programmer and i find it so difficult to position divs and add css styles.

what are your advices to make this as simple as possible for me?

use dreamweaver? what can it help me with exactly.

i have no idea how to add style to my prototype or handling positionings of divs and elements. some guides? tools? softwares? online scripts?

please all suggestions are welcome! guide me through...im all business logic and none design head.

eg. <a href="http://www.workey.se" rel="nofollow noreferrer">http://www.workey.se</a>. how do you start with layout, design and all that stuff...

dreamweaver for css and html?

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

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

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

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

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

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

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

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我是一个纯粹的后端程序员，我发现很难定位div和添加css样式。你的建议是什么，让我尽可能的简单？使用dreamweaver？它到底能对我有什么帮助。我不知道如何向原型添加样式，也不知道如何处理div和元素的位置。一些指南？工具？软件？在线脚本？敬请期待！欢迎所有建议！指导我through...im所有的业务逻辑和没有设计头。例如：。你如何开始布局，设计和所有的东西...

问用于css和html的dreamweaver？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于css和html的dreamweaver？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问用于css和html的dreamweaver？
EN