学习WEB标准心得:网页重构的思路

学习WEB标准心得:网页重构的思路的相关文章

• 
  Html:网页标准学习：关于web标准的思考

  标签：Web开发

  我是从去年初开始学习web标准的，两年下来也有些心得。最近跳槽了正好闲在家里，写一些出来和大家交流一下。 1 对于web标准和W3C XHTML规范的理解 按照习惯的理解，这两个概念似乎都是指的一个东西（就是咱们在这个版里讨论的这些个"高深理论“^_^）。但我认为，事实上从技术的角度上讲，这两个事物几乎没有任何相关性。web标准简而言之就是将页面的结构、表现和行为各自独立实现，更通俗的讲...[ 查看全文 ]

  打波0

  81
• 
  学习网页Web标准的五个步骤

  标签：Web开发

  我想每一个刚刚接触web标准的人都会问这样的问题，我就根据自己的经验总结。 Step 1.不要一味使用DW等工具设计网页，去熟悉(X)HTML语言和CSS语言 因为web标准对代码的要求提高了，没有对xhtml代码没有一定的了解是无法通过校检的。DW工具也可以使用，但是要看着代码写网页了。 首先是xhtml代码，不是很多，知道他们如何使用，怎么正确书写，而且要记得封闭tag。如img/br/。建议看看一些ht...[ 查看全文 ]

  爱那一条鱼

  21
• 
  由浅入深实践学习 Web 标准

  标签：Web开发

  如果你还不知道 Web 标准是什么，那么我给一个定义：从 05 年开始才在中国流行起来的一种做网页的方式，并且现在保持着一定的热度。新浪、网易这两大门户网站的首页都是标准的（或接近标准）。我这么定义，是说作为一个新锐的网页设计师，如果你现在还不知道 Web 标准，那么你即将被历史淘汰了。 很多人不知道怎么系统的学习 Web 标准。不用紧张，其实大家都一样。而且大部分人都是东一点西一点学起来...[ 查看全文 ]

  别说我leng莫

  31
• 
  WEB标准学习,认识两种网页声明的含义

  标签：Web开发

  即网页标准推出来以后，我们时常会看到两种不同的网页的声明，一个是Dhtml，一个是Xhtml。如下所示： !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="h...[ 查看全文 ]

  嘟嘟之声

  31
• 
  Web标准和网站重构只是一种思想

  标签：Web开发

  有这样一个面试的故事： 面试官：你准备在我们公司做些什么事情？（大致这个意思） 面试人：我准备在公司做网站重构，把原来是table的页面全部重构成css+div的，... 面试官：不好意思，我们的网站都是css+div的，不需要重构了。 面试人：...(无语了) 自从2004年阿捷翻译了《网站重构》这本书，网站重构这个词就慢慢的必成了css+div，甚至等同起来，一些朋友把标准跟重构也混...[ 查看全文 ]

  猫二哥丨

  31
• 
  论web标准的网页制作和符合web标准的网站UI

  标签：Web开发

  Web标准的web UI[ 查看全文 ]

  男人的沉醉

  51
• 
  Web标准学习：CSS样式书写风格

  标签：Web开发

  这个格式是我自创的，经常有人问我为什么，这里做个简单总结： 1. 分类，一个模块或者同类功能定义为一类定义，每类定义之间用段落隔开。 2. 分级，每类定义中的每个定义语句，根据结构或语意级别使用Tab缩进纵向对齐。 3. 分断，每个定义内的每个属性定义之间，用分号+空格隔开，注意定义语句与分号间无空格，{}内前有空格而后无空格。 4. 连排，每个定义不换行，一直横排。某些编辑器...[ 查看全文 ]

  MARS_夜

  11
• 
  网页标准学习：标准的N种死法

  标签：Html CSS布局 Div+CSS XHTML

    1. DIV之死 一个网页不管是什么..都可以用DIV来~~最典型的为某某论坛(不敢打出他的名字) 应该用什么元素的就用什么元素。 tbody是个好东西，table也可以一行一行的出来，不过不是在所有的浏览器。 为什么div这样方便呢？因为div虾米都没。不管想怎样，只要加个class或者ID就用，不用考虑层次关系，反正DIV是无语义的东东，爱怎套就怎套~~套成像table都可以。 建议解决方案：多去了解(X)HTML 2. ...[ 查看全文 ]

  tx小鬼儿

  91
• 
  网页表单的Web标准解决方案

  标签：Web开发

  进入eYou.com后，马上就给新版的邮件界面转化成XHTML+CSS的工作，还好平时基本功还够扎实，有条不紊的干了下来。当然会遇到新的问题，比如，平时做网页，因为没有跟程序打过什么交道，较少使用表单。还好，世界还有Google，让我可以轻松应对新挑战。一些经验，写出来大家分享。 基于易用性（accesibility）的考虑，表单的标准写法应该在form和/form之中包含fieldset和legend（说明），让用户明白该表单域的...[ 查看全文 ]

  吕梁钓鱼人

  81
• 
  看看网页高手怎么理解Web标准

  标签：Web开发

  与老友闲聊，不想夜晚的猫子都很亢奋，聊了很多。Web标准及Div+CSS相关知识是老友很擅长的，妙语连珠。我觉得聊天过程完整也较有意义，转贴闲聊过程如下： 横导航链接为什么要用UL+LI 为什么不直接在一行写上文本链接呢 列表本身就有列表符号，同时列表项也要分行显示 做成横向的，既要使得不显示列表符号，又要将他们内嵌到一行。 ----------------------------------------------------------------...[ 查看全文 ]

  未央以外

  51
• 
  详细解析网页重构中页面细节处理心得

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  一个页面的细节，从重构的角度去看，页面的精细度，代码的可读性、扩展性，为下游服务的代码注释，交互接口样式的书写，代码的压缩，图片的优化等都可以归为细节处理，我的理解是，刚才提到的细节处理是每个重构工程师都应该具备的基本技能，不能算是真正意义上的细节，好的细节处理应该是从用户出发，应该是发自内心对用户的一种关怀。下面有两个小例，都是我们做页面时常见的板块，如果我们细心处理一下，...[ 查看全文 ]

  hzj韩志杰

  21
• 
  符合WEB标准的网页图像的代码精简

  标签：Web开发

  遵循Web标准的思想，网页要表现出一种亲和力。那么，针对残障用户来说，其阅读器可不能读取图像上传递的信息的。 所以我们会采用一种Using Background-Image to Replace Text的方法，也就是将图像以背景图像的方式插入网页显示，同时为了让残障人士能了解该部分信息，显示该图像的区域用文本加以说明；但又为了让正常人不为既看到背景图像又看到图像上的文本而混淆，所以我们又将这些文本隐藏。 或许我们...[ 查看全文 ]

  非诚勿扰A23

  91
• 
  Html:Web标准学习：保持清晰的文档结构

  标签：Web开发

  我十分支持Web标准，并且认为它提出的文档对象模型(DOM，Document Object Model)是非常合理而且有用的。文档对象模型让我们脱离字符，在结构层面高级方式操作文档。 在网页制作(HTML/XHTML)方面，遵循Web标准可以使网站的结构更加合理。但是，新的标准总会导致一部分旧的网页制作者的排斥，很简单，因为他们无法掌握新的标准或者/同时他们认为不需要新的标准，原来的方式已经够用了。我不跟后一部分...[ 查看全文 ]

  伊人醉醉心弦

  01
• 
  学习WEB标准必备的四项技能

  标签：Web开发

  今天在群里，熊猫君提议整理一个帖子，一方面为初学者提供一个入门指南，另一方面也象借此和已经在从事这个行业进行一点交流。下面是我从事这个行当多年的一些经验总结，希望抛砖引玉，大家不吝赐教。 １、必备工具 其实web标准并不是很复杂的技术，实现web标准的工具也很简单，说白了，只要可以进行纯文本编辑的软件，都可以作为代码编写的gon工具。例如记事本、UltraEdit甚至CuteFTP的编辑器（象我...[ 查看全文 ]

  恒利小伙

  21
• 
  WEB标准的CSS网页布局技巧5则

  标签：Web开发

  WEB标准的CSS网页布局，需要注意的地方有很多。我们在webjx.com上作过很多介绍，今天介绍五个需要注意的地方。 一、永远使用小写字母 不好的做法：  DIV   PHere's an interesting fact about corn. /P   /DIV    好的做法：   div   pHere's an interesting fact about cor...[ 查看全文 ]

  漂泊的孤独的心

  41
• 
  网页设计关于WEB标准的相关问题汇总

  标签：Web开发

  怎样才是符合web标准？ 简单说就是不用HTML+table来设计页面，改用XHTML+CSS来实现。 怎样是代码校验？ 代码校验就是检查你制作好的页面是否完全符合web标准。通常可以到W3C的网站去校验。 什么是DocType,有什么用？ DOCTYPE是document type(文档类型)的简写，用来说明你的网页是什么标识语言(XHTML或者HTML)是什么版本。 我应该使用是么样的DOCTYPE？ 初次学习web标准的设计师推荐使用XHTML 1.0过渡式的D...[ 查看全文 ]

  789vb456vb

  21
• 
  web标准知识：以图换字的几个方法及思路

  标签：Html CSS布局 Div+CSS XHTML

  今天有个朋友做网页的时候遇到个问题：想保留链接的背景，但又要链接里的文字消失！可是弄了半天一直没办法把这个文字去掉。我想很多学标准的朋友都遇到过这个问题，这里我把常用的几个方法写出来，把思路也讲一下，希望能帮助刚开始学习的朋友。 以图换字就是用图片替换文字表现。我们都知道，文字在浏览器里的表现形式是很差的，会有锯齿，没办法圆润还有没办法做很多效果。一般情况下网页的内容部分是不...[ 查看全文 ]

  追忆惘然lee

  81
• 
  Web标准：文档类型和网页浏览器

  标签：Web开发

  原文： http://www.alistapart.com/articles/beyonddoctype 作者：Aaron Gustafson  译者：zhaozy in 3user.com 转载请注明作者和译者信息,谢谢! 进步总是要有代价的. 对网页浏览器来说, 由于开发者像是宣传真理一样的拍着胸部担保着一些编辑器和浏览器(特别是Internet Explorer), 用户们为此花费很多的成本. 而当这个浏览器推出了一个新版本, 然后又修正了之前版本的一些错误和对规范的误解(或...[ 查看全文 ]

  蟻族的奋鬥

  21
• 
  遵循web标准 网页前端得3类优化

  标签：Web开发

  悟道web标准:前端性能优化 前端性能优化完全是一个技术话题，但是对于项目的用户体验有非常大的影响，如果你的网站打开要等待三五秒或者等到浏览器提示无法连接，那网站哪来的流量，哪来的品牌影响和用户忠诚度，挣钱就算了。 3s，作为判断一个用户忍受你网站速度的限度，如果超过3s，用户已经对这个网站产生了负面的抵触心理。 前端性能优化和web标准有什么关系，接着第一篇 悟道web标准统一思想，遵...[ 查看全文 ]

  加_微信jpytty

  21
• 
  Web开发学习心得2——HTML的结构

  标签：Web开发

  现在我们来学习HTML的结构(我们只讨论严格型的，也包括XHTML)。 首先给出一份严格的HTML的一些常见的规则： 1. 网页总以一个DOCTYPE开始，紧接着，html元素必须出现在网页的开头和结尾。 2. 只有head、body元素可以直接包含于html中，其他任何元素都必须包含于head或body中。 3. 必须给head元素一个title元素。 4. ...[ 查看全文 ]

  狐狸去哪儿

  21