为什么我用ps工具切图不好保存web格式 dw如何新建网页

555 次观看 ·

为什么我用ps工具切图不好保存web格式 dw如何新建网页

不知道你用的是哪个版本的PS,我的是CS4,先用切片工具把需要的图片切出来(切片工具具体可以看图片上的说明),然后按Ctrl+Shift+Alt+S,就会弹出“存储为WEB和设备所用格式”的窗口了(从左数第一个图片格式就是了)。如果还不清楚,可以留言来问我哈,希望对你有帮助,拜谢!

初学者用DW做网页的话,建议先设置成【设计】界面,这样边做边看效果特别方便。接着点【插入】→【Image】来加图片。别着急去切网页图,先直接把设计好的整张网页设计稿插进去,马上能看到网页大致效果。虽然是整张图片,要想给某块单独加链接,需要用画热区的方式来实现。

dw怎么切图

网页切图切片和截图有什么区别 网页切图时遇到边框怎么切 dw切片工具在哪里

  1. 底部栏目icon和背景一般有两种切法,有默认和选中两种效果;
  2. 顶部栏背景如果是渐变样式,只切一小条用平铺拉伸就OK啦,但如果是花纹背景,就得切整条,不然拉伸花纹会变形哦;
  3. 文字大小和行间距的标注要仔细,比如某张图的例子里,细节很重要;
  4. 遇到边框的话,只切头部和底部,中间线随便选一点,用DW当背景设置就行了,因为背景不怕拉伸;

DW切片工具用法步骤是这样的:

  1. 打开DW,点击文件→新建,选择HTML文件类型,按创建;
  2. 默认视图是开发者模式,切换成标准模式;
  3. 接着把实时视图切到设计模式;
  4. 在设计视图里点插入菜单,选Image;
  5. 选你要加的图片,点确定;
  6. 打开窗口菜单,选属性,这样就能调整切片属性啦。

而且提醒下,切图最好别自己瞎切,先用参考线准确定位,然后用右键→平均分切片的功能,如果一层切两块,就手动调整切片宽高,这样最保险,避免切出来的图片边缘有问题。

dw怎么切图

相关问题解答

  1. PS切图为什么保存不了网页格式?

哎呀,这个其实不难,关键是要用对快捷键和切片工具。你看,按Ctrl+Shift+Alt+S就会弹出“存储为WEB”窗口,那里能选格式啦。如果用得不是切片工具,可能就不能保存成网页用的图哦。别急,多试试,很快就会!

  1. 初学者用Dreamweaver做网页应该注意啥?

嘿嘿,先切换到【设计】界面,这样能边做边看效果,特别友好。还有,别老想着一开始就把网页切得细碎,先整张图插进去感受下整体,然后再学着用热区把不同部分加上链接,这样步骤稳妥得多。

  1. 网页边框怎么切最合适?

放心啦,边框一般只切头部和底部就成,中间的线没必要切完整,选一点就好。然后用DW把它当背景设置,这样无论怎么拉伸,页面都会很整齐,没什么问题!别忘了,这样还能大幅减少图片文件大小哟~

  1. PS切图和截图有什么区别?

嗯,简单说就是:截图是直接截屏,是个静态图,没啥分割;切图则是把设计稿按需要拆成多张小图,方便网页加载和布局,效果更专业。比如图标、背景和导航栏都会用不同切法,这样网页看起来更酷炫也更灵活呢。

添加评论

濮阳莉 2025-11-17
我发布了视频《为什么我用ps工具切图不好保存web格式 dw如何新建网页》,希望对大家有用!欢迎在生活资讯中查看更多精彩内容。
用户75444 1小时前
关于《为什么我用ps工具切图不好保存web格式 dw如何新建网页》这个视频,濮阳莉的沉浸式观看体验太棒了!特别是为什么我用ps工具切图不好保存web格式这部分,视频质量很高,已经收藏了。
用户75445 1天前
在生活资讯看到这个2025-11-17发布的视频,剧场模式很有电影院的feel,暗色主题看起来很舒服,特别是作者濮阳莉的制作,视频内容也很精彩!