photoshop转csshtml photoshop转jpg

...在“设置”有个其他选项,可以输出div+css”的HTML网页,和平时输出的...

1、打开网页，邮件点击网页选择打开查看源代码。打开源代码页面后，看到html代码，将body部分全部复制。打开邮箱（这里使用的是QQ邮箱），点击在写信页面中的文字格式--HTML。

2、HTML是由标志和属性组成的，它们一起被用来告诉浏览器应该如何显示一页文档。

3、div+css 是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的代码定位方式，可实现网页页面内容与表现相分离。

4、css是多用于样式，主要的用途是对网页中字体、颜色、背景、图像及其他各种元素的控制，使网页能够完全按照设计者的要求来显示。

5、网页设计中采用div+css布局，这里的DIV是什么意思？ DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。 DIV在程式设计中又叫做整除，即只得商的整数。

相关问答

Q1: ...可以将PSD转化为一个网页的、其中有CSS和HTML语言,很紧急、大家帮帮...

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

2、打开ps软件；打开psd文件；“文件--存储为web所用格式--存储”，选择“html和图像”，保存；在电脑图像文件里就可以找到保存好得网页文件了。

3、在“保存类型”处有个下拉列框可以选择，因为要存储为网页的格式，所以选择“HTML和图象(* html)”，再选择“保存”就可以输出一个网页格式的HTML文件与一个包含图象的名为“images”的文件夹。

4、psd制作好后，用ps里的切片工具(工具栏里像把刀子的)划分你的图片—就是说把每个按钮、超链接、可以删掉的地方一一分割好，然后点文件—导出为web文档(还是导出为html，忘了)。然后再把导出的html用dw编辑。

Q2: 请教网页切图的流程,怎么把psd文件做成HTML+CSS格式的网页

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

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

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

Q3: 如何将PSD模型转化成XHTML和CSS文件求解答

先把PSD文件切片，保存成图片，然后在Dreamweaver里面布局做成网页，CSS什么的，不是转化来的。

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

...如果自己不懂，可以在网上学习一下 很多人在这个网站学习的，包括偶。当然，你自己不想学的话，可以花钱给别人做。

这个你用ps保存成html格式的试试，但是这种方法保存的不一定是你要的效果，最好的效果就是自己写出来，图片把它分离出来做素材。

没什么流程、我是做asp的，工作闲暇之余也自己经常切页面玩，不难的。分清楚div、分清楚层，一步一步写就好了。

Q4: ps设计网页,怎么生成CSS样式文件和HTML,

ps只有一个切片，可以用来把ps格式的设计图，转化成table布局的html文件。暂时还没有div+css的。

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

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

photoshop转csshtml的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于photoshop转jpg、photoshop转csshtml的信息别忘了在本站进行查找喔。