ps做出来的图片如何生成html代码

ps做出来的图片如何生成html代码,第1张

ps做出来的图片生成html代码方法

工具/原料

ps工具

方法/步骤

打开ps软件,选中要转换成html静态页的图片,这边就以百度经验的页面为例!

1、打开百度经验页面的保存为一张图片;看清楚是图片是jpg的;用ps打开这张图片,如图;

2、下面就开始 *** 作;html静态网页一般都是图片、文字和效果组成的,这边主要是教用ps生成html静态页,就是把图片转换成静态页;因为网页为了保证网速都不会把图片裁减的太大,所以这边就按照正常的图片切图片;

3、首页选择“切片工具”,如果没有就右击工具那边的右下角箭头,选择切片工具;

4、选好工具就可以开始切图,切图就是把一张大的图片切成小的图片,记住一定要保证小图拼起来和原图一样,这就要求切图的时候线最好对其,不然会看的错位;先把图片切割成几条长条图;

5、切完图片,右击菜单栏“文件——选择存储为web和设备所用格式”;d出“存储页面”;点击“存储”;

6、接下来才是重点,切记不要按步就直接保存;点击下面的“格式”,选择“html和图像”;然后保存;

7、保存以后就生成了image文件和html页面两个文件夹,然后点html那个页面;

8、打开以后是不是发现和图片一样,而且是代码格式的静态页;

1、首先,在ps中打开一张要处理的图片。

2、然后,在左侧的工具栏中点击切片工具。

3、接着,用切片工具把图片分成4份。

4、之后,再依次点击左上角的文件——存储为web所用格式。

5、在d出的窗口中点击存储的按钮。

6、最后,d出的保存窗口中把格式选择为HTML图像,再点击保存按钮即可。

1、首先,我们打开要转换成THML的表格文件。

2、接下来,点击左上角的【文件】选项。

3、然后我们在【文件】菜单里找到并点击【另存为】选项。

4、默认另存为的路径是【我的文档】,如需要修改,可自行选择保存的位置。

5、在【文件类型】这个地方,默认是EXCEL文件,我们选择【网页文件】。

6、最后一步,点击【保存】就完成了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7662738.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-08
下一篇 2023-04-08

发表评论

登录后才能评论

评论列表(0条)

保存