ps做好的图片怎么样生成html网页

已举报 回答 关注

ps做好的图片怎么样生成html网页

  • 回答数

    7

  • 浏览数

    6,873

7个回答 默认排序
  • 默认排序
  • 按时间排序

已采纳
这个是可以的 但是比较简陋
1、文件->存储为web所有格式
2、如图现则下面的选项

在格式里面选择,仅限html格式
然后保存就行了
取消 评论
在【文件】菜单中选择【存储为WEB所用格式】,点击【存储】按钮后,在【格式】下拉框中,选择类型为【HTML和图像】,点击【保存】按钮即可。
取消 评论
一般是按PS做好的图片获取各个块的宽高,先用HTML,CSS搭建网页基本框架,然后在根据设计图填内容,PS图进行切片。最后通过JS写网页效果
取消 评论
//这次你直接运行!我这次真是 能帮你的都帮你了!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
</style>
</head>
<body class="body">
<div class="showView">
<ul>
<li><img src="http://img6.bdstatic.com/img/image/smallpic/weimei1108.jpg"/></li>
<li><img src="http://img6.bdstatic.com/img/image/smallpic/chongwu1108.jpg"/></li>
<li><img src="http://img6.bdstatic.com/img/image/smallpic/mingxing1108.jpg"/></li>
<li><img src="http://img6.bdstatic.com/img/image/smallpic/touxiang1108.jpeg"/></li>
</ul>
</div>
<select name="select" class="choose" >
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
</select>
</body>
<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.js" type="text/javascript" charset="utf-8"></script>
<script>
$('.showView ul li').eq(0).show().siblings().hide();
$('.choose').on('change', function (){
var index = $(this).val() - 1;
$('.showView ul li').eq(index).show().siblings().hide();
})
</script>
</html>
取消 评论
你都有PS了,那用切片割一下,然后保存为WEB页,一个简单的静态页就出来了啊

不然要做细一点的话,用表格布局,然后把图片切下来,一块一块放上去这样子喽
取消 评论
应该不可能,你看下实际像素是多少的,图片颜色格式,像素,大小什么的都检查一遍
取消 评论
你说的应该是psd网页模板吧。

这里要用到ps一个工具——切图。

将psd模板切割成各个部分,比如说header,footer,导航栏还有具体内容的划分。
然后在ps里可以直接生成html格式,然后再编辑各方面的代码。

具体可以百度一下PS切图教程,网上有很多。
取消 评论
ZOL问答 > 机柜 > 宣墨电气机柜 > 其他 > ps做好的图片怎么样生成html网页

举报

感谢您为社区的和谐贡献力量请选择举报类型

举报成功

经过核实后将会做出处理
感谢您为社区和谐做出贡献

提示

确定要取消此次报名,退出该活动?