说说前端

关于前端

Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/DOM/Flash等各种Web技术进行产品的界面开发。制作标准优化的代码,并增加交互动态功能,开发JavaScript以及Flash模块,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。

上面是对前端的一个比较正确的解释。

我喜欢的XHTML+CSS

在常用的三个XHTML版本(Strict,Transitional,Frameset)中,一开始我用过渡(Transitional),后来慢慢接触严格版(strict),早期的一些页面都是过度版本的。相对于严格版本,过渡的会比较宽松。

以前曾经用过一次框架集,很麻烦。关于框架集的缺点:

  • 会产生很多页面,不容易管理
  • 不容易打印
  • 浏览器的后退按钮无效
  • 代码复杂,无法被一些搜索引擎索引到
  • 多数小型的移动设备(PDA 手机)无法完全显示框架
  • 多框架的页面会增加服务器的http请求
  • 由于上面诸多缺点,因此不符合标准网页设计的理念,已经被标准网页设计抛弃

关于框架集的优点:

  • 重载页面时不需要重载整个页面,只需要重载页面中的一个框架页(减少了数据的传输,增加了网页下载速度)
  • 方便制作导航栏

但是现在已经不推荐使用框架集了,前几天,百度联盟发布消息,禁止iframe调用广告,而早在2011年5月Google也开始禁止iframe调用其广告

框架集曾经被很多网站用作会员中心,管理后台,但在网站首页,前台几乎没有网站用。而大多数网站则用iframe调用广告。事实证明iframe也不是那么好用,而目前大部分网站还在用iframe。(参考:为什么要少用iframe

一些了解XHTML+CSS的建议:

  1. 买一本书《XHTML.CSS与JavaScript入门经典》很强大,非常详细(框架集那一张可以简单了解下就可以,在即将发布的HTML5中已经去掉了框架集)
  2. 或者去一个网站:http://www.w3school.com.cn/index.html
  3. 测试页面优先使用IE,然后是火狐,其余浏览器基本没问题(IE是个坑爹的货…)
  4. 初学用过渡版本,之后开始慢慢适应严格版
  5. 多写,多总结层次,多看别人的结构和代码
  6. 前端标配:Google Chrome 和 火狐 ,最新版本的IE(IE9仅支持Windows7)
  7. Dreamweaver 是前端必备的工具

关于HTML5

HTML5是XHTML的下一个版本,不过目前还未正式发布。据业内N多砖家预测,HTML5要普遍用起来的话,还要那么几年。在这几年里面,需要我们做的也就几件事:

  1. 先打好XHTML的基础(严格版最好)
  2. 然后等HTML5正式发布
  3. 开始去学把!

在HTML5里面有很多新特性,我前几天本来打算去买本书去学HTML5,但再三考虑还是过段时间再说(至少等正式版发布之后)。

目前一些主流的浏览器已经开始支持HTML5,但HTML5很多功能都可能会变化。

关注HTML5的最新进度,请点击此处:W3C中国

最新的一个文档

这是一个书本上的一个小作品,主要特征如下:

  1. 基于XHTML严格版本
  2. 导航栏样子发生了变化(实际的商城肯定不会用我这个导航栏的啦。。我比较懒)
  3. 其余问题,我也不记得了。。(我太懒…)
  4. 头部LOGO旁边的那个货是玩笑,世界上没有100%…别当真哦,亲

好了,上图:

HTML网页
image-1487

网页小作品

我只是热爱前端,说实话:搞前端真的很苦逼。特别是当一个浏览器可以正常显示,而另外一个浏览器又不能正常显示的时候。。。

最高兴的时候是:所有的浏览器页面都显示正常了!

发表评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据