首页 > 软件专区 > ps教程 >

PS如何制作html网页

来源:互联网 2023-02-20 22:45:39 版权归原作者所有,如有侵权,请联系我们

经常会使用PS来制作、美化图片,其实PS也可以制作简单的html网页,下面小编来分享下简单的html网页制作过程。kN9办公区 - 实用经验教程分享!

方法/步骤

  • 1

    打开PS软件,选择文件-打开kN9办公区 - 实用经验教程分享!

    PS如何制作html网页kN9办公区 - 实用经验教程分享!

  • 2

    置入准备好的图片文件,这里小编选择了一张几个自行车的图片kN9办公区 - 实用经验教程分享!

    PS如何制作html网页kN9办公区 - 实用经验教程分享!

  • 2该信息未经许可获取自百度经验
  • 3

    选择工具栏中的-切片工具,将每个自行车的图片切出,下面将图片切为4个切片kN9办公区 - 实用经验教程分享!

    PS如何制作html网页kN9办公区 - 实用经验教程分享!

    PS如何制作html网页kN9办公区 - 实用经验教程分享!

  • 4

    然后再选择切片工具中的-切片选择工具kN9办公区 - 实用经验教程分享!

    PS如何制作html网页kN9办公区 - 实用经验教程分享!

  • 5

    先选择第一个切片,然后点击右键选择-编辑切片选项kN9办公区 - 实用经验教程分享!

    PS如何制作html网页kN9办公区 - 实用经验教程分享!

  • 6

    再打开的编辑菜单中,输入名称、访问网址,点击确定。kN9办公区 - 实用经验教程分享!

    PS如何制作html网页kN9办公区 - 实用经验教程分享!

  • 7

    然后使用切片选择工具选择第二个切片,右键打开编辑,对文件名称设置、访问网址设置。剩余两个设置和之前设置相同。kN9办公区 - 实用经验教程分享!

    PS如何制作html网页kN9办公区 - 实用经验教程分享!

  • 8

    最后将文件导出,选择文件导出中的-存储为web所用格式。kN9办公区 - 实用经验教程分享!

    PS如何制作html网页kN9办公区 - 实用经验教程分享!

  • 9

    选择格式为-jpeg格式,选择存储kN9办公区 - 实用经验教程分享!

    PS如何制作html网页kN9办公区 - 实用经验教程分享!

  • 10

    选择存放位置,将格式设置为-HTML和图像;kN9办公区 - 实用经验教程分享!

    下方的设置为XHTML;kN9办公区 - 实用经验教程分享!

    切片设置为:全部切片;kN9办公区 - 实用经验教程分享!

    选择完成,点击-保存kN9办公区 - 实用经验教程分享!

    PS如何制作html网页kN9办公区 - 实用经验教程分享!

  • 11

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

    PS如何制作html网页kN9办公区 - 实用经验教程分享!

    PS如何制作html网页kN9办公区 - 实用经验教程分享!

  • 注意事项

    • 如果此经验对您有帮助,请为我投票加关注,谢谢大家的支持^_^

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!kN9办公区 - 实用经验教程分享!


    标签: HTML软件PS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号