HTML5版相对有响应速度快本地读取拖拽功能简单前端切图不需要依赖服务器，减少开发成本在旧版的切图工具里，我们的做法是将图片上传到服务器，然后通过服务器端把图片切好后把对应的地址返回，前端再把页面显示出来。

因为 imginput 都是自闭合标签，所以，无法简单的让 input 固定在 img 上 要想 input 把固定在 img 上，要运用点小技巧，借助一个 div 作为容器，然后，图片没有特殊要求不用动，input 做绝对定位 htmlltdiv。

切图我们用的一般都是PS软件，有切图工具的，PS里好像叫切片。

1 前端页面重构主要内容为PC端网站布局Photoshop 工具及切图H5移动端网页布局HTML5CSS3新特性与交互学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端移动端平板设备等2 前后端网页。

Ajax以及jQuery这类典型框架 还需要学习Vue微信小程序等当前主流知识基于HTML5的扩展性知识 除上述典型的WEB前端技术之外，还需要学习WEB前端HTML5相关技术，包括SEO的部分知识用于掌握标签的语义性，PS的部分知识用于切图，后台。

响应式切图更多的是我们要用web前端开发传统应用程序，我们做pc端，移动端，各种响应式，web 游戏，web 企业管理系统，web 移动程序，开发一个大规模项目，html5游戏，甚至用js开发传统高级语言才能做的数据库交互，不用后台。

web前端是一个做有关网页的一个概述，是一个网页view层的总得称呼前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态它的工作包括了切图写样式做鼠标效果和图片切换效果等而优秀的前端开发可以。

1打开图片，复制图层，关闭背景图层，用“魔术橡皮擦工具”擦除背景2“文件存储为web所用格式存储”，“将优化结果存储为仅限HTML”，保存3打开“我的图片”，找到刚才保存的HTML格式文件，完成。

1前端页面重构主要内容为PC端网站布局Photoshop 工具及切图H5移动端网页布局HTML5+CSS3新特性与交互学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端移动端平板设备等2前后端网页。

1Html基础 2CSS基础 3HTML5 4JavaScript 5CSS3 6jQuery 然后项目实战，找个网页从静态页面写起，切图之类的公司有相关的Html5项目，直接拿来学习更好四相关书籍 可以找一些不错的html5相关书籍来学习。

切图本应该是前端工程师的工作吧，设计师切的图往往不专业，他们不知道把图片压缩，不知道把图片合并，更不知道给图片更好命名，这样前端拿到切图还是要重新处理优秀的设计师会把图层分类做的很好，图层按照模块化设计，很。

以一个网站为例包括网站设计前端开发程序开发等网站设计就是网站的外观，平面的东西程序开发也好理解就是功能实现而前端开发，简单来说，就是把平面效果图转换成网页，把静态转换成动态它的工作包括了切图写。

这种按照普通的html格式书写即可，设定边框值颜色，字体，输入文字字体大小加粗，右边尖头切图，左边分割的竖线可以写代码也可以切图，都看你习惯~。

#xF3A8美工完成设计图当美工完成设计图之后，前端工程师的工作就开始了这时你就可以使用PS或是FW进行切图了#xF52A切图一般说来，Fireworkscs6切图更快，但是Fireworks有时会有图片失真的情况发生，所以，有时需要使用PS进行配合，PS有切片工具。

优点PC端云端编辑，模板有大约40个容易上手，有切图的特色功能缺点模板动态效果一般，工具功能有限，模板和作品数量极少上面列表中，模板质量没有超过三颗星的，原因很简单，真正好的H5作品靠的是重构的创意。

对于零基础的人而言，要怎么学习web前端呢？1 前端页面重构主要内容为PC端网站布局Photoshop 工具及切图H5移动端网页布局HTML5+CSS3新特性与交互学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC。

有没有网页前端的工作，HTML5+CSS和jQuery的工作，我去做 我也是这种工作~职位偏向web前端工程师，纯h5 +css3可以做切图~加油啊~关于网页前端的工作 上学时学过一段时间，下面几个都要的而且是精通，还要处理。

现代web前端开发已经不能像传统web开发已经简单的描述成切图cssjs在新的HTML5规范中，加入很多新的特性，这样就对web前端工程师有了更高的要求，比如数据库操作，使用cancvscss3绘图 切图这个概念已经是过去时了。