如何用photoshop输出html网页（转）

本次教程就以http://www.mobanwang.com/mb/200701/50.html中的一模板为例。
使用工具：photoshop 8.0.1

下载后解压，打开PSD文件。

在修改好相应的文字与图象之后，我们就将PSD文件输出(X)HTML文件。

首先得先对PSD文件做切片，有两种方法：

①使用工具栏上的“切片工具”，

然后在图象上划出一块一块的区域。

②使用基于参考线的切片，按ctrl+R调出标尺栏，

把鼠标移动到标尺上，按住鼠标左键，移动到图象上，将会看到一条绿色的参考线，如图

将参考线；排好，然后点一下工具栏上的切片工具图表，然后点上面

选项栏里的“基于参考线的切片”。于是在原来的参考线上就变成了一块一块的切片了。

接下来就可以输出了:
①依次选择菜单栏上的“文件”→“存储为Web所用格式”→“存储”。

②接下来就会弹出一个“将优化结果存储为”的窗口，如图

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

③如果我们需要输出“div+css的网页”我们还可以这么做：
在“设置”处的下拉列框，选择“其他”

就会弹出一个“输出设置”的窗口

在第2个下拉列框处选择“切片”

选择“生成CSS”

单击“好”→“保存”就可以输出一个目前流行的“div+css”的HTML网页。

来源：http://www.mobanwang.com/art/36.html

转载于:https://www.cnblogs.com/zero1665/archive/2010/03/24/1693957.html

如何用photoshop输出html网页（转）相关推荐

photoshop输出html网页方法
photoshop输出html网页方法, 下载后解压,打开PSD文件. 在修改好相应的文字与图象之后,我们就将PSD文件输出(X)HTML文件. 首先得先对PSD文件做切片,有两种方法: ①使用工具栏 ...
如何将ai转换为html,如何用AI输出html网页？AI画的图片-存储为web及所有格式-放到网页有锯齿？...
相关问题宽度设成百分比不过几乎不太可能不同的分辨率下会变形还是固定死大小比较好网页布局一般有七个步骤如下:1.页面尺寸:页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于无法突破显示器的范围, ...
PS教程如何用Photoshop 创造奇幻的燃烧着的鹿
在本教程中我会展示如何使用来创建有火焰效果的奇幻的鹿. 你的工作涉及混合和调整图层,将不同的素材图片合并到一个场景中. 你还将学习如何用火工作,创建一个照明效果并提高景深. 安装Photoshop 2 ...
如何用Photoshop来磨皮人脸图
如何用Photoshop来磨皮人脸图 (撰写时间:4月2日作者:李嘉城) 我们用Photoshop将一个人的脸去除黄斑或脸上的污点,磨皮工具就是用来去除这些污点的,磨皮不仅可以把污点去除,还可以让图 ...
如何用 Python 爬取网页制作电子书
本文来自作者孙亖在 GitChat 上分享「如何用 Python 爬取网页制作电子书」,「阅读原文」查看交流实录. 「文末高能」编辑 | 哈比 0 前言有人爬取数据分析黄金周旅游景点,有人爬 ...
如何用python爬取网页数据,python爬取网页详细教程
大家好,本文将围绕python怎么爬取网站所有网页展开说明,如何用python爬取网页数据是一个很多人都想弄明白的事情,想搞清楚python如何爬取网页数据需要先了解以下几个事情. 1.如何用Pyth ...
TF之DNN：对DNN神经网络进行Tensorboard可视化(得到events.out.tfevents本地服务器输出到网页可视化）
TF之DNN:对DNN神经网络进行Tensorboard可视化(得到events.out.tfevents本地服务器输出到网页可视化) 目录输出结果代码设计输出结果代码设计 import te ...
HTML字体怎么显示,教你如何用CSS来控制网页字体的显示样式
教你如何用CSS来控制网页字体的显示样式更新时间:2007年02月27日 00:00:00 作者: HTML对于<font>内容</font>卷标只有: <font ...
如何用libpng输出一个编辑后的png图片？
如何用libpng输出一个png图片? /* Copyright (c) 2013 Frank Ham and Phuc Quang */ #include <iostream> #inc ...

如何用photoshop输出html网页（转）

如何用photoshop输出html网页（转）相关推荐

最新文章

热门文章