Question

大家都说div+css很容易，但我怎么觉得好难！！！！

还有div+css排版和用DW设计排版有什么区别吗？？是两者在公司都可以用，还是两者本来就没有关系。。还有div+css到底该从何学起啊！！！特别是浮动！！！！！！！！

Answer 1

网页排版有三种方式：

1、Table + Css (表格排版)
2、Div + Css
3、Div、Table混排

三种方式不外乎都是 html + css 实现 (table和div都属于html语言)，所以你应该关注的本质核心是html语言和css语言。

DW只是一个主要功能为：网页制作的软件，常用来编写或生成html、css代码，当然DW也可以拿来写javascript或其他任何编程语言..

用windows自带的记事本也可以拿来写html、css或其他编程语言。所以，只要你会html、css语言本身，用什么写网页和样式表都不重要，你在企业做相关工作的话，老板才不关心你用什么软件做网页，只要结果符合他要求..

我个人的建议是：不用DW：

DW所谓的傻瓜式、所见即所得的拖放生成(实际上这个功能无法完美实现)可以帮你不写或少写代码，从而自动生成html和css，这个功能让很多新手依赖它，惧怕手写代码。你如果要深入的学，成为一个熟手，那就必须关注代码本身，随便找个带html、css代码自动提示的编辑器做网页比DW强得多。只是最开始你得强迫自己忘掉DW改为手写代码，买两本html、css的书看看，手写代码几天就能上手。

html学熟练不难，css稍微复杂些(也不难，只是要知道解决各大浏览器兼容问题的常用小技巧有十来个，搞懂了也简单)。

至于你觉得难，主要是没人教，自己没什么信心，练得也少没入门。如果你觉得有兴趣一定要学或者以后想吃这碗饭的话，我建议你找个环境就很快入门了。十五年前我学这个的时候拨号上网，那时都没什么系统点的教程，自己也没电脑，有点钱就跑游戏室(当时网吧还很少)去搞弄网页，弄了两三年都觉得好难好难..

但是我当时对这个兴趣非常大，干脆把爹妈安排的铁饭碗砸了，硬着皮头去应聘了些用人要求不是很高的小企业，开始是帮企业维护网站(发发新闻、管管论坛什么的)，后来又去帮企业建站的公司专门做网页。每当我不会或者我觉得学习很难时，老板会敲着我的头让我三天把某个东西做出来，否则挨骂或扣工资，那一刹那，我以前不懂的代码就会瞬间明了..

我觉得光有兴趣不够，要有环境给你的压力学起来就快。像javascript我有兴趣若干年了，但就老学不会，因为这十几年都是程序员搭档在写javascript，也没有老板来敲我的头强迫我写了，我心理上已经很依赖程序员，反正我搞不定的丢给他们写，没以前那种环境给我动力去强迫自己必须学会。

追问

想问一下，在公司，一般设计和排版是分开的吗？？？div+css不想学了，但是用PS设计的还可以，这样可以做网页吗？？

想问一下，在公司，一般设计和排版是分开的吗？？？div+css不想学了，但是用PS设计的还可以，这样可以做网页吗？？

追答

这个要看是什么公司。大概情况：

A.如果你ps水平很好，flash动画做得不错，html、css之类的只要了解皮毛即可，完全可以去4A广告和一些专门做flash互动网站的公司，这类公司主要是看你的美术功底和创意，一般以接项目网站为主，主要做地产、汽车、化妆品、数码产品一类的flash网站。

B.或者你有个还看得过去的文凭，设计网页、软件界面、图标那套东西都有相当水平，去腾讯、百度、阿里之类的大企业混。

以上两个都不需要太精通html、css、js，懂点就够了，这种公司做设计的和搞前端代码的几乎都是分开的，各做各的事，你设计牛就行了，那些代码的东西是丢给专门做前端的人做。

C.一般的企业或给别人建站的公司：PS、FLASH、JAVASCRIPT、HTML、CSS基本上是设计师一个人做完的，需要的是万能手，不一定要你每样都玩得牛，要的是你每样都会。这类公司容易进，但做的活最累，工资是以你做了多少个单计算的。

Answer 2

代码都是手工打的，DW最多算一个可以帮你排版的工具，一定程度上帮你所见即所得而已，可以用颜色区分不同的标签规则，当然这个功能很多软件都能实现，用DW的原因就是他是ADOBE的产品，还有DW设计html5特别是移动端的还是不错的。

学习所谓的div+css是没啥意义的，就好象div本身就没有任何结构意义一样，你会了解到div，span，dd/dl/dt，ul/ol/li，table/tr/td等等html结构性语言，最重要的就是理解其结构在html中的作用，在脱离css样式表现的情况下，不同的结构代码有其特殊的含义，无论是人机交互还是给注入搜索引擎看。

简单例子
div = span+"display:block"

span = div+"display:inline"

Answer 3

div+css手动代码，更精确，对于浏览器版本、类型和浏览器的放大缩小都有很强的适应性。
dreamweaver设计一般是为了画大概的界面看效果使用，用来参考，钻研得很通透可以达到手动代码的效果，但一般人做出来都适应性不强，绝对定位比较多
所以，div+css重在精确，dw重在快速方便。
认真专研，从html标签到css的各项属性学起
内容不复杂，重在动手敲出来看效果，还有就是，坚持一周就搞定了，不要学一天放三天，会忘的。。。