十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
成都创新互联公司是一家集网站建设,瑶海企业网站建设,瑶海品牌网站建设,网站定制,瑶海网站建设报价,网络营销,网络优化,瑶海网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
切图是PS做网页用的。因为现在好多网页都是TABLE表格编辑的,或者是DIV+CSS编辑的但是都需要美工来做效果图,作出网页的给客户看的效果,然后切图,切成小块是方便网页编排,和显示速度,小图显示会快很多。切完了输出在DW里做成网页。
这很简单嘛·
1、选择“切片工具”,裁剪工具旁边的“小刀”,把图片按自己的想法切好若干个区域,这个工具挺简单的,切的不合适还可以配合“切片选择工具”进行调整。
说明:其实你只要切好关键的部分即可,没切到的地方它会生成默认切片的。
2、【文件】--【存储为web所有格式】,存储--保存类型为“仅限图像”,然后会自动生成一个文件夹,里边就是你切换的一块块小图。
试试,加油!
什么意思,怎切图是??你要把这个图片怎么处理
应该是保存图像的格式问题吧!
要视psd文件而定,不是三言两语能说清楚的。
设置好图像显示的宽度和长度!..
1.记住一个规则,就是按行切,之后再切刚才所切行中的内容。
2.一定不要使用PS自动生成的HTML文件,虽然说可用,但是分隔符那个东西太不容易扩展了,很容易出问题,切忌PS生成的是HTML文件而不是XHTML文件,所以有些CSS样式会失效。
3.优化方面,将可重复的图片切成宽1px的小图片,然后横向或纵向重复。
4.遇到单色图片之后可将图片删去用颜色填充。
下面是我为你提供的参考,希望对你会有帮助
这个是早晨找的一个网页给你简单的演示一下。备注,有些没有对其的块可以忽略按行切的原理。
不懂可以继续追问。注明此切图实例来源于网上。
没有程序的地方可以切死掉,要加程序的地方做成可延伸的背景图片 如 头部 中间 (这里要加程序,所以,把左边和右边都要做个可以延伸的背景图片,意思就是这块图片怎么拉都不会变了效果) 底部
用切片切图,之后保存成web所用形式,变不变形和切图没有多大的关系吧,得看你用的什么了,如果是用div做页面那可能 会出现不兼容的现像,页面会变乱的
网页设计好后的切图是将设计稿切成便于制作成页面的图片,并完成html+css布局的静态页面,有利于交互,形成良好的视觉感。通俗来讲,把一张设计图利用到切片工具,把自己所需的切成一张张小图,然后用DIV+CSS完成静态页面书写,完成CSS布局。设计好的网页都需要切图,主流的是dreamweaver、photoshop软件,还有sketch、firework等,低端QQ切图,网页切图等。切图为后端编程者带来方便,提高效率,让网页稿有了交互性,实现平时看到的各种各样的功能,画面浏览速度快,有利于优化。扩展资料:一般我们从设计师那得到的都是psd文件,里面有几十或者上百个图层,一般会根据内容分好文件夹,有文字有图片,有的只在特殊情况下显示的,这时候就需要根据自己的需要导出不同的图。切图的时候也会有许多考虑,比如把哪些内容压缩成一张图片,什么时候用透明背景PNG,什么时候用CSS Sprite(把琐碎的小图比如按钮、logo复制到一张透明背景的图上然后保存为一张图,再用background position去提取。)文字是切成图片,还是复制到HTML里。一般情况下都不会把文字切成图,除非用到比较特殊的字体或者变形等等,然后即使是photoshop保存为web格式导出的图,有时候尺寸也是很大的,特别是PNG,这时要使用一些专业压缩工具进行二次压缩。当然有些有前端经验的设计师会把切好的图片发给你,这样就可以直接开始写HTML和CSS了,但是建议还是尽量自己切,掌握熟练的切图技巧也是一个前端应该有的技能。参考资料来源:搜狗百科-切图搜狗百科-静态页切图
切图就是把用设计软件设置好的图片切成相应的大小,切图后再把图片上传就可以可以加快显示速度,不用等整个图片都下载以后显示。PS切图步骤:
1、打开PS,然后点击切片工具。
2、点击切片工具后,就可以把图片切成需要的大小。
3、切好图片后,点击导出web所用格式。
4、进入导出web所用格式页面,按住shift键把所有切片都选中。
5、导出格式设置为JPEG。
6、最后点击存储就可以了。
设计好只是用ps做出来的网站效果图,需要根据需要切出相应图片然后用Dreamweaver将图片按照网页的要求拼接出来。图片越小,浏览器加载的速度就快。像整个背景可以切1px 设置下 with和 hight 就好了总的来说 图片越小越好 不怕多切
可以加快显示速度,不用等整个图片都下载以后显示。同时还可以满足一些版面设计的特殊需要。
1. 切图就是网页设计图的裁切;2. 网页制作前期分为网页设计和前端实现;3. 网页设计图由UI设计师设计完成;4. 然后当前端实现时需要一些网页的元素时,就要从设计图上裁切下来。
5. 裁切的过程就称之为切图。
1. 切图就是网页设计图的裁切;2. 网页制作前期分为网页设计和前端实现;3. 网页设计图由ui设计师设计完成;4. 然后当前端实现时需要一些网页的元素时,就要从设计图上裁切下来。
5. 裁切的过程就称之为切图。
在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。特别感谢阿捷,他的无私的个人网站,使我决心... 不过我还是喜欢PS切图的功能,呵呵,如果用table,会弄出很好看的页面。只是现在脑子中有了web standard的思想在这里学到了好多实用的东西,我们的web课老师从来不讲什么web标准。只是现在脑子中有了web standard的思想
ps切图是用来做网页的,在ps里做好网页界面是第一步,切图是第二步,当然是要根据网页的功能切的,切完之后保存为网页格式,然后就可以用ie打开了,然后再在里面加代码,完善网页需要的功能。这就是用ps做漂亮的网页,切片是其中的一个步骤。