网页前端设计页面
手机前端页面尺寸
iPhone4/iPhone4s 320 * 372 / 320 * 441 (已隐藏URL与状态栏)iPhone5/iPhone5s 320 * 460 / 320 * 529 (已隐藏URL与状态栏)Note2 360 * 567 (未隐藏URL与状态栏)iPad 3/4 768*928 (未隐藏URL与状态栏)GALAXY SIII 360 * 567 (未隐藏URL与状态栏)米2A 360 *567 (未隐藏URL与状态栏)HTC G10 320 * 460<meta name="viewport"网页手机wap2.0网页head加入面条元标签iPhone浏览器页面原始显示并允许缩放 <meta name="viewport"content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> width - viewport宽度 height -viewport高度 initial-scale - 初始缩放比例 minimum-scale -允许用户缩放比例 maximum-scale -允许用户缩放比例 user-scalable - 用户否手缩放参考：http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/、网页手机wap2.0网页head加入面条元标签iPhone浏览器页面原始显示并允许缩放<meta name="viewport"content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">其： width - viewport宽度 height - viewport高度 initial-scale -初始缩放比例minimum-scale - 允许用户缩放比例 maximum-scale - 允许用户缩放比例user-scalable -用户否手缩放c二、关于meta详细介绍请参考三、文关于Meta例详细介绍 原文址3. Meta元素视区 默认情况iPhoneSafari象屏幕桌面浏览器显示页面宽度达980像素缩内容适应iPhone屏幕用户iPhone看页面觉字体比较比较模糊必须要放才能看真切于普通Web页面似乎接受于用应用程序没几能够受 幸运使用特殊Meta元素视区进行纠：<metaname="viewport" content="width=device-width"/> 元素通知浏览器使用设备宽度作视区宽度默认980像素我看看两同例 例3(链接：http://www.sitepoint.com/examples/iphone-development-12tips/no-viewport.html)显示简单段落元素没Meta元素视区字体点模糊iPhone运行实际情况图所示图 1 视区显示效 例4(链接：http://www.sitepoint.com/examples/iphone-development-12tips/viewport.html)包括视区元素现设备宽度320像素字体比前例更清晰iPhone运行实际情况图所示图 2 视区显示效 另外手设置device-width值例假设博客页面宽度750像素桌面屏幕佳800x600像素例5(链接：http://www.sitepoint.com/examples/iphone-development-12tips/fixed750.html)显示删减版本iPhone浏览看980像素剩空间都填充白色 消除额外空间使用meta元素视区宽度设780像素：<metaname="viewport" content="width=780"/> 例6(链接：http://www.sitepoint.com/examples/iphone-development-12tips/fixed750-viewport.html)显示meta元素视区布局固定效 Meta元素视区内容包括逗号隔值initial-scale –用户初看页面放级别于Web应用程序见设置：<metaname="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 元素设置宽度设备宽度禁止用户放缩
web前端工作的主要内容
前端开发工程师的主要职责是与交互设计师、 视觉设计师协作，根据设计图用HTML和CSS完成页面制作（也可能是一个人完成所有）。同时，在此基础之上，对完成的页面进行维护和对网站前端性能做相应的优化。另外，一名合格的前端开发工程师，应该具有一定的审美能力和基础的美工操作能力，能很好的与交互及视觉协作。现在的前端工程师可能都需要一定程度上的全栈了，也就是前后端都需要会。不仅需要制作静态页面，包括网站架构，H5等。如今市场上招聘web前端需要你会写JS、会用JS、能设计、切图、懂用户交互等，还需要前端架构是开发和优化框架，及服务器，用户体验等涉汲就比较广，当然全栈式前端工程师工资也就比较高了。
学UI设计还是web前端开发？
这个完全要看自己的基础和爱好，如果是学美术或者设计出身当然是学洗UI要好一些，但是如果是学习计算机或者编程出身就学习前端要好一些。首先说一下两个岗位的联系和区别现在网站前端工程师和美工是两个完全不同的职位，两者的工作内容也是完全不同的。从2013年开始，一些的中小型的公司也开始将网站前端和美工分离，到目前，基本所有的专业的开发网站的公司都是设置了网站美工和网站前端两职位，其工作内容和职责是完全不同的。首先说一下开发一个网站的大致流程：客户提出需求——>网站美工根据客户的需求设计效果图并得到客户的认可——>网站前端工程师使用前端代码将效果图做成静态的网页——>后台开发人员填充后台数据——>测试完成上线。根据以上的流程应该可以知道美工和前端的工作分工是不同，现在两者没有任何交集只是团队合作，具体的职责和内容如下：1、网站美工网站美工一般是学美术或者设计出身，精通photoshop、AI、AE等平面设计工具，其在网站开发过程的中的职责就是按照客户或者公司的需求设计出符合客户需求和界面或者颜色符合大众视觉的网站效果，如根据不同行业的需求设计颜色、设计界面风格等，其工作的最后成果就是网站的效果图。2、网站前端工程师网站前端工程师不参与任何的设计，直接将网站美工制作的网站效果图使用ps按照效果图进行切片并使用html、css、js等代码进行网页的制作，最终编写出符合w3c标准的兼容各个主流浏览器的静态页面，同时还需要按照后台开发人员的要求留下一些后台数据的接口。所以说网站前端工程师的是编程而不是设计。
网页设计前端和后端的区别？越详细越好。
我本身是做软件前端开发的，以前做过两年的网页设计，以我个人的理解来说一点浅见好了，前端主要的工作是页面或界面的设计制作、html切图、动态交互等，而后端准确的说是后台，主要工作是整个网站或者软件的功能实现，通俗点讲就是程序员，现在普遍是两个工种分开来了，因为一个人做的话反而效率不高，如果你是想做这一行，那么我个人是建议你做程序员拉倒，虽然程序员工作量可能会比设计多，但做设计太费脑子了，程序员主要是一些逻辑性的事情，很多代码都有现成的，大部分工作就是复制粘贴而已，而且客户看东西首先是看前端咋样，这就考验设计师水平了，最后就是重点了，程序员的普遍工资要比设计高，当然，设计师也有高的，但无一不是技术过硬和工作经验足够的。
web前端开发和网页制作有什么区别？详细点
web前端主要是通过div+css等技术来完成一个传统pc网页的静态页面制作，移动web前端是通过html5+css3等技术来完成一个手机端访问的网页的制作，一个是针对pc一个是针对手机，这个就是它们最大的区别了。国内像切图网等就是专门提供这样的服务的，只需要提供设计稿就可以了。
现在主流的网页设计都是用什么软件？
网页设计，不知道你是单纯的设计还是设计加制作。现在来说，设计软件越来越多，可以选择的余地比较大。以前流行的说法是网页三剑客：Dreamweaver、firework、flash。现在来说，个人还是喜欢：设计类：Photoshop（数字）、illustrator（矢量）、flash（动画）。网页编程类：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多优秀软件。
web端设计和web前端开发 的区别 (详情)
Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript！它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。如何学习前端知识？我们生活在一个充满规则的宇宙里面。社会秩序按照规则运行，计算机语言几乎全部是规则的集合。计算机前辈们定义规则，规则约束我们，我们用规则控制数据。大部分时候，对数据的合理控制，来自于你对规则的掌握。现在很多小伙伴喜欢在互联网上找视频资料学习网页制作，但是光看视频你是不可能学会网页制作的，没有人指导你，而且很多视频已经过时了 ，并没有什么用! 如果你真的想学习网页制作这门技术，你可以来这个裙，前面是6 1 1，中间是四 贰 八，最后是壹 ④ 二！ 在这里有最新的HTML课程 免费学习 也有很多人指导你进步，不需要你付出什么，只要你是真心想学习的，随便看看的就不要加了，加了也是浪费大家的时间 。学习 HTML，CSS 应该先跟着书仔细、扎实的学一遍。然后就需要做大量的练习，做各种常规的、奇怪的、大量的布局练习来捆固、理解自己的知识。而学习 Javascript 首先要知道这门语言可以做什么，不能做什么，擅长做什么，不擅长做什么！如果你只想当一个普通的前端程序员，你只需要记住大部分 Javascript 函数，做一些练习就可以了。如果你想当深入了解Javascript，你需要了解 Javascript 的原理，机制。需要知道他们的本源，需要深刻了解Javascript 基于对象的本质。还需要 深刻了解 浏览器宿主 下 的 Javascript 的行为、特性。因为历史原因，Javascript一直不被重视，有点像被收养的一般！ 所以他有很多缺点，各个宿主环境下的行为不统一、内存溢出问题、执行效率低下等问题。作为一个优秀的前端工程师还需要深入了解、以及学会处理 Javascript 的这些缺陷。Web前端：1）精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构。2）精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器。3）熟悉JavaScript，了解ECMAScript基础内容，掌握1~2种js框架，如JQuery4）对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案。5）对性能有一定的要求，了解yahoo的性能优化建议，并可以在项目中有效实施。6）......Web后端：1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，Flex开发，或者对相关的工具、类库以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解2）练使用oracle、sqlserver、mysql等常用的数据库系统，对数据库有较强的设计能力3）熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器，同时对在高并发处理情况下的负载调优有相关经验者优先考虑4）精通面向对象分析和设计技术，包括设计模式、UML建模等5）熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力6）......从几个公司的招聘要求可以看到，做Web开发，对前端和后端的要求是各自所不同的。而我们目前的实际情况，也和这个差不多，但是，我们无论在知识的掌握程度上，还是知识掌握的宽度上，都是不够的。首先，我们在前端缺乏积累，没有沉淀，专业的前端技术的积累是从去年才开始的，同时，在前端也缺乏支撑与高手，所以，走起来比较困难。同时，前端人员培养的较少，一个原因是对前端了解太少，另外一个原因就是对前端与后端的工作比例估计不足。所幸，我们在这一年也在前端有了很快的进步，培养了几个优秀的开发人员，有意识的解决了前端的用户体验，这都是可喜的。今年，需要更进一步，专业化。其次，我们在后端发展的不够宽，后端的知识体系已经比较完善，但是，很多应用点都没有涉及到。同时，对现有技术框架的理解都不够深入，太浮躁。我们目前的设计团队在解决互联网高并发、大数据量的存取上经验与能力都还不足，需要正视这些问题。后端技术的发展需要更加的精进，以解决实际存在的问题为主。最后，我们在前端、后端都缺乏熟练工，这会影响到开发的速度，同时，也不利于后期技术的研究。
网页设计和web前端的区别
web前端通称软件设计或者美工普遍工资确实要比网页设计高软件收费比网页或者网站高网站收费万算比较高软件随随便便几万二十万、几十万甚至百万都网站制作周期比较短点网站通两周内完软件周期短则几月、半则几都能像我公司给政府部门做监控及统计软件每项目随随便便都半制作周期收费嘛自比较高项目都做3项目期项目断提交断增加新功能已；说网页设计web前端其实差别并太于设计师说两者界面模式同已于熟练设计师说两者间转换页面/界面布局式其实使用算div+css布局；我本做行已经8刚始做2网页设计转软件设计直做现实说做软件设计确实工资高工作更轻松做网页公司普遍规模都能收益必须量接单势必造工作量设计公司普遍项目提所工资候反比做软件高做软件普遍拿固定工资所说两者工资水平并绝能说做软件更轻松些
网页设计和web前端开发哪个好
一个是偏向于设计，一个是偏向于代码。如果是网页设计，刚开始可能是模仿别人的网页，但是到了最后会出现慢慢的偏重于美术，心理学，色彩，绘画等。这些艺术方面，表面你能看到的，如果你是学计算机的接触过网页设计，并喜欢网页设计，我建议不要偏向这个方面，因为到后来让你自己独立设计网页时，色彩搭配是很难的，还有整体布局，以及是否符合当下潮流等。现在的网页千变万化，设计也要不断学习，并且能跟得上。 对于web前端开发这个就是把别人设计好的自己用div+css+js去实现的，一个简单的网页可能就是div+css把它写出来，但是这里面是充满经验的。web前端的发展过程中到了最后就是头疼的兼容性问题，因为要确保一个页面在任何浏览器当中能正常显示是很不容易的，浏览器厂商那么多，各自还有自己的专属属性，而且有的还要求在手机中能够显示，能够自适应屏幕等。单纯的css无法来控制，就需要学习javascript, web前端看似简单其实要学习的东西很多，经验也特别重要，接触后台后你会更明白前端的重要性。
