Question

如何使用ps切网页、DW编写div+css

我会的技能：我会ps做网页，会使用DW，会html和css
我不会的技能：具体如何切图、如何在DW中从0开始一句一句写出div+css不太懂。
谁能提供这方面的实例视频教程（图文的也可）？
向真心回答问题者致敬！谢绝推荐的各类学习网站，各种大白话，与主题不相干的泛泛回答！
psd转xhtml+css没有经验，不知道哪里有实例教程可以学习，一遍做一边学习的。
书我已买正在路上，这几天想学习下。有好的网上教程或实例练习吗？

Answer 1

你的问题很有意思！你会PS却不会切片，你会DW却不太懂div及CSS。很矛盾！我想你没有表述清楚；只能说你对上述说的软件大概知道一点。PS主要是对网页中的图片及特殊文字进行编辑并切片保存为WEB格式以便在DW里插入使用。切片很简单！你多动一下手就会了；如何切图片？你知道为什么切片自然也就会了。DW是网页编辑软件，div是块，原来网页布局用表格不太方便灵活，而用div块可方便任意布局，div块就是一个容器，可容纳任何东西。CSS是一种样式！可编辑你自己喜欢的样式或者用软件自带的样式，编辑一次样式即可将相同的样式运用到整个网页中便于整体调整或修改。

Answer 2

其实这样的问题一般都不爱回答，理解需要一定的基础

这两者的关系是密不可分的，并不是表面上的联系。首先用ps等工具进行设计的过程中，就需要顾及到编码，最基本的就是背景的处理，例如渐变色如何设计，分离，用于网页等等。所以对两者都需要有较深的认识。 其实平面设计的层，和CSS 盒模型可以当作是一个概念，空间上来讲都是分层。理解了这个，也就理解了编码过程中的内容和修饰图的分离。

看到这不知道你理解的程度如何

切图，在Fireworks, photoshop等都可以，过程就是拖拽标尺线，对所需位置的图片进行导出，可以理解为批量截取。所以就像上面提到的，你得知道哪部分是需要的。

至于dw从0一句一句怎么写这个问题涉及的就太多了，给你个轮廓，你有张设计图，想做成网页，第一步就是划分整体布局，是上中下三栏，还是左中右等等典型布局，拿现在你看到的这个页面来说，就是上中下，其中中间分为两栏的典型布局。这个过程就是用div布局，整体轮廓有了，开始细化每个板块区域的内容，期间按照所需取设计图中的例如 按钮，导航的背景等等等，说的这个过程就是0到1编写的过程，另外因为跨浏览器兼容问题，需要打开很多浏览器不断的调试测试最终发布

擦，一说说了这么多，你自己动手做个页面就会理论实践相结合了

好运

Answer 3

你可以给我个邮箱，我能给你发个教程，不知道能不能帮到你，网上教程再多，其实都不如有个师傅教你。

Answer 4

只能说你对这些技能只知道点皮毛,深入点了解下，一切自然就会了

Answer 5

其实新华书店买几本书狠狠啃半年就入门了