标签： 前端设计

说说前端

关于前端

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

网页小作品

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

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