当前位置: 代码迷 >> 网页设计 >> 在photoshop中画出网页的布局后,怎么导入到dw中进一步设计
  详细解决方案

在photoshop中画出网页的布局后,怎么导入到dw中进一步设计

热度:102   发布时间:2012-04-03 12:38:19.0
在photoshop中画出网页的布局后,如何导入到dw中进一步设计?
在photoshop中画出网页的布局后,如何导入到dw中进一步设计?

------解决方案--------------------
如果是初学者,先用ps自带的切片工具把图片切好,点击菜单“存储为web文件格式”,在弹出对话框里的设置栏里选择好您需要的图片格式(gif,jpg等),点存储,再弹出个对话框,在保存类型下拉列表里选择“html和”,这样,您需要的html页面文件以及里面包含的图片文件都会一起生成。


如果稍微熟悉html页面布局,最好自己手工切图,更方便控制。
------解决方案--------------------
在PS中做好界面,然后使用标尺(ctrl+r)和切片工具(k)将需要的部分做成切片,也就是用切片画出你需要在DW中重新编辑的部分(比如文字),然后另存为web所有格式(ctrl+alt+shift+s),然后点击“双联”视图(方便查看),这里要注意,图片可以选择gif/jpg/png/bmp等格式,建议使用gif和jpg的,点击某个切片就可以在右边选择这块所用的格式,原则是如果某块中图片颜色素较少,可以使用gif,相对来讲文件尺寸为小一些(gif的颜色数从2-256可选),如果图片比较复杂,建议使用jpg(品质在50-65之间即可,太小了图片质量变差,太大了图片尺寸会变大),选完了,点 存储,然后选择"html和图像",给一个文件名(建议英文或数字,如home.html),再点保存即自动存为一个html文件和图片(数量随你切片的数量来定)