web前端网页制作

网页制作可以大体上分成四个工种：1 美工美工的主要任务是设计。了解用户的意图，分析网站配色，基本布局。绘制出一个网站效果图。美工需要掌握的知识体系应该包括网页设计，UI（User Interface）用户界面人机交互、操作逻辑、界面美观的整体设计，UED（user experience design）用户体验设计--简单来说就是如何使得网站更加便于交互。2 前端开发美工在完成设计效果图之后，由前端开发人员将其制作成为适合浏览器查看的HTML页面。由于现在移动互联网的大规模流行，加上各个不同厂商的浏览器的激烈竞争，前端开发的主要任务简单来说就是使网页在不同浏览器不同分辨率不同设备上提供相似或相近的浏览体验。前端开发需要掌握的知识体系主要是兼容性问题的解决，流畅完美的交互体验。具体到技术细节上就是HTML，CSS，JavaScript，各大公司各种不同内核的浏览器、各种各样的JS库、简单的与后台交互的知识。3 后台开发前台开发完成之后，就是后台程序员的工作了，相比较前端来说，后台更像传统意义上的程序员。后台的工作简单来说就是网页文件对数据库的增删改查。后台需要掌握的知识体系应该包括，编程基础，基本HTML语言，至少一门主流网页语言（C#,C++,JAVA,PHP等），数据库的操作等等。4 宣传推广前三个步骤完成之后，网站一定要推广，简单说就是营销。营销人员应该掌握的知识体系应该包括SEO,SEM,线上线下推广，事件营销，危机公关等等复杂的知识。我对这个部分涉猎不多，不多说了。另外，大型网站通常会在这四个岗位之间设立经理或有的公司叫网页架构师，经理主要是用来协调，沟通，领导这四个岗位。至于四个岗位有多少人就完全取决于公司的网站的规模了，我自己在2000年的时候做网页基本上是四个活一个人做，除此之外还兼公司网管，电脑维修，有一段时间还兼司机，命苦啊~~

这个完全要看自己的基础和爱好，如果是学美术或者设计出身当然是学洗UI要好一些，但是如果是学习计算机或者编程出身就学习前端要好一些。首先说一下两个岗位的联系和区别现在网站前端工程师和美工是两个完全不同的职位，两者的工作内容也是完全不同的。从2013年开始，一些的中小型的公司也开始将网站前端和美工分离，到目前，基本所有的专业的开发网站的公司都是设置了网站美工和网站前端两职位，其工作内容和职责是完全不同的。首先说一下开发一个网站的大致流程：客户提出需求——>网站美工根据客户的需求设计效果图并得到客户的认可——>网站前端工程师使用前端代码将效果图做成静态的网页——>后台开发人员填充后台数据——>测试完成上线。根据以上的流程应该可以知道美工和前端的工作分工是不同，现在两者没有任何交集只是团队合作，具体的职责和内容如下：1、网站美工网站美工一般是学美术或者设计出身，精通photoshop、AI、AE等平面设计工具，其在网站开发过程的中的职责就是按照客户或者公司的需求设计出符合客户需求和界面或者颜色符合大众视觉的网站效果，如根据不同行业的需求设计颜色、设计界面风格等，其工作的最后成果就是网站的效果图。2、网站前端工程师网站前端工程师不参与任何的设计，直接将网站美工制作的网站效果图使用ps按照效果图进行切片并使用html、css、js等代码进行网页的制作，最终编写出符合w3c标准的兼容各个主流浏览器的静态页面，同时还需要按照后台开发人员的要求留下一些后台数据的接口。所以说网站前端工程师的是编程而不是设计。

前端开发工程师的主要职责是与交互设计师、 视觉设计师协作，根据设计图用HTML和CSS完成页面制作（也可能是一个人完成所有）。同时，在此基础之上，对完成的页面进行维护和对网站前端性能做相应的优化。另外，一名合格的前端开发工程师，应该具有一定的审美能力和基础的美工操作能力，能很好的与交互及视觉协作。现在的前端工程师可能都需要一定程度上的全栈了，也就是前后端都需要会。不仅需要制作静态页面，包括网站架构，H5等。如今市场上招聘web前端需要你会写JS、会用JS、能设计、切图、懂用户交互等，还需要前端架构是开发和优化框架，及服务器，用户体验等涉汲就比较广，当然全栈式前端工程师工资也就比较高了。

你浏览网页看到的那些界面都是前端设计的工作。具体用到的技术有：1.ps图片设计（用ps制作布局网页的整体框架、ps处理图片特效等）2.网页布局（div+css目前市面上用的比较多的布局方法、table布局、混合布局等）3.js特效设计等。

web前端通称软件设计或者美工普遍工资确实要比网页设计高软件收费比网页或者网站高网站收费万算比较高软件随随便便几万二十万、几十万甚至百万都网站制作周期比较短点网站通两周内完软件周期短则几月、半则几都能像我公司给政府部门做监控及统计软件每项目随随便便都半制作周期收费嘛自比较高项目都做3项目期项目断提交断增加新功能已；说网页设计web前端其实差别并太于设计师说两者界面模式同已于熟练设计师说两者间转换页面/界面布局式其实使用算div+css布局；我本做行已经8刚始做2网页设计转软件设计直做现实说做软件设计确实工资高工作更轻松做网页公司普遍规模都能收益必须量接单势必造工作量设计公司普遍项目提所工资候反比做软件高做软件普遍拿固定工资所说两者工资水平并绝能说做软件更轻松些

前端开发工程师独立出来主要就是做数据交互、后台处理、SEO优化等工作，要熟练各种脚本语言和运行环境，熟悉XML、SQL、ORACLE等数据库，熟悉AJXA、Jquery、Slivelight、Struct2、CSS4、Html5等网站处理技术。网页设计（web design，又称为Web UI design，WUI design，WUI），是根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。网页设计一般分为三种大类：功能型网页设计（服务网站&B/S软件用户端）、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的视听感受。网页设计主要以Adobe产品为主，常见的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代码工具，其他是图形图像和FL动画工具。还有最近几年Adobe新出的EdgeReflow、EdgeCode、Muse。

Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。网页设计师就是为网站页面进行设计并制作的工作人员，负责对网站整体表现风格的定位，对用户视觉感受的整体把握；进行网页的具体设计制作；产品目录的平面设计；各类活动的广告设计；协助开发人员页面设计等工作。既是专业的设计师，又是静态网站的开发工程师；总的来说网页设计师不仅要懂页面的设计、规化、排版、HTML代码、FLASH动画甚至还要多懂一些代码。Web前端开发工程师对常用的一些JS框架了解，如jQuery、YUI等。掌握最基本的JavaScript计算方法编写。对目前互联网流行的网页制作方法(Web2.0)HTML+CSS，以及各大浏览器兼容性有很大的了解。对前沿技术(HTML5+CSS3)的基本掌握。还要对IT其他编程语言有所了解如:PHP，Java，.net，有一些公司还要求懂一点SEO优化。网页设计师常用软件Photoshop、Coreldraw、Flash、Fireworks、dreamweaver、其中photoshop主要是用来进行图像处理的，把渲出来的图通过PS使其更加具有真实感。

根据屏幕不同大小，缩小窗口出横向滚动条在所难免，但理想情况下，页面应该能适应不同客户端浏览器和分辨率。实际操作通常又有三种情况：版面自适应、视觉自适应、内容自适应。在windows系统任务栏空白处单击右键，有如下图的菜单，分别提供有“横向平铺窗口、纵向平铺窗口”的功能，根据激活窗口个数按需切分屏幕。如果没记错的话，自win2000就已经用了，更早没试过。虽然那会我们用的显示器大些才17′，但在多窗口工作时确实方便。版面上自适应Information Architects Japan在06年提出 web设计95%是排版 的观点，如果精确理解，指呈现部分信息架构之下“信息设计”的范畴，俗称排版。因为我们都了解广义上的web design不仅要看还得有动，其实有个很大的 知识框架 做支撑。web排版相较平面的优势在于数据灵活性，理论上可以实现只维护单个页面，然后通过web技术来实现多种排版表现。在实践中获取点滴信息设计基础之后再来看这个问题，感触颇深。现实网站中，越重要的页面模块越多，排版难度也就越大。比如门户网站首页，我很少看到自适应的，大概是雅虎网站改版开了先河。分别使用narrow layout和wide layout两种模式，适应800和1024px分辨率，根据客户端请求分析再输出，即在自定义基础上实现了自适应。

　　初学web前端开发可以使用DW。　　web前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总有新的灵感和技术不时闪现出来，新的技术也给网页增加了许多新的活力；浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足“高可维护性”的需要，我们需要更深入，更系统地去掌握前端知识.　　那么我们应该怎么学习前端开发这门技术呢？ 　　现在很多小伙伴喜欢在互联网上找视频资料学习网页制作，但是光看视频你是不可能学会网页制作的，没有人指导你，而且很多视频已经过时了 ，并没有什么用!  如果你真的想学习网页制作这门技术，你可以来这个裙，最前面的是 4 9 四+中间是 灵 六 思+最后是 久 三 思！ 在这里有最新的HTML课程 免费学习 也有很多人指导你进步，不需要你付出什么，只要你是真心想学习的，随便看看的就不要加了，加了也是浪费大家的时间 。　　　　　　　　Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。听起来比较复杂，但前端开发的门槛其实非常的低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。　　所以，对于从事IT工作的人来说，前端开发是个不错的初入点。也正因为如此，前端开发的领域有很多自学成“才”的同行，但大多数人都停留在会用的阶段，因为后面的学习曲线越来越陡峭，每前进一步都很难。更系统的学习，做专业的人才更利于职业发展。当然学习的目的是为了就业，我们来看一下，web前端开发工程师前景如何？　　行业发展好　　从我们身边的方方面面考虑，互联网行业无疑是现在发展前景最好的行业之一。潭州教育致力于改变中国IT实践教学模式，引领中国IT教学技术标准与人才培养标准。让想学习的人随时随地都可以进行学习！　　人才需求大　　互联网对人们的影响越来越大，各类职业也需求，前端的人才需求比以前也有了质的飞跃。我们希望从业者：“我们不是为了学技术而去学技术，我们学技术是为了能更好去做产品”。最后引用乔布斯的话，Web就是未来，我们作为前端开发工作者也是未来。相信Web前端开发的明天会更好。