怎么用ps切完图后保存成XHTML+CSS布局的格式啊?

这个问题很简单，网上有些比较变态的软件，按照一定的逻辑程序把你切割好的PS文件硬性转化成所谓的XHTML+CSS文件。这样的东西主要是什么都不懂的新手去用。

专注于为中小企业提供成都网站建设、成都做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业潮阳免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了超过千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

切好后按ctrl+shift+alt+s弹出对话框。点击“存储”弹出保存对话框，把格式改为“HTML和图像”，点击保存即可。

首先，在ps中打开一张要处理的图片。然后，在左侧的工具栏中点击切片工具。接着，用切片工具把图片分成4份。之后，再依次点击左上角的文件——存储为web所用格式。在弹出的窗口中点击存储的按钮。

使用ps切片，切好了保持为 web存储格式 弹出的窗口可以设置保持的类型的，可以设置成div加css的 如下图：切好片以后，文件保存为web存储文件，就会弹出下面的图片。点击红框的箭头。点击输出设置。

打开图片，复制图层，关闭背景图层，用“魔术橡皮擦工具”擦除背景；“文件--存储为web所用格式--存储”，“将优化结果存储为--仅限HTML”，保存；打开“我的图片”，找到刚才保存的HTML格式文件，完成。

PS的样式跟CSS的样式是一样的吗?我可以理解为把PSD文件制作成代码之后...

1、用PS可以制作网页的效果图，然后用切片工具，就可以将图片切成网页可用的切片。但这只是网页上的相关图片。CSS是可以对这些图片进行排版的，进行样式的设定。因此，两者的功能是相补的， 所以都是有用的。

2、把psd网页先划分成三大块，顶部，中间部分，底部。然后在各个部分继续划分字模块，每个模块都统一用DIV来实现，css只是负责定义层的属性，比如宽，高，背景色，位置等等。

3、只能转换成XHTML，CSS是没法自动生成的。并且转换成的XHTML是以table布局，而不是以div布局的。

4、写完之后在各个浏览器运行之后确保大体定位都没有问题。书写总体css，这里的css只负责大块的定位及样式。切出需要的图片资源，在写好的框架中一点点的去构造，不断的调试，最终为成品。

PS如何导出.css文件

1、LZ说的那个不是.CSS文件，而是在HTML里面加入了CSS样式。.CSS是指单独的样式文件，使用的时候需要用 这样的格式导入。

2、这个问题很简单，网上有些比较变态的软件，按照一定的逻辑程序把你切割好的PS文件硬性转化成所谓的XHTML+CSS文件。这样的东西主要是什么都不懂的新手去用。

3、最简单的：在ps里切割好后，别存为jpg和html，会自动产生一个html文件，将产生的html文件和存图片的目录放在你的网站目录下，就可以了。如果是做asp的，将html的扩展名改为asp，界面就算做好了。接下来就是写代码了。

PS处理好的图片用DW如何生成CSS格式

1、首先打开Dreamweaver插入图片。点击插图右键选择CSS样式-新建。点击新建后弹出的对话框自定义名称即可。后在弹出的对话框中设置需要的效果即可，可以自定义类型、背景、区块、定位等。

2、最简单的：在ps里切割好后，别存为jpg和html，会自动产生一个html文件，将产生的html文件和存图片的目录放在你的网站目录下，就可以了。如果是做asp的，将html的扩展名改为asp，界面就算做好了。接下来就是写代码了。

3、不能直接转换，在ps里用切片工具把你的小样给切分开，再到DW里去做样式。

4、首先打开dw软件，新建一个文本文档，找到两张图片。其次用li标签，先把两张图片用代码写出来加入css代码。最后再给下面的代码上添加上相应的css样式代码。

在Photoshop里设计好网页后,在Dreamweaver里怎么导出div+css布局的静态...

1、选择底下有个选项所以用户切片，不要选择所以切片。然后切好图了，接下来就是用到dreamweaver来制作网页。dreamweaver制作html页面。用的div+css或者表格布局，现在大多数都用div+css。

2、首先打开Dreamweaver插入图片。点击插图右键选择CSS样式-新建。点击新建后弹出的对话框自定义名称即可。后在弹出的对话框中设置需要的效果即可，可以自定义类型、背景、区块、定位等。

3、使用ps切片，切好了保持为 web存储格式 弹出的窗口可以设置保持的类型的，可以设置成div加css的 如下图：切好片以后，文件保存为web存储文件，就会弹出下面的图片。点击红框的箭头。点击输出设置。

4、不能直接转换，在ps里用切片工具把你的小样给切分开，再到DW里去做样式。

怎样设置PS切片存储为DIV+CSS页面

首先打开Dreamweaver插入图片。点击插图右键选择CSS样式-新建。点击新建后弹出的对话框自定义名称即可。后在弹出的对话框中设置需要的效果即可，可以自定义类型、背景、区块、定位等。

把psd网页先划分成三大块，顶部，中间部分，底部。然后在各个部分继续划分字模块，每个模块都统一用DIV来实现，css只是负责定义层的属性，比如宽，高，背景色，位置等等。

ps里有个切片工具，将你需要的图片切成一小块一小块的，只切图片，不要都切，图片越少越好，比如背景重复的，就只切一个像素就可以了，然后做网页的时候设置样式为平铺。

你会PS却不会切片，你会DW却不太懂div及CSS。很矛盾！我想你没有表述清楚；只能说你对上述说的软件大概知道一点。PS主要是对网页中的图片及特殊文字进行编辑并切片保存为WEB格式以便在DW里插入使用。

你可以开PS进行测试一下，先切割好了之后，再使用组合键：Ctrl+alt+shift+s 点存储，看到设置地方为：默认设置一般没有手动调过的，都是table格式，而设置处为背景格式或其它等，则一般就是DIV+CSS切片。

你的问题很有意思！你会PS却不会切片，你会DW却不太懂div及CSS。很矛盾！我想你没有表述清楚；只能说你对上述说的软件大概知道一点。PS主要是对网页中的图片及特殊文字进行编辑并切片保存为WEB格式以便在DW里插入使用。

新闻名称：pscs导出css样式 pscs6导出
文章转载：http://kswjz.com/article/didojig.html