当前位置:首页 » 网页前端 » web切片制作
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

web切片制作

发布时间: 2022-12-31 09:51:49

⑴ 在PS里如何将PSD网页效果图切片成web格式是不是只靠PS就可以完成切片切片还需要什么

给你个最简单的方法。

打开你的PSD图-切片(手动切仔细点)-文件-存储为WEB所用格式
-Ctrl+A(这是为了使所有切片的图片都清晰)-选好切片图片格式
-存储-“保存类型为HTML何图像”。PS的操作到这里就完了。

上传这些切好的图片到网络中,然后打开DW软件,打开在PS理保存的HTML文件,最后是逐一替换换掉图片地址就OK了!

对照着操作100%可行!望采纳!

⑵ 怎么用photoshop做好图片切片WEB的模式保存HTML,在dreamweaver8打开后,怎样添加编辑内容

建议你不要用photoshop做切片,

把你的PSD档用fireworks开启,

使用Fireworks的切片功能分割你的网页图片,

将PSD档另存成PNG档案,

接着做2次导出,

第一次导出网页的时候时,将所有切片的类型设定为"图像"(有两种选择Html&图像----》代表编辑区跟图片)

如果你没有将所有的页面都做切片的话,记得勾选“包括无切片区域”。

并勾选"将所有图像放入子文件夹的选项"(方便你找图档)

然后你在Fireworks的环境下,将你要修改做网页编辑的切片区设定成"Html"类型,然后再输出一次,这个时候你到Dreamweaver开启你刚导出的Html档,你会发现Html的切片区变成没有图案了,

这时最后一个步骤就是在属性栏位(画面下方单元格属性里的背景栏)设定切片区的背景,点取没有背景的切片区,然后点背景栏位旁的资料夹图示,到images档案夹里找你第一次输出的切片图片,并设定为背景就成功了。

这个时候你的html切片区就成为有背景图案又可以编辑内容的区域了,你可以画面左上角选择布局,在你要编辑的地方加入表格,然后在表格内编辑网页内容,放置图片等等,觉得表格有框线难看的话,可以设定"边框"为0。

大致上就是这样,还有疑问的话给我留言吧。

⑶ ps/Web格式保存,怎么切片啊

打开图片,打开介绍切片工具,右键点击画布,根据需要设置切片数,文件~存储为web格式~存储即可。

⑷ 怎么用photoshop cs切片制作网页

首先选择PS的工具菜单-然后点击切片工具-换份好你要切片的图片布局,然后在保存的时候选择导出为WEB格式,选择你保存的文件格式,一般网页选择GIF为好,保存文件的时候选择保存html和图片就行了.这样就保存成table布局的网页,你最后自己写.他保存的文件不怎么兼容.

⑸ PS切片做静态网页怎么做

做完图片后选择切片工具,然后在图片上右击 按照自己的意愿划分大小,然后然后 文件--存储为WEB所用格式--存储,这里可以进行设置或者你将各个小图保存到电脑文件夹里,使用代码制作静态网页,教你简单的代码:<html>
<head>
<title>**网页标题**</title>
<META http-equiv=Content-Type content=text/html; charset=gb2312><style type=text/css>
body,th,td{font-size:;color:black;font-family:;}
a.link{color:blue;text-decoration:none;}
img{}
input{}
</style>
</head>
<body topmargin=2 leftmargin=2 bgcolor=dddddd background=http://>
</body>
</html><TABLE style="LEFT: 0px; WIDTH: 1000px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width=1000 align=center border=0>
<TBODY>
<TR>
<TD><img src="7022_01.gif" width="宽度" height="高度" alt=""></TD></TR><TR>
<TD><img src="7022_02.gif" width="宽度" height="高度" alt=""></TD></TR><TR>
<TD><img src="7022_03.gif" width="宽度" height="高度" alt=""></TD></TR><TR>
<TD><img src="7022_04.gif" width="宽度" height="高度" alt=""></TD></TR><TR>
</TBODY></TABLE> <<br/><p align="center"><embed style="LEFT: 167px; WIDTH: 0px; TOP: 423px; HEIGHT: 0px" src="插入音乐地址" width="1" height="1" type="audio/x-ms-wma" wmode="transparent" quality="high" autostart="autostart" loop="-1"></embed></p>

⑹ 网页制作中的切片步骤

1、尽量切小一点
2、可能用来做背景的部分切整齐一些,以备改小做背景。
3、切完保存为网页后,最好重新新建文件再排版

⑺ 网页制作中用如何用PS切图呀,求助 求详细教程谢谢

在photoshop里制作切片的时候,另存为web使用格式
在右上角
预设栏的旁边有个小图标(我是的是cs5版,但估计差别不大),点了以后选择“编辑输出设置”(找到这个是关键),然后选择储存为xhtml,下拉菜单里选择
储存文件可以编辑各种选项。
设置好以后,保存,保存格式的时候把“仅保存图像”改为“xhtml和图像”。
之后就会生成一个表格网页,在frontpage/dreamweaver里打开这个网页复制粘贴这个含切片的表格到你需要的网页里就可以了。

⑻ photoshop里切片制作网页是怎么规划切片的

ps里无论你做出来的是什么,都只是普通图片(如果是网页那也只有普通图片,切割后另存为web格式,导出来的才叫静态网页),至于如何切片直接与后面的网页制作有紧密关系,现在无论怎样讲你都不可能有直观印象,我建议你去搜索一下 DIV+CSS专题:十天学会DIV+CSS
这个教程中前面是讲布局的基础,从第十天开始就是与ps中的切片结合,学会之后你应该就有一个大概的基础了。

⑼ PS 切片生成WEB格式

切片生成web网页,需要将图片编辑好以后转换到盘ps的Adobe ImageReady CS2姊妹软件中进行前片编辑才能生成html图片切片的web页!在原ps中是无法完成工作的!

⑽ 如何制作美观好看的web应用程序界面

我们需要先制作背景图片。也就是网页背景那块蓝色的部分。我们需要单独做出来。
新建一个1920px*400px的文件
我们拉一个一个蓝色(#506dbb)到白色的一个渐变
效果图
然后我们保存这张图片为gif格式
这时候我们新建一个
1000*800的文件
我们把网页效果图制作出来。这里都是用到ps制作的。没有写任何代码。这个过程我就不讲了
大家制作好网页效果图完成的时候一定要注意把网页背景图层删掉,保持透明
下一步我们使用切片工具。把页面进行切片。如下图所示
注意每一个链接都要切片一下。切片工具和矩形选区工具一样,拉一下就是一个切片
为了区分我这里加了背景。我们一会一定要记得去掉
我们再使用切片选择工具选择单个切片。然后右键
我们再逐个为切片添加链接
我们现在保存为web所用格式
我们把这里选择png—8

保存

保存完成后
效果图

保存完成后。会生成一个目录和一个html文件。我们用浏览器打开这个html文件可以看看效果。由于我们保存时选择的是png格式的所以看到的效果不美观,且网页靠左边。我们要做的就是让网页有一个背景就是我们刚刚制作的蓝色背景。且页面居中
为了方便,这里我们使用 Dreamweaver。这个软件破解版和安装教程问度娘要这里就不多说。
打开 Dreamweaver界面
我们新建一个站点

我们先要给网页居中。
我们用Dreamweaver打开ps生成的html文件
进入Dreamweaver的设计视图。注意看

我们用鼠标点一下最外边的这根线。(把鼠标放在四个角上单击一下就可以选中)
选中

然后把下边的属性设置为居中。注意看

这样网页就居中了。
我们再添加一个背景
我们先把鼠标在旁边空白地方单击一下,然后点击下面的页面属性

把背景图片设置为我们刚刚制作的背景图。重复选择no开头的那个。其他的不用管。

然后我们按ctrl+s保存好网页。然后即可使用浏览器预览效果了