PS如何制作html网页?

溜溜自学 平面设计 2023-07-04 浏览:293

大家好,我是小溜,经常会使用PS来制作、美化图片,其实PS也可以制作简单的html网页,只是很多小伙伴不知道PS如何制作html网页,其实html网页很简单,小溜这就来操作给大家看看。

工具/软件

硬件型号:惠普(HP)暗影精灵8

系统版本:Windows7

所需软件:PS 2016

方法/步骤

第1步

打开PS软件,选择文件-打开

PS如何制作html网页?

第2步

置入准备好的图片文件,这里小溜选择了一张几个自行车的图片

PS如何制作html网页?

第3步

选择工具栏中的-切片工具,将每个自行车的图片切出,下面将图片切为4个切片

PS如何制作html网页?

PS如何制作html网页?

第4步

然后再选择切片工具中的-切片选择工具

PS如何制作html网页?

第5步

先选择第一个切片,然后点击右键选择-编辑切片选项

PS如何制作html网页?

第6步

再打开的编辑菜单中,输入名称、访问网址,点击确定。

PS如何制作html网页?

第7步

然后使用切片选择工具选择第二个切片,右键打开编辑,对文件名称设置、访问网址设置。剩余两个设置和之前设置相同。

PS如何制作html网页?

第8步

最后将文件导出,选择文件导出中的-存储为web所用格式。

PS如何制作html网页?

第9步

选择格式为-jpeg格式,选择存储

PS如何制作html网页?

第10步

选择存放位置,将格式设置为-HTML和图像;

下方的设置为XHTML;

切片设置为:全部切片;

选择完成,点击-保存

PS如何制作html网页?

第11步

最后在保存位置可以查看导出文件,在文件中会显示一个保存图片的images图片文件和一个html文件,打开html文件就可以看到制做的html效果,当鼠标经过时就会出现链接符号,点击就可以进入设置的网页链接中。

PS如何制作html网页?

PS如何制作html网页?

注意/提示

好啦,本次小溜为大家分享的“PS如何制作html网页?”就到这里啦,希望能帮助大家更好的掌握软件的使用。本站还有相关的学习课程,需要的朋友快点击查看>>>

相关文章

首页