html5切图,div切图

学HTML5，你需要掌握这几个知识点

学习HTML5需要掌握的知识点知识点有以下几个：

成都创新互联公司主要从事成都做网站、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务华容,十余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18980820575

一、HTML5基本组成：

1、HTML5=HTML+CSS+JavaScript

2、HTML指的是结构：结构是在整个网页中有标题、列表、图片等。

CSS是样式：样式是标题文字的字体大小、颜色、字体；图片大小；某个块的背景色或背景图等。

JS是行为：行为是在网页上四处飘动的广告；图片滚动；浏览图片时鼠标移动到图片时，放大缩小图片的效果。

二、容易混淆概念：

1、HTML5移动端的功能和应用程序：

对于苹果手机中的应用程序，属于iOS开发，语言是OC；对于其他安卓系统的手机，需要使用JAVA语言进行开发。HTML5能够做的是移动端的网页以及微信平台中移动端网页。

2、前端后台的区别：

无论HTML5还是iOS，在整个网页开发流程中，前端（HTML5）开发工程师，主要负责的是“前台页面制作”，“网站测试”，“修改”三个部分。

3、HTML5与网页设计与制作的区别：

原有的网页设计与制作，主要针对PC平台，进行网页网站的设计与制作，相对会涉及一部分设计工作，并将美工图实现成网页。通常使用的工具是网页三剑客—Photoshop、Flash、Dreamweaver。

然而，行业的发展使得“网页设计与制作”这一职业逐渐遭到了淘汰。其中原因之一就是网页设计与制作当中的结构实现，通常采用的是table布局；而web前端开发工程师、HTML5当中结构的实现，采用的是DIV+CSS方式的布局，因此，Dreamweaver工具的使用也就没有什么必要性了，取而代之的是内存占用小，开发速度快的文本类编辑器。而Flash在与HTML5的大战中战败，当前已经退出了移动端以及电视平台的市场争夺，在PC平台也越来越少。转言之，Flash在网页制作的领域里已经江郎才尽，原来的网页三剑客只剩下一个ps，在前端工作要求中，需要掌握基本的切图即可。

总结：随着互联网的快速发展，HTML5已经慢慢的渗透到我们的生活中，因此HTML5前景十分光明，需要我们牢牢的抓住机会，通过一些专业的学习后能够在这个行业发光发热。

html5如何根据ps图片排版

方法是：

1、打开图片，复制图层，关闭背景图层，用“魔术橡皮擦工具”擦除背景；

2、“文件--存储为web所用格式--存储”，“将优化结果存储为--仅限HTML”，保存；

3、打开“我的图片”，找到刚才保存的HTML格式文件，完成。

做前端开发必需要掌握切图技能吗

前端开发最重要的基础就三门技术 jvascript+css+html，js是其中最重要的

ps可以不掌握，工作的时候一般只需要会切图就行，而且很多公司会让作图的人切好图，你可以不考虑

flash完全不用理会，pc上flash日渐消沉，无线上早就死光光了

我想说的 最重要的，就是基础，深入掌握一下javascript和css基础，这两个是无论是面试相关，跟以后的项目开发，都是最息息相关的。如果时间不够的话，重点掌握javascript，推荐两本书，你选其中一本就行，一是犀牛书(javascript权威指南)，另外一本是javascript高级程序设计(尼古拉斯大神的书，目前第三版)，重点掌握js语法基础，ajax，面向对象相关(基于原型的继承等高级技术)。

css推荐 css权威指南一书，css学习是很枯燥的，一般在项目过程中才能不断掌握，如果没有条件，可以重点学一下选择器，定位，盒模型和浮动这几章。

jquery在很多公司或者整个前端界用的居多，但在很多大公司面试时(像我在百度面试时，人家都豪不理会)，因为这些公司重视的是基础，项目经验可以培养，但基础需要花狠劲才能掌握牢固。这些框架对你现在的作用是熟悉一下源码，看看它们怎么实现的。我也是大三才学的前端，并且边读框架边学的js，如果你对这样学感兴趣，推荐你读一下prototype.js的源码。jquery的源码太过讲究技巧，不太适合初学者去读。

最后谈一下准备作品这块，去年开始前端界衍生了一个新的职位，叫无线前端开发工程师，说白了就是在iphone和android手机上做网站，用到的技术基础还是js跟css，但不需要像pc那样考虑兼容性(IE6是很恶心的)，最重要的，就是对html5和css3支持度比较高，这个职位目前还是很热门的，你可以往这个方向发展，掌握好基础后学这些新技术还是很容易的。利用css3和html5写一些demo绝对可以让考官眼前一亮。

如果你学了一学期掌握了基础，可以尝试联系我，百度还是很欢迎热爱技术的人的，特别是女生(嘿嘿)，最后祝你成功。

html5切图,怎么在img上面固定input标签的位置

因为 img、input 都是自闭合标签，所以，无法简单的让 input 固定在 img 上 。

要想 input 把固定在 img 上，要运用点小技巧，借助一个 div 作为容器，然后，图片没有特殊要求不用动，input 做绝对定位 。

html：

div class="box"

img src="test.jpg" /

input type="text" /

/div

CSS：

.box { position:relative; }

.box input { position:absolute; left:0px; top:0px; }

说明：因为 img 没有定位，所以，它会自动填充 div，你要做的就是 调整 input 的 left、top 进行定位就行了 。

.

html5开发手机端切图什么格式

jpg,gif,png都行

HTML5版相对有响应速度快(本地读取)、拖拽功能简单、前端切图不需要依赖服务器，减少开发成本。

在旧版的切图工具里，我们的做法是将图片上传到服务器，然后通过服务器端把图片切好后把对应的地址返回，前端再把页面显示出来。

这样的做法会导致在网络慢时出现长时间的等待，而如果页面放弃这里的操作，还需要将图片从服务器端删除掉。在拖拽参考线时也只能通过大量的代码去实现，还需要编写一些服务器端代码。