在DW中做好的网页怎样在PS 中切片?

在DW中做好的网页怎样在PS 中切片?,第1张

在ps里面用切片工具切片,然後shift+alt+ctrl+s,存为web格式,就生成一个网页了,用不上dw,除非是进一步用dw修改~~
切图用FW也可以
shift+ctrl+alt,保存为web格式,自动生成网页~

然后用ps工具箱里面的切片工具进行切片,切好之后文件----存储为web和设备所用格式(Alt+Shiift+Ctrl+S)点击存储------确定。然后导入DW里面编辑。我觉得做网页还是用Fireworks好用,与dremwear可以交互使用。

不用一块块拼上去的。
是在PS的时候就下好工夫,做好切片规划。
在做保存的时候,存储为web应用格式,可以直接保存为html格式,快捷键ctrl
+
alt
+
shift
+
s

在保存到,需要指定保存位置,修改文件名的时候,可以进行设置。
保存类型中可以选择html和图像
切片中可以设置,选中的切片或所有切片。建议你暂时选择所有切片
设置中可以设置切片的命名规则及页面代码的形式,现在的PS已经可以直接出DIV形式的布局格式。
楼主可以去尝试一下

小编这里用Photoshop CC和Dreamweaver CS6来做演示。首先我们打开ps软件。

2

然后打开网页设计图,一般都是psd格式的,小编这里以简单的JPG格式代替了。

3

然后点击左侧工具栏中的“切片”工具,就是那个小刀子形状的。

之后在上切出想要做网页的部分,小编演示的比较简单,将整个切为若干份,先切中整个图。

然后在上右击,划分切片,分成若干就行了。

最后保存一下,选择存储为web所用格式。

选择好格式之后点击存储,如果不是透明的一般选择jpg格式。

保存的时候选择保存所有用户切片。

再然后就是制作网页了,我们打开Dreamweaver CS6,新建一个html网页文档。

然后将和html网页保存于同一个文件夹下。

html代码和css如下。

最后预览一下效果,还是不错滴~

最后愿天下有情人终成眷属!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12597829.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存