设计好的网页都需要切图，主流的是dreamweaver、photoshop软件，还有sketch、firework等，低端QQ切图，网页切图等。切图为后端编程者带来方便，提高效率，让网页稿有了交互性，实现平时看到的各种各样的功能，画面浏览速度快，有利于优化。
扩展资料：
一般我们从设计师那得到的都是psd文件，里面有几十或者上百个图层，一般会根据内容分好文件夹，有文字有图片，有的只在特殊情况下显示的，这时候就需要根据自己的需要导出不同的图。
切图的时候也会有许多考虑，比如把哪些内容压缩成一张图片，什么时候用透明背景PNG，什么时候用CSS Sprite（把琐碎的小图比如按钮、logo复制到一张透明背景的图上然后保存为一张图，再用background position去提取。）文字是切成图片，还是复制到HTML里。
一般情况下都不会把文字切成图，除非用到比较特殊的字体或者变形等等，然后即使是photoshop保存为web格式导出的图，有时候尺寸也是很大的，特别是PNG，这时要使用一些专业压缩工具进行二次压缩。
当然有些有前端经验的设计师会把切好的图片发给你，这样就可以直接开始写HTML和CSS了，但是建议还是尽量自己切，掌握熟练的切图技巧也是一个前端应该有的技能。
参考资料来源：搜狗百科-切图
搜狗百科-静态页切图
第一阶段: GUI（图形界面设计）一、UID预科
1.网络数字化生存
在网络生存环境中如何获取信息、分析信息、整理信息；运用批判性思维提升信息素养。了解网络数字化生存的含义；理解数字化生存的方式；掌握在网络环境下各种信息工具的使用。
2.项目管理规范
如何对搜集到的各种信息进行分类和整理，以符合各种不同项目的需求。 了解项目管理规范的意义；理解UI行业项目管理规范；掌握相应的文档管理、命名技巧。
3.思维导图
思维导图运用图像、线条、色彩、关键词等刺激大量思维和记忆的要素，把大量枯燥的文字资料或大堆纷繁复杂的思路和线索，整理成为一目了然、重点突出的放射状思维导图。 了解思维导图的概念，提升思维能力、开发大脑潜能；理解思维导图的使用方法，激发创意、提升时间管理效率；掌握思维导图工具，提升生活品质。
4.辅助软件
除了专业设计软件之外，与设计工作密切相关的各种工具软件。 了解各种设计相关的辅助软件；理解各种辅助软件的特性与用途；掌握辅助软件工具的使用。
5.职场精英
Word、Powerpoint2010高级使用技巧；Word文字处理、表格设计及图文排版；Powerpoint幻灯片的版面制作、幻灯片动画预设及演示文稿设计。 了解办公软件在专业设计领域里的重要性；理解现代企业对办公软件操作能力的要求；掌握运用办公软件进行商务交流的能力。
二、GUI软件基础
了解GUI常用工具，软件的使用；理解位图图像、矢量图形的处理技巧；掌握深入挖掘工具背后隐藏的技巧，应用软件教学规范化设计。
1. Photoshop
Photoshop软件的界面构成与计算机图像设计的基本知识，各种图像处理工具的使用。
2.Illustrator
矢量图形绘制软件的界面与工具；矢量图形绘制的技巧。
3.Indesign
页码设计、文本和样式、图形图像、表格工具、印前与输出的相关应用，书籍与长文档的制作。
三、商业设计流程及规范
了解GUI设计技巧及流程；理解商业、创意、执行的法则；掌握数字排版工具的使用方法与技巧、印刷工艺流程和注意事项。
1.企业形象识别系统建设流程
以视觉识别系统设计的基本理论为基础，结合4A公司及展览展示行业的项目流程，讲解商业项目的设计过程。
2.平面设计与后期印刷
印刷种类、纸张开度、印刷色彩、印前设计、制版印刷和印后加工。
第二阶段：WUI（WEB界面设计）
一、WUI软件基础
了解WUI常用软件工具、功能的使用；理解企业及客户的基本要求；掌握WUI界面模块的设计。
1.Fireworks
软件的基本构成、矢量工具和位图工具、WUI用户界面及广告设计。
2.Dreamweaver
建立站点、添加页面元素、使用CSS样式及交互行为。
3.Flash
Flash中的动画制做原理与技巧，典型WUI商业广告中的Flash技术与实现。
二、WUI界面设计
了解WUI标准设计规范及风格；理解企业客户对设计的需求和期望值；掌握网站及软件界面设计的技能和技巧
1.WEB界面设计
WEB界面的分类，企业网站界面、门户网站界面、专题活动界面的分析与设计。
2.PC客户端软件界面设计
PC客户端软件界面的类型，企业OA办公软件、触摸屏管理展示系统界面的分析与设计
三、WEB标准化布局
了解网站布局的三大核心部分：结构标签，修饰语言和行为语言；理解CSS修饰的用途及意义；掌握基于WEB标准的网站结构搭建、WEB界面外观美化和主流浏览器兼容。
1.（X）HTML/HTML5语言
HTML语法与常用标签的详解，包括布局标签，表格标签，表单标签等。
2.CSS样式表
CSS语法与常用属性的详解，使用CSS对网站中各个模块进行修饰美化。
3.布局技巧与浏览器兼容
容 对页面布局结构进行深入的分析。系统的讲解浏览器兼容的处理解决办法，并带领学生完成各种网站布局实训。
网站建设是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。威尔德网站建设就来简单说一说，网页设计的目的就是产生网站。简单的信息如文字，图片（GIF，JPEG，PNG）和表格，都可以通过使超文件标示语言、可扩展超文本标记语言等标示语言放置到网站页面上。而更复杂的信息如矢量图形、动画、视频、声频等多媒体档案则需要插件程序来运行，同样地它们亦需要标示语言移植在网站内。成都和太原的网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。不同领域的网页设计，网页图形设计，界面设计，创作，其中包括标准化的代码和专有软件，用户体验设计和搜索引擎优化。许多人常常会分为若干个工作小组，成都威尔德负责网站不同方面的设计。网页设计是设计过程的前端（客户端），通常用来描述的网站，并不是简单的一个页面，一个网站是包括很多工作的，其中包括域名注册设计效果图，布局页面，写代码等工作。
在设计网站前，必须告诉网站所针对的人群、区域、国家等；提供网站策划书，这样在设计上就会针对这种人群的浏览习惯特别定制您的网页。网站建设前期准备工作相当重要，这决定你建站的目的，以及日后维护网站，让你的网站发挥作用等是相当的重要。频道网站频道就是网站的大框架，也就是主体部分，风格定位要准确，功能型的网站在美工设计上可能不适合大块图片，在数据功能上比较强大，比如搜索，会员注册等，一般大型企业网、购物网、大型门户、交友网等都是属于功能型的，如果是展示型的，这种类型的网站可能大部分追求视觉上的美丽，对功能要求不高。那在美工上面，设计上就得有强烈的视觉感了。这种网站一般属于：美容业、女性用品、服饰等。网站建设是指使用标识语言（markup language)，通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输，最终以图形用户界面（GUI）的形式被用户所浏览。简单来说，网页设计的目的就是产生网站。
