网页设计与web前端

学习seo就是一门实践课，想学好，非实践不行。但是seo技术的思维也很重要，一般来说，我觉得学习seo技术之前就应该先学习好seo基础的东西，比如怎么建设网站、怎么解析网站域名、了解网站排名的因素有哪些以及搜索引擎的最新动态，这些都是做好seo的不二法门. 分享一些SEO经验 了解SEO常见的名词+了解搜索引擎基本工作原理+网站建设流程 首先要去了解一些SEO基本的名词+了解搜索引擎的基本工作原理，这是做SEO最基本要学习的。对于网站建设的流程，你可以不用精通程序、不用精通web前端设计，但是至少应该懂得网站如何建立起来，又是如何上传到空间里面的!对于网站建设方面提到的工具，你都应该了解一下。很多刚入门的SEO甚至不知道什么是FTP、什么是数据库。也不知道什么是动态程序、什么是静态页面，什么是伪静态技术。这些在SEO前期，不需要你去深入了解，但是至少应该知道它是干什么的，起到什么作用。 有一个自己的网站或者企业的网站 拥有一个自己的网站，你可以更好的去学习了解SEO，反正是自己的网站，自己可以随便捣腾测试。可以随便更改下标题、更改网站一些布局、更改网站一些风格。因为这是你自己的网站，你不需要对自己网站的排名负责。而且现在建立一个网站要比前几年节省成本多了，现在只需要买一个域名+免费空间，你就能打造自己的网站了。 而对于刚接触SEO在维护企业站的这些人来说，如果公司不是很重视SEO的话，那恭喜你，你也可以拿你网站去练手了。只有你实际接触网站用心去做SEO了，你的技术才能进步。不过在学习的过程中是应该有个思维流程的!从什么是SEO到如何提高网站的排名，这中间会有很多问题需要你自己去解决发现。因为知识点很琐碎，甚至你有时候会发现自己的论据永远不能证明自己的论点，这就是SEO的神奇之处，也是百度的复杂之处。 了解下基本的HTML 必须得了解下html语言，而且你一定得知道自己网站的keywords、Description、title是什么意思。通过网页右键查看源代码还能了解HTML的机构，以及什么CSS、什么是DIV，网站ALT标签等等。 会用一些站长工具、统计 SEO学习让我看来最重要的就是数据分析，你得能够看懂流量统计里面那些PV/IP、跳出率、转化率说明了你网站的什么问题，你一定要像一个医生那样，利用百度统计、站长工具这些“诊断仪器”，对你的网站实行从头到脚的全部 诊断，以便分析出你的“病人”现在到底是否健康! 学习一些编辑、推广技巧 在企业做SEO也好，给自己网站做SEO也罢，掌握一些文章编辑技巧与推广技巧，是SEO学习中必不可少的环节。因为大多数公司把你招聘过去，是不会让你天天进行数据分析、天天去优化网站页面的，的企业招聘SEO其实把你当做编辑+外推+seo来使用的。多学一些知识是没有坏处的。 去阅读一些SEO方面的书籍 至于书籍的名字我就不说了，百度上搜索一下就能找到了。看书的好处是可以让你对SEO有非常系统全面的了解，在看完书籍以后，你可能会冒出很多疑问，那么，顺着你的疑问一路找下去，你就已经了解了SEO的入门了。 多逛一些SEO论坛和SEO界知名的博客 对于SEO行业论坛，我想做SEO大部分都知道有哪几个论坛，对于SEO界的知名博客，我想百度一下也会有人给你回答出来。逛论坛的好处就是可以让你见识各种各样的问题同时可以与别人探讨，而逛SEO大神的博客可以让你从他们的原创内容中学到一些真真的技术。 从2011年底到2012年的八月份，在这将近一年的时间里，对于SEO，我想我算是入门了吧!很多想学SEO的都不知道应该从哪个地方切入，特别是对于一些应届毕业生来说。我想最后的学习渠道还是去某个网络公司，先从SEO专员学起，虽然干的工作累了一些、工资拿的低了一些。但是你能够快速成长起来的。因为在网络公司特别是建站公司的话，会让SEO专员负责多个网站的优化。那个时候，是你最累的时候，也是你学习SEO最快的时候。 你能接触到很多行业的网站，也能见各式各样的网站结构。所以我个人认为，作为SEO入门，SEO需要学习的应该是我上面所说的一些基础知识。这篇文章写的是 SEO需要学习什么上篇，可能很多人也猜对了，那就还有中篇、下篇的。对于SEO学习的中篇，我会给大家分享一下，在工作一年左右的SEOer应该学习些什么，这篇文章算是对入门级SEO分享一些东西。 当然我还要重复一下的是，我并不是什么SEO大神、大拿、大圣，而是一个从业三年左右的SEOer，我甚至没有拿得出手的案列让你们去看。但是我还是想用自己的工作经验去帮助一些那些需要的人，仅此而已!

A — AJAXAJAX 全称为“ Asynchronous JavaScript and XML ”（异步 JavaScript 和 XML ），是一种创建交互式网页应用的 网页开发 技术。根据Ajax提出者Jesse James Garrett建议，AJAX：使用 XHTML + CSS 来表示信息；使用 JavaScript 操作 DOM （Document Object Model）进行动态显示及交互；使用 XML 和 XSLT 进行数据交换及相关操作；使用 XMLHttpRequest 对象与 Web服务器 进行异步数据交换；使用 JavaScript 将所有的东西绑定在一起。类似于 DHTML 或 LAMP ，AJAX不是指一种单一的技术，而是有机地利用了一系列相关的技术。事实上，一些基于AJAX的“派生／合成”式（derivative/composite）的技术正在出现，如 AFLAX 。B — Browser网页浏览器 是个显示 网页服务器 或文件系统内的文件，并让用户与此些文件交互的一种 软件 。它用来显示在 万维网 或 局域网 等内的文字、图像及其他信息。这些文字或图像，可以是连接其他网址的超连结，用户可迅速及轻易地浏览各种信息。大部分网页为 HTML 格式，有些网页需特定浏览器才能正确显示。 个人电脑 上常见的网页浏览器按照2010年1月的市场占有率依次是 微软 的 Internet Explorer 、 Mozilla 的 Firefox 、 Google 的 Google Chrome 、 苹果公司 的 Safari 和 Opera软件公司 的 Opera 。浏览器是最经常使用到的 客户端程序 。Web开发人员应该确保其程序在各个主流浏览器中都能正常工作。C — CSS层叠样式表， 又称： 串样式列表 ，英文： Cascading Style Sheets ，简写为 CSS ，由 W3C 定义和维护的标准，一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的 计算机语言 。目前最新版本是 CSS 2.1，为W3C的候选推荐标准。下一版本CSS 3仍然在开发过程中。D — DOM文档对象模型 （Document Object Model，简称DOM），是 W3C 组织推荐的处理 可扩展置标语言 的标准编程接口。Document Object Model的历史可以追溯至1990年代后期微软与 Netscape 的“ 浏览器大战 ”（browser wars），双方为了在 JavaScript 与 JScript 一决生死，于是大规模的赋予浏览器强大的功能。微软在网页技术上加入了不少专属事物，计有VBScript、ActiveX、以及微软自家的D HTML 格式等，使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作。E — Events事件 是可以被控件识别的操作，如按下确定按钮，选择某个 单选按钮 或者 复选框 。每一种控件有自己可以识别的事件，如 窗体 的加载、单击、双击等事件，编辑框(文本框)的文本改变事，等等，现代的Web应用程序很大程度上依靠事件驱动。事件有系统事件和用户事件。系统事件由系统激发，如时间每隔24小时，银行储户的存款日期增加一天。用户事件由用户激发，如用户点击按钮，在文本框中显示特定的文本。 事件驱动 控件执行某项功能。触发事件的对象称为事件发送者；接收事件的对象称为事件接收者。使用事件机制可以实现：当类对象的某个状态发生变化时，系统将会通过某种途径调用类中的有关处理这个事件的方法或者触发控件事件的对象就会调用该控件所有已注册的事件处理程序等。F — FirebugFirebug 是 网页浏览器 Mozilla Firefox 的一个扩展，是一个除错工具。用户可以利用它除错、编辑、甚至删改任何网站的 CSS 、 HTML 、 DOM 、与 JavaScript 代码。Firebug 也有提供其他网页开发工具，例如 Yahoo! 的网页速度优化建议工具 YSlow 。Firebug是哈维（ Joe Hewitt ）撰写的。他是最初Firefox创始者之一。G — Grid网格 ，也称 栅格 ，不过从定义上说，栅格更为准确些。网上找个一个对网页栅格系统比较恰当的 定义 ：以规则的网格阵列来指导和规范网页中的版面布局以及信息分布。网页栅格系统是从平面栅格系统中发展而来。对于网页设计来说，栅格系统的使用，不仅可以让网页的信息呈现更加美观易读，更具可用性。而且，对于前端开发来说，网页将更加的灵活与规范。如果有很多CSS框架支持栅格功能，可参考文章《 介绍27款经典的CSS框架 》。H — HTML超文本置标语言 （ 英文 ： HyperText Markup Language ， HTML ）是为“ 网页 创建和其它可在 网页浏览器 中看到的信息”设计的一种 置标语言 。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和 语义 。由 蒂姆·伯纳斯-李 给出原始定义，由 IETF 用简化的 SGML （标准通用置标语言）语法进行进一步发展的HTML，后来成为国际标准，由 万维网联盟 （W3C）维护。最新版本是 HTML5 它是HTML下一个的主要修订版本，现在仍处于发展阶段。目标是取代1999年所定订的 HTML 4.01和 XHTML 1.0 标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求。广义论及HTML5时，实际指的是包括HTML、 CSS 和 JavaScript 在内的一套技术组合。I — IEWindows Internet Explorer （旧称 Microsoft Internet Explorer ，简称 Internet Explorer ，缩写 IE ），是 微软公司 推出的一款 网页浏览器 。截至2010年9月止，统计的数据显示Internet Explorer的 市场占有率 高达59.65%。虽然它依然是使用最广泛的网页浏览器，但与 2003年 最高峰时相比，市场占有率相差超过30%。Internet Explorer对一些标准化技术都有一定程度上的支持，但亦有很多运行上的差距和兼容性的故障 ，这导致技术开发者的批评日益增加。批评增加的情况，在很大程度上是归因于Internet Explorer的竞争对手相对地已提供完全的技术支持，标准规格（Standards-compliant）的应用亦越来越广泛起来。因为Internet Explorer在全球广为应用，网络开发者们在寻求 跨平台 的代码时常常会发现Internet Explorer的漏洞、私有的功能集合和对标准支持的不完善。2011年3月14日发布的Internet Explorer 9浏览器大幅提高对CSS3和HTML5等W3C规范的支持程度，这个版本也是Internet Explorer浏览器第一个采用GPU加速的版本，正式版于Acid3测试中获得95/100分，相比以往版本有很大进步。可以认为，从Internet Explorer 9开始，Internet Explorer浏览器对W3C规范的支持将不再是问题。J — JavaScriptJavaScript 是一种广泛用于 客户端 Web开发 的 脚本语言 ，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由 网景公司 的 Brendan Eich 设计，是一种动态、弱类型、基于原型的语言，内置支持类。JavaScript是 Sun公司 的注册商标。 Ecma国际 以JavaScript为基础制定了 ECMAScript 标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分： ECMAScript ， 文档对象模型 ， 字节顺序记号 。Netscape公司在最初将其脚本语言命名为LiveScript来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受 Java 启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自 Self 和 Scheme .JavaScript与Java名称上的近似，是当时网景为了营销考虑与Sun公司达成协议的结果。为了取得技术优势， 微软 推出了 JScript 来迎战JavaScript的 脚本语言 。为了互用性， Ecma国际 （前身为 欧洲计算机制造商协会 ）创建了ECMA-262标准（ECMAScript）。现在两者都属于 ECMAScript 的实现。尽管JavaScript作为给非程序人员的 脚本语言 ，而非作为给程序人员的 编程语言 来推广和宣传，但是JavaScript具有非常丰富的特性。K — Keyword Optimization关键词优化 ，也叫 搜索引擎优化 （ Search Engine Optimization ，简称 SEO ）是一种利用 搜索引擎 的搜索规则来提高目的 网站 在有关搜索引擎内的排名的方式。由于不少研究发现，搜索引擎的用户往往只会留意搜索结果最前面的几个条目，所以不少 网站 都希望通过各种形式来影响搜索引擎的排序。当中尤以各种依靠广告维生的网站为甚。所谓“针对搜索引擎作优化的处理”，是指为了要让网站更容易被搜索引擎接受。搜索引擎会将网站彼此间的内容做一些相关性的数据比对，然后再由 浏览器 将这些内容以最快速且接近最完整的方式，体现给搜索者。搜索引擎优化对于任何一家网站来说，要想在网站推广中取得成功，搜索引擎优化都是至为关键的一项任务。同时，随着搜索引擎不断变换它们的排名算法规则，每次算法上的改变都会让一些排名很好的网站在一夜之间名落孙山，而失去排名的直接后果就是失去了网站固有的可观访问量。所以每次搜索引擎算法的改变都会在网站之中引起不小的骚动和焦虑。可以说，搜索引擎优化是一个愈来愈复杂的任务。L — LessLess 最早是一个ruby的gem，让CSS具有动态语言的特性，这些特性包括变量，操作符，嵌套规则。其实Less真正的作用是将使用高级特性的CSS转换成标准的CSS。这些都是在Web客户端发起请求时通过Http Handler来完成的。也可以是编辑时就完成的。此外，Less可以配置成自动最小化所生成的CSS文件，不仅节省了带宽，并且使最终用户体验更上一层。另外有.Net版本的 Less 。M — MVCMVC模式 （Model-View-Controller）是 软件工程 中的一种 软件架构 模式，把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller）。MVC模式最早由 Trygve Reenskaug 在1974年提出，是 施乐帕罗奥多研究中心 （Xerox PARC）在20世纪80年代为程序语言 Smalltalk 发明的一种软件设计模式。 MVC模式 的目的是实现一种动态的程序设计，使后续对程序的修改和扩展简化，并且使程序某一部分的重复利用成为可能。除此之外，此模式通过对复杂度的简化，使程序结构更加直观。软件系统通过对自身基本部份分离的同时也赋予了各个基本部分应有的功能。N — Node.JSNode 是一个Javascript运行环境(runtime) ， 实际上它是对Google V8 引擎（应用于Google Chrome浏览器)进行了封装。 V8 引 擎执行Javascript的速度非常快，性能非常好。Node对一些特殊用例进行了优化，提供了替代的API，使得V8在非浏览器环境下运行得更好。例 如，在服务器环境中，处理二进制数据通常是必不可少的，但Javascript对此支持不足，因此，V8.Node增加了Buffer类，方便并且高效地 处理二进制数据。因此，Node不仅仅简单的使用了V8,还对其进行了优化，使其在各环境下更加给力。 Node.js 包罗万象，但最主要的一点是，它提供了一种在Web浏览器之外运行Javascript的途径。Javascript广泛应用于网站的前端开发。Node使得这种流行的编程语言能够在环境下运行，甚至是网站的服务器端。O — Object对象 （object），是 面向对象 (Object Oriented) 中的术语，既表示客观世界 问题空间 (Namespace)中的某个具体的事物，又表示软件系统 解空间 中的基本元素。在软件系统中，对象具有唯一的 标识符 ，对象包括 属性 (Properties)和 方法 (Methods)，属性就是需要记忆的信息，方法就是对象能够提供的服务。在面向对象(Object Oriented) 的软件中，对象(Object)是某一个 类 (Class)的 实例 (Instance)。P — PHPPHP （ H ypertext P reprocessor ）是一种在电脑上运行的 脚本语言 ，主要用途是在于处理 动态网页 ，也包含了 命令行 运行接口（command line interface），或者产生 图形用户界面 （GUI）程序。PHP最早由 Rasmus Lerdorf 在1995年发明，而现在PHP的标准由PHP Group和开放源代码社区维护。PHP以PHP License作为许可协议，不过因为这个协议限制了PHP名称的使用，所以和开放源代码许可协议 GPL 不兼容。PHP的应用范围相当广泛，尤其是在网页程序的开发上。一般来说PHP大多运行在网页服务器上，通过运行PHP代码来产生用户浏览的网页。PHP可以在多数的服务器和操作系统上运行，而且使用PHP完全是免费的。根据2007年4月的统计数据，PHP已经被安装在超过2000万个网站和100万台服务器上。Q — Query查询 ，有很多种意思。例如查询语言用来和存储数据的扩展系统交互，一个很好的例子就是SQL用来操作关系数据库。另一种意思是，一个查询字符串，作为URL的一部分用于Web应用程序中传递数据，查询字符串的格式一般是键值对形式。R — Regular Expressions正则表达式 （ 英语 ：Regular Expression、regex或regexp，缩写为RE），也译为 正规表示法 、 常规表示法 ，在 计算机科学 中，是指一个用来描述或者匹配一系列符合某个 句法 规则的 字符串 的单个字符串。在很多 文本编辑器 或其他工具里，正则表达式通常被用来检索和/或替换那些符合某个模式的文本内容。许多 程序设计语言 都支持利用正则表达式进行字符串操作。例如，在 Perl 中就内建了一个功能强大的正则表达式引擎。正则表达式这个概念最初是由 Unix 中的工具软件（例如 sed 和 grep ）普及开的。S — Source Control源代码管理 ，也称 版本控制 ，是一种 软件工程 技巧，借此能在软件开发的过程中，确保由不同人所编辑的同一程式档案都得到同步。 软件设计师 常会利用版本控制来追踪、维护 源码 、 文件 以及 设定档 等等的更动，并且提供控制这些更动控制权的 程序 。在最简单的情况下， 软件设计师 可以自己保留一个程式的许多不同版本，并且为它们做适当的编号。这种简单的方法已被用在很多大型的软件专案中。这是一个可以达到目的的方法，但不够有效率。除了得同时维护很多几乎一样的 程式码 备份外；而且极度依赖 软件设计师 的自我修养与开发纪律，但这却常是导致错误发生的原因。有时候，一个程式同时存有两个以上的版本也有其必要性，例如：在一个为了部署的版本中 程式错误 已经被修正、但没有加入新功能；在另一个开发版本则有新的功能正在开发、也有新的错误待解决，这使得同时间需要不同的版本并修改。此外，为了找出只存在于某一特定版本中的 程式错误 、或找出 程式错误 出现的版本，软件除错者也必须借由比对不同版本的程式码以找出问题的位置。T — TDD测试驱动开发 （Test-driven development）是现代计算机 软件开发 方法的一种。利用 测试 来驱动 软件 程序的设计和实现。测试驱动开始流行于20世纪90年代。测试驱动开发是 极限编程 中倡导的程序开发方法，方法主要是先写测试程序，然后再编码使其通过测试。测试驱动开发的目的是取得快速反馈并使用“illustrate the main line”方法来构建程序。测试驱动开发的比喻。开发可以从两个方面去看待：实现的功能和质量。测试驱动开发更像两顶帽子思考法的开发方式，先戴上实现功能的帽子，在测试的辅助下，快速实现正确的功能；再戴上 重构 的帽子，在测试的保护下，通过去除冗余和重复的代码，提高代码重用性，实现对质量的改进。可见测试在测试驱动开发中确实属于核心地位，贯穿了开发的始终。U — Unit Testing单元测试 （又称为 模块测试 ）是针对 程序模块 ( 软件设计 的最小单位)来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。在 过程化编程 中，一个单元就是单个程序、函数、过程等；对于面向对象编程，最小单元就是方法，包括基类（超类）、抽象类、或者派生类（子类）中的方法。通常来说，程序员每修改一次程序就会进行最少一次单元测试，在编写程序的过程中前后很可能要进行多次单元测试，以证实程序达到 软件规格书 ( en:Specification )要求的工作目标，没有 臭虫 ；虽然单元测试不是什么必须的，但也不坏，这牵涉到 项目管理 的政策决定。V — VIMVim 是从 vi 发展出来的一个 文本编辑器 。代码补完、编译及错误跳转等方便编程的功能特别丰富，在程序员中被广泛使用。和 Emacs 并列成为 类Unix系统 用户最喜欢的编辑器。Vim的第一个版本由 Bram Moolenaar 在1991年发布。最初的简称是 V i IM itation，随着功能的不断增加，正式名称改成了 V i IM proved。现在是在 开放源代码 方式下发行的 自由软件 。W — WordPressWordPress 是一种使用 PHP 语言开发的 博客 平台，用户可以在支持 PHP 和 MySQL 数据库 的服务器上架设自己的网志。也可以把 WordPress 当作一个 内容管理系统 （CMS）来使用。WordPress 是一个免费的 开源 项目，在 GNU通用公共许可证 下授权发布。目前最新版本为2011年2月24日发布的3.0.5官方简体中文版，另外还有包括英文在内的多种语言可选。X — XSS跨网站指令码 （ Cross-site scripting ，通常简称为 XSS ）是一种网站应用程式的安全漏洞攻击，允许恶意使用者将程式码注入到网页上，其他使用者在观看网页时就会受到影响。这类攻击通常包含了 HTML 以及使用者端 脚本语言 。Y — YUIYahoo! UI Library ( YUI ) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了 AJAX ， DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。Z — Z indexZ-Index 是CSS属性，设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。

web前端分为网页设计师、网页美工、web前端开发工程师首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责网页美工只针对UI这块儿的东西，比如网站是否做的漂亮web前端开发工程师是负责交互设计的，需要和程序猿进行交互设计的配合。web前端需要掌握的有脚本技术javascript DIV+CSS现下最流行的页面搭建技术，ajax和jquery以及简单的后端程序等。 后端的话可供开发的语言有 asp、php、jsp、.NET 这些后端开发语言的话搭建环境都不一样，具体如果你想学的话看是想从事前端部分还是后端程序部分。后端开发如果有一定的条件的话可以转为软件开发。不过要有一定的语言基础，类似java语言。C#等。关键是看你的兴趣爱好。这个到后期不会区分这么细，做前端到后期也会懂一些后端的技术，反之，后端也是。在我们实际的开发过程中，我们当前这样定位前端、后端开发人员。 1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。 2）后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。 现在来看，我们对前后端的要求还是蛮低的，尤其是后端，新员工经过培训之后都是可以参与到后端开发的，没有太高的技术门槛，唯一需要做的就是先变成熟练工种，这个阶段没有涉及到设计模式、架构、效率等一些列问题。 Web前端: 顾名思义是来做Web的前端的。我们这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。 Web后端：后端的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。前端、后端的技术要求： Web前端： 1）精通HTML，能够书写语义合理，结构清晰，易维护的HTML结构。 2）精通CSS，能够还原视觉设计，并兼容业界承认的主流浏览器。 3）熟悉JavaScript，了解ECMAScript基础内容，掌握1~2种js框架，如JQuery 4）对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案。 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前端开发工程师，主要职责是利用(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使其更加具有真实感。

前端开发工程师独立出来主要就是做数据交互、后台处理、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前端与后端的区别主要是：1、要搞懂区别，我们首先要知道他们是什么。Web前端: 顾名思义是来做Web的前端的。我们这里所说的前端泛指Web前端，也就是在Web应用中用户可以看得见碰得着的东西。包括Web页面的结构、Web的外观视觉表现以及Web层面的交互实现。 Web后端：后端的是与数据库进行交互以处理相应的业务逻辑。需要考虑的是如何实现功能、数据的存取、平台的稳定性与性能等。2、web前端分为网页设计师、网页美工、web前端开发工程师。首先网页设计师是对网页的架构、色彩以及网站的整体页面代码负责网页美工只针对UI这块的东西，比如网站是否做的漂亮，web前端开发工程师是负责交互设计的，需要和程序员进行交互设计的配合。3、 web前端需要掌握的有脚本技术javascript DIV+CSS现下最流行的页面搭建技术，ajax和jquery以及简单的后端程序等。 后端的话可供开发的语言有 asp、php、jsp、.NET 这些后端开发语言的话搭建环境都不一样4、实际的开发过程中，前端、后端开发人员的定位如下： 1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。 2）后端开发人员：会写Java代码，会写SQL语句，能做简单的数据库设计，会Spring和iBatis，懂一些设计模式等。

前端开发和后台开发是有区别的，工作的内容和负责的东西是完全的不同的，以下以网站的开发为例。1、前端开发前端开发现在一般指的就是web前端开发工程师，其负责是网站前端页面也就是网页的页面开发，简单的说网站前端负责是东西是网站用户可见的东西，如网页上的特效、网页的布局、图片、视频等内容。网站前端工程师的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页，并和后端开发工程师配合做网页的数据显示和交互。2、后端开发后端开发一般也叫做后台，其负责是网站后台逻辑的设计和实现还有用户及网站的数据的保存和读取。比如一般网站都是有用户注册和登录的，用户的注册的信息通过前端发送给后端，后端将其保存在数据库中，用户登录网站的时候，后端需要通过用户输入的用户名和密码是否与数据库中的一致来判断用户是否有权限登录，这是后台开发中的一个最简单的功能。