关于psd到html5的信息

如何将psd文件切图并布局html

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

创新互联建站-专业网站定制、快速模板网站建设、高性价比绥滨网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式绥滨网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖绥滨地区。费用合理售后完善，十余年实体公司更值得信赖。

2、在电脑上打开PS软件，在软件的菜单栏中找到文件，点击后选择打开按钮。选中需要处理的PSD文件，点击打开。在软件的导航栏中选择切片工具。用切片工具在图片上进行所需要的分割，如本例中分为上下两块。

3、传统切图 (1)打开一个psd文件，选择ps左边菜单栏的裁剪工具，选择切片工具。首先我们对这个psd文件进行分析，有意识的将其划分成几个选区，然后通过鼠标的拖拽用切片工具将我们所需要的图案切下来。

4、建议LZ先用DIV+CSS写出网页大致框架，然后再把切出的图片填进去。具体的转换步骤是：切片工具切图---文件---储存为web和设备所用格式--- 点击储存后在格式化一栏选择HTML和图像搞定~，很简单的。

5、很容易呀，在Photoshop里切好一小格一小格后，点菜单“文件/存储为WEB所用格式”，也可以按Alt+Ctrl+Shift+S。点“存储”，选择一个目录保存，在“保存类型”里选择“HTML和图像”。

6、需要的技能有PS，xhtml，css，js。学东西不要学的太杂，学门一精就好，拿高薪很容易。

1、打开任意图片，点击文件-存储为。点击格式下拉列表，发现没有.html格式，只能放弃保存.html格式操作。实例二：用存储为Web所有格式来保存为网页文件。点击预设，发现没有.html格式。

2、打开安装好的ps软件。打开一张图片。将图片切片。找到图片，将图片储存为。进入储存图片界面，设置好之后点击储存。选择格式，图像跟HTML。

3、首先打开ps，然后点击左上角的文件→打开，打开psd模板文件。接下来对这个模板分析一下，确定如何作图，决定把照片放在哪里。感觉把照片放在框中空白的地方比效好。

4、修改好相应的文字与图象之后，我们就将PSD文件输出(X)HTML文件。首先得先对PSD文件做切片，有两种方法：①使用工具栏上的“切片工具”，然后在图象上划出一块一块的区域。

1、应该是整个网站如果页面不超过40个的话最多 4天能敲完。要说好的办法其实是基于工具的。比如我们公司有一个自己研发的工具页面不是敲出来的是直接画出来的。不过我还是偏向于用 DW 工具来自己敲。

2、你可以在纸上画一个概念手绘的感觉效果不好 PS最终还是需要使用css，或者table进行排版，没法单独用。 PS是几年前的用的，是直接绘制一个底图。之后美工就知道在那里定位每个div的位置。

3、如果有的是拿来当背景颜色的，如果是纯色的，就直接取出颜色，使用颜色就行了。如果是在纵向渐变的图，高度全取，宽度取1px的就行，css设置水平重复。横向渐变的，就高度取1px。

4、对于HTML文本，我们可以使用 text-shadow 创建一个跨浏览器的描边，但是这种类型的描边有非常多的限制：手工用CSS写这种类型的描边是非常繁琐而且无聊的，所以我在Sass中使用了一个小函数来完成。我们可以设置 color 和 width 为参数。

5、当 white-space 为 nowrap 时，文本内容不自动换行（至于是强行突破容器还是截断显示则要视乎另一个CSS——overflow，下文详述），其它表现与 normal 一致。

文章标题：关于psd到html5的信息
文章出自：http://scjbc.cn/article/dgdpscj.html