• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >photoshop > ps如何制作静态的html页面?

ps如何制作静态的html页面?

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-22

佚名 向大家分享了ps如何制作静态的html页面?,其中包含ps静态图做成动态图,ps静态图中做动态图,ps静态网页制作教程,ps制作静态网页,ps制作静态下雪效果等知识点,遇到此问题的同学们可以参考下

ps是一个强大的修图软件,那你知道其实ps也可以制作html页面吗。小编将告诉你ps如何制作html页面,不会的朋友可以过来参考一下,希望能对大家有所帮助!

方法/步骤

1、打开图片。

打开ps软件,然后把使用ps打开需要制作成html的页面的图片。点击“文件”菜单下的“打开”,然后选择图片打开即可。如图:

ps如何制作静态的html页面?

ps如何制作静态的html页面?

2、裁剪图片。

点击“切片工具”,把鼠标放在图片上长按左键,切出想要的图片。如图:

ps如何制作静态的html页面?

3、设置图片链接。

在已经切好的图片上右键点击”编辑切片选择“,然后在切片选择页面的URL输入框输入要跳转的链接地址,最后点击”确认“。如图:

ps如何制作静态的html页面?

ps如何制作静态的html页面?

4、继续切图。按照步骤2把想要的图片切成小图片。

如图:

ps如何制作静态的html页面?

5、保存图片为html页面。

点击”文件“菜单下的”保存为Web所用格式“,在存储为Web所用格式页面点击”存储“按钮。最后输入文件名,然后把格式选为”HTML和图像“格式点击”保存“。

ps如何制作静态的html页面?

ps如何制作静态的html页面?

6、打开html页面。

使用浏览器打开保存的html页面。效果如图:

ps如何制作静态的html页面?

7、点击链接。

点击链接图片,就可以调转到已经设置好的网页。如图:

ps如何制作静态的html页面?

ps如何制作静态的html页面?

8、查看已切好的图片。

已经切好的图片也会自动保存在同目录下的images文件夹里。如图:

ps如何制作静态的html页面?

教程结束,以上就是ps如何制作静态的html页面方法,操作很简单的,大家学会了吗?希望这篇文章能对大家有所帮助!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • ps如何制作静态的html页面?
  • ps如何将静态图片转化为gif动画图片?

相关文章

  • 2017-05-22用ps制作古典的老旧签名照片
  • 2017-05-22Photoshop简单制作禁止拍照图标
  • 2017-10-07ps怎么去掉照片一半的颜色? ps图片半边变暗的教程
  • 2017-05-22photoshop制作一个精美漂亮的圣诞贺卡
  • 2017-05-22PS人像摄影师路寒的作品《沉浮海空》欣赏
  • 2017-05-22使用photoshop绘制一个打开鸡蛋流出(效果逼真)
  • 2017-05-22ps怎么绘制一个立体的高尔夫球?
  • 2017-05-22PS简单制作个性的美女头像
  • 2017-05-22PS制作苹果飞溅起来的水花
  • 2017-05-22Photoshop设计非常好看的针织服装吊牌教程

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • 教你用PS为文字添加逼真的3D立体倒影
    • ps制作光影特效教程
    • PS自由变换工具制作瓶子动态倾斜的效果
    • PS制作一个萌萌哒的校徽表情
    • PS设计可爱的卡通剪纸人物场景
    • PS怎么绘制很文艺的墨迹效果?
    • 用PS把包包图制作成素描图片效果
    • Photoshop修补工具去掉照片中的路人简单方法
    • PS制作电影胶片边框效果
    • PS合成炫酷的科幻战争电影海报教程

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有