WEB前端开发经验总结1

结构，结构，刚才我提到了标签有块级元素和行内元素之分的，要是不理解好这两个概念，我们也不会很好的了解怎么合理的结构化页面，现在就来介绍它们：

块级元素

块级元素生成一个元素框，（默认地）它会填充其父级元素的内容，旁边不能有其他元素。换句话说，他在元素框之前和之后生成了“分隔”符。我们最熟悉的HTML元素是p和div.

行内元素

行内元素在一个文本行内生成元素框，而不会打断这行文本。行内元素最好的例子就是XHTML中的a元素。strong和em也属于行内元素。这些元素不会在它本身之前或之后生成“分隔符”，所以可以出现在另一个元素的内容中，而不会破坏其显示。

注意，尽管“块”和“行内”这两个词与HTML和XHTML中的块级和行内元素有很多共同点，但也存在一个重要的差别。在HTML和XHTML中，块级元素不能继承自行内元素（即不能嵌套在行内元素中）。但是CSS中，对于显示角色如何嵌套不存在任何限制。

恩，还是不能把CSS跟XHTML完全的分开谈，没办法。现在大家了解了什么是块级元素和什么是行内元素了吧。还是回过头来接着说我们的结构化吧，以上讲了这么多，我都是在讲XHTML标签要结构化，所以基本跟CSS关系不大，那么我们下面看看我写的这个页面的代码在没有CSS的情况想，是否结构清晰吧：

看看，页面是不是依旧很清晰，很容易看出，哪里是标题，哪里是导航，哪里是搜索表单？呵呵，其实我这么给大家看的页面，跟我们的搜索引擎查看页面的结构很接近了，到这里大家可能体会到一些搜索引擎友好的意思了吧？

其实让我们看看这个页面的DOM数状图，可能我们对一个简洁合理的结构化布局的页面有更直观的了解。

看看，是不是做到了我说的：XHTML标签充分的语意化、尽量少的嵌套、页面里基本只显示用户需要看的数据、对搜索引擎友好（没有CSS支持时，浏览页面时同样清晰，层次分明，十分容易查看的数据。），已做了基本的SEO优化

呵呵，说到这里我才回答了“怎样的一个页面才算是合理的布局的呢？”，做到上面4点，我个人觉得这个页面就已经做到了合理布局。而至于说要通过W3C的XHTML语法验证，只是很基础的开始。一个通过验证的页面和一个合理布局的页面是两码事的。

这里我再罗嗦一下，我一直都在说的是个人认为如何才算是一个合理布局的页面？要达到什么要求才能算合理布局？因为只有理解了这个，之后的CSS的技巧（浏览器的兼容处理等）都是围绕着让XHTML页面布局更合理来进行的。而不是单纯做到各个浏览器下都显示正常（一致）。所以请记住在开发时做到：

1.    XHTML标签充分的语意化

2.    尽量少的嵌套

3.    页面里基本只显示用户需要看的数据（我们用CSS直接控制用户需要看的数据的显示的样式）

4.    页面对搜索引擎友好（没有CSS支持时，浏览页面时同样清晰，层次分明，十分容易查看数据。），已做了基本的SEO优化

今天就谈到这里吧，下面我们会接着讨论CSS的处理技巧。

 

第二篇：WEB前端开发浅析

WEB前端开发浅析

　　什么是前端技术

　　前端技术包括JavaScript、ActionScript、CSS、xHTML等“传统”技术与Adobe RIA、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计等等。

　　它涵盖的领域包括可用性工程，交互设计，软件工程等。根据该词可以做这样的理解,用互联网来做比喻,凡是通过浏览器到用户端计算机的统称为前端技术.相反存贮于服务器端的统称为后端技术.

　　Web前端开发的职责是什么

　　Web前端开发有很多的职位，根据淘宝，腾讯等公司的职责分工，主要有一下两大方向：web前端开发，网页重构：

　　网页重构工程师（或者说“网页制作”、“网页制作工程师”、“前端制作工程师”、“网站重构工程师”），这样的一个职位的主要职责是与交互设计师、 视觉设计师协作，根据设计图用HTML和CSS完成页面制作。同时，在此基础之上，对完成的页面进行维护和对网站前端性能做相应的优化。一般对网页重构工程师都有如下的要求，熟悉PS，对SEO搜索引擎优化有所了解，因此，作为一个网页重构工程师，必须懂得比一般软件开发人员更多的技术。

　　Web前端开发则更偏重与软件开发，根据网站的可用性分析，和用户反馈改进网站的前端优化。利用javascript，flash actionscript3.0结合html+css技术开发出用户体验更好的网站页面。例如腾讯QQ空间的图片浏览功能，就是前端开发工程师开发的功能之一，还有各种信息网站的幻灯片效果，ajax技术等。Web前端开发会设计到前端的架构设计，跟底层的数据传输等，所以有志于这个方向发展的同学，编程能力一定要过关，同事对网站后台语言也要有一定的了解。

　　当前，前端开发的技术更新速度非常快，因此要求从业人员必须及时了解前端开发的最新技术，了解前端世界的发展动向，否则很容易就陷入过时技术无用武之地的局面。

　　Web前端开发历史

　　在web发展初期，HTML技术只能展示简单的页面，维护和更新也相当麻烦，css2.0所描述的信息结构能帮助设计师分离出表现和内容，使站点的构建和维护更加容易。因此以CSS+DIV为主要技术的页面重构技术开始崭露头角。同时促进了前端开发领域的发展。

　　前端开发早在web标准出现的时候就初见端倪，但真正有较大的发展则在javascript逐渐为web前端开发的成熟语言后。随着web2.0的深入人心和各种相应产品：视频网站，SNS，网页游戏，博客，微薄等陆续出现，人们对网页的各种需求不断增大，要求也越来越苛刻，javascript被委以重任，以javascript为标志的的web前端开发逐渐进入加速发展的轨道。

　　Web前端开发现状

　　到目前为止，web前端开发正处于发展的高峰期。由于各互联网公司都注意到站点的可用性问题，为了加强其产品的用户体验，吸引用户，各种以“用户体验”的团队开始如雨后春笋般出现，只要稍稍留意一下，你就会发现，几乎每个大的互联网公司，都有属于自己的互联网团队，例如：淘宝网的“淘宝UED”，百度旗下的“百度UFO”，腾讯的“ISD”和“CDC”等等。这些团队性质大都相似，以提高用户体验为第一目标。例如百度UFO的对本身团队的定位：

　　“我们始终坚持以用户为核心，将提升产品体验做为终极目标。我们秉承“减法设计、从简出发”的理念，完成百度WEB产品的视觉、交互设计、前端开发，用户研究、内容优化等工作。我们提供基于研究、设计与前端技术的一体化解决方案，使产品更加友好、易用，以进一步提升产品影响力和品牌满意度。我们希望通过UFO泛用户体验平台更好的与同行交流，一同探讨，从而推动行业发展。”

　　而职位分类也和类似：网页设计师，前端开发工程师，用户体验分析师，交互设计师等。主要集中于，设计，可用性，前端开发。前端开发是UED团队的唯一偏重软件开发的职位， 要求也日趋增多，技能要求主要有：

　　-精通JavaScript、Ajax等Web开发技术

　　- 精通HTML/XHTML、CSS等网页制作技术，熟悉页面架构和布局

　　-对算法、数据结构以及后台开发(C/C++/PHP/Java等)有一定了解

　　- 熟悉W3C标准，对表现与数据分离、Web语义化等有深刻理解

　　而不同地方对对前端开发的职位的需求，也有明显的地域差异，到目前为止（截至20##年8月），对前端开发的人才需求主要集中在杭州，北京，上海等地区，南方地区相对较少。只有腾讯等较大的互联网企业对此有需求，虽然网易的总部在广州，但是前端开发等相关职位也只是集中在杭州的研究院招聘，这种现状的形成有各种因素，可能在短时间内也难以解决，作为广州的前端开发者们，需要将眼睛放到整个中华地区，这样才能找到更理想的工作岗位。

　　百度UFO团队前端开发职责分析

　　一般的中小型互联网公司，前端开发工程师的主要职责大多集中与页面重构，简单的或者单个的JS功能实现，大中型的互联网公司，如百度等，则专注于百度各产品线Web端功能设计、开发和实现，百度各产品线易用性改进和Web界面技术优化 ，Web前沿技术研究和新技术调研。Web端功能设计和开发，很大程度上是围绕JS的开发进行，而这种优化和研究，如果没有对JS深厚的技术功底，是很难进行底层开发的，不是简单地以来jquery来实现各种效果，而是针对易用性改造而进行的有目标地底层功能开发。Web前沿技术研究和新技术调研则要求开发这对前段开发技术的新技术有着敏锐的洞察力，能迅速判断那种技术将会成为将来的主流，并且不断了解国内外的最新动态。

　　前端开发体会

　　前端开发是一个较新的职业，它是在web2.0的热潮下成熟起来的，要求开发者掌握较综合的技能，除了必要的软件开发技术，还要对可用性有一定的了解，而又对设计有一定要求，因此，对与数字媒体技术专业的学生来说，有着天然的优势，是最适合不过的职位之一。

　　但是对于数字媒体技术专业的学生，如果要在未来的就业中掌握主动权，单靠专业优势是远远不够的，还需要有深厚的技术功力，例如HTML+CSS技术，是必须要完全掌握精通的，javscript更是要不断深耕细作，在专业达到一定的深度后，才有能力在应聘中游刃有余，所向披靡。

　　同时，在学习研究的过程中，要不断增加自己的项目经验，为自己增加筹码，由于前端开发行业的特殊性，数字媒体技术的学生在大二就可以开始在社会中寻找工作经验了，一些学校项目，工作室项目，社会兼职实习等，都是这些经验的重要来源。前端开发是需要在不断实践中学习的，只有一定的项目经验，才能在学习中得以扩展深入，否则很多单纯意义上的学习更像纸上谈兵，没有意义。

　　Web前端开发的未来

　　在不久的将来，前端开发的技术将会经历一场变革，以CSS3.0和HTML5为新技术力量会成为前端开发的中坚。即使以后，在前端开发领域，技术也不会停滞，即使HTML5成为现实，也会有更新的技术出现，丰富互联网的世界，因此我们必须保持对最新技术的关注。

　　目前，前端开发技术刚刚走向成熟，在未来的几年里，相信其人才需求量还会进一步增长，但是任何需求都有饱和的时候，对人才需求饱和也是前端开发真正成熟的标志，在未来，前端开发者们会有更广阔的发展空间，更大的挑战，更高的舞台等我们去展示实力。

（ps：本文章由北大青鸟广安门校区搜集自互联网）