网页前端页面开发

头部写上下面代码：<meta name="viewport" content="width=device-width, initial-scale=1"/>然后网页宽度一般都用百分比，不要固定死。再用@media媒体查询不同大小屏幕要做不同的css样式附件是一个@media的小例子缩放浏览器窗口可以查看样式的变化媒体查询举例_2015102217...大小：0.89K 已经过百度安全检测,放心下载点击下载 这个我是知道的，不过还是谢谢你，boostrap你会吗？

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

主要就是js对数据的操作和对dom的操作。前端的工作就是切图，展示数据到网页中。那么怎么获取数据呢？以什么格式获取数据呢？都是需要和后台交互的。后台语言都是不一样的：php，jsp等等，我们前端js的工作就是把他们的数据拿过来显示。给你举个梨子吧，我们公司后台抛数据一般就smarty（php）的框架或者是ajax来传。如果是smarty的话，前端直接负责把smarty填写到html网页中。如果是ajax的话，前端负责用js操作数据并展示，下面是一个我们前后端规定的数据格式：1{"flag":"001","content":{}}上面是应该json数据，有项目的时候，我们前后端会大概说一下接口地址，前端请求的参数，后端返回的参数，然后大家就开始写，写的差不多的时候，大家调一下数据，没问题就可以了。现在主流的前后端交互是用ajax吧，主流的框架用jquery，给你一个jquery请求ajax的例子：123456789$.ajax({        url: '/path/to/file',//请求地址        type: 'GET',        dataType: 'json',        data: {param1: 'value1'},//参数        success: function (obj){ //返回的内容            //遍历obj//前端在这里操作返回的数据，并展示        }    })前后端交互没那么难，前端最关键核心的东西是core js。dom操作都是可以找api，然后对着文档来做，想提高前端就提高自己的core js。这样的话才能提高核心竞争力。以后我们多多交流，有帮助就采纳！！！谢谢 有问题再交流

前端是指应用的表层部分，就是用户直接能看到的。UI一般指的是各种软件的界面，而web前端指的是网站的页面，你说的网页前端是和web前端一样的。网站的英文说法也就是web.

java web一般涉及到前端。而web前端开发只是有可能涉及到java。前端开发一般只涉及到js,html,css,有些可能会用flash,photoshop这些。框架就jquery,ext,jodo等这些。web前端的话他的后端可能是java，也可能是.net或者php等都可能，但java web可以确定后端就是java，web前端其实都一样。

我的经历讲一下： 之前做java，觉得天天写sql写DAO很无趣，就转前端了。切页面，一开始一天一页(活动页)，一边写一边学习。几周之后熟悉多了，加加效果一天3~5个活动页也不在话下了。不久就做的无聊了，又回归做系统表单神马的，前后都做，蹭蹭蹭一周出来一两套也算不错了各种验证和数据联调。再过一段时间jQuery玩溜了，就玩其他的，写一些基础的前端工具和方法，通常两三天才出厂一两个代码量慢慢地减少。到后面玩玩Nodejs，搞搞IO，搞搞正则，让程序帮我写页面，我自己写代码就越来越少了，现在一天最高出产40行了不得了，主要考虑的事情多了，自己写的代码的要给别人用自然要保证质量和可用性。

以下的web前端开发技术你必须要一项一项的掌握。 html css ajax jquery extjs java scriptAJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 国内通常的读音为“阿贾克斯”和阿贾克斯足球队读音一样。jquery jQuery是继prototype之后又一个优秀的Javascrīpt框架,jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。　API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件的以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节.Javacript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。你可以利用Javacript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举，还可以显示浏览器停留的时间.Cascading Style Sheets 层叠样式表.HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。PHP，一个嵌套的缩写名称，是英文超级文本预处理语言（PHP:Hypertext Preprocessor）的缩写。PHP 是一种 HTML 内嵌式的语言.Google Web Toolkit (简称GWT) 是 Google 推出的 Ajax 应用开发包，GWT 支持开发者使用Java 语言开发 Ajax 应用.extjs ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。ExtJS可以用来开发RIA也即富客户端的AJAX应用

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前端主要是通过div+css等技术来完成一个传统pc网页的静态页面制作，移动web前端是通过html5+css3等技术来完成一个手机端访问的网页的制作，一个是针对pc一个是针对手机，这个就是它们最大的区别了。国内像切图网等就是专门提供这样的服务的，只需要提供设计稿就可以了。