快捷搜索:  as  test  1111  test aNd 8=8  test++aNd+8=8  as++aNd+8=8  as aNd 8=8

和记娱乐博娱188下载:学习WEB标准必备的四项技能



本日在群里,熊猫君发起收拾一个帖子,一方面为初学者供给一个入门指南,另一方面也象借此和已经在从事这个行业进行一点交流。下面是我从事这个行当多年的一些履历总结,盼望抛砖引玉,大年夜家不吝见示。

1、必备对象

着实web标准并不是很繁杂的技巧,实现web标准的对象也很简单,说白了,只要可以进行纯文本编辑的软件,都可以作为代码编写的gon对象。例如记事本、UltraEdit以致CuteFTP的编辑器(象我这种懒人无意偶尔候就用那玩艺儿直接在线编辑,汗)。 雨枫技巧教程网

而另一些较专业软件会供给高亮显示代码(前面提到的UltraEdit也具有此项功能)、代码提示、自动闭合标签等等功能,应用起来会大年夜大年夜前进事情效率。如DreamWeaver、MS Expression、EditPlus等等,这些编辑软件今朝是绝对的主流,无论是初学者上手轻易照样专业人士前进效率都是不错的选择。 雨枫技巧教程网

再说说浏览器情况,今朝一台机械同时装IE、Firefox、Opera、Safari已经不是难事,而IE7 Standalone和MultipleIE的问世也让IE7和低版本IE并存成为可能。和记娱乐博娱188下载保举浏览器情况——本机安装IE7、FF、Opera、Safari,同时安装MultipleIE。从我小我的应用履历,IE7 Standalone存在必然的缺陷,有可能导致本机安装的IE6无法正常应用。 Webjx.Com

除了编辑器以外,还有便是必弗成少的调试对象啦,首推当然是Firefox下的Firebug!IE下今朝还没有与之相称的调试对象,对照好的有IE development toobar、IE Debugbar等等,不过和Firebug完全不是一个档次的器械,只能说勉强凑合用。

2、必备的HTML/XHTML根基 Webjx.Com

说到根基,着实恰是我最想谈的。从论坛许多的帖子也可以看出来,大年夜多半问题的孕育发生是因为制作者本身根基的不牢靠。而HTML/XHTML作为根基中的根基,更是许多人的懦弱环节。然而很多人照样爱好一上来就问结构或者Hack这些技术方面的问题,着实很多问题假如本人的根基牢靠了,险些不能被称之为问题。

web标准必备的HTML/XHTML根基,大年夜致有几个方面: 雨枫技巧教程网

每个标签的语义,这一点是网页标准的根本。而全部网页标准化险些都是环抱着这一点而来的,明确了语义,才能选择相宜的标签;明确了语义,才能构建可读性优越的布局。例如便是网站最高等级的标题,它不应该放在层级之下;例如和,主要用于表单元素分组,不应该由于它那个漂亮的边框就用来体现新闻列表。

每个标签的初始样式,现在有很多重置标签样式便是针对这一点,由于每个标签在不合浏览器下的初始样式是不合的,而重置样式是为了更好地实现和记娱乐博娱188下载网页兼容性。从我小我的角度来说,不保举初学者一上来就懂得若何重置样式,而应该从懂得标签的初始样式入手,先懂得了这些,才能明白每一行重置样式的代码的真正含义。

标签的精确嵌套规则,同时还必须懂得的是哪些标签属于块元素,而哪些属于行内元素。这是纵然是高手也会常常轻忽和记娱乐博娱188下载的方面,例如本人(^_^)。本日看到 这个帖子 的时刻,才意识到,原本之前对dt、dd的嵌套规则理解有误,二者不能等量齐不雅。HTML/XHTML的嵌套规则并不算简单,常用的标签不过三十个高低,就有大年夜约二十种不合的嵌套规则,稍不留心就会掉足。虽然不严格遵照并不会影响页面的体现,但养成一个优越的习气是很紧张的,它每每能抉择你在这条路上可以走多远。

标签的属性。这个又要分为两方面,一是相符标准的常用属性及对应的值,例如的summary属性、

的scope属性、的for属性等等;二是标准强制要求的属性,例如图片的alt属性、form的action属性、textfield的col属性和row属性等等。

HTML/XHTML根基,虽然可以分开成多个方面讲,但实际关于它们的常识每每是综合在一路的,大年夜多半相关的手册险些都有详尽的先容。对付这方面常识的进修,除了看相关手册外,多把自己的网页拿去w3c做校验也是不错的措施。 Webjx.Com

3、必须懂得的CSS常识

CSS是标准化最吸惹人的地方,也是时下评论争论最多的话题,市道市面上的相关册本也在web标准类里盘踞胜过性的比重,以致有些人(包括一些用人单位)觉得CSS便是网页标准。这种过于夸大年夜CSS感化的不雅点固然是差错的,但CSS对付网页标准的紧张性却也可见一斑。

雨枫技巧教程网

CSS相关的常识、技术很多,从常识的必备性方面来讲,以下几个方面是我觉得最紧张的:

结构。结构是体现层技巧的根基,任何体现层的器械都是基于结构之上的。使用CSS结构的措施有很多种,例如float、绝对定位、负margin等等。每一种结构都有着各自的上风和局限性,从适性最广来讲显然是float最佳,也最为常用,但清除浮动每每是让人头疼的问题。绝对定位的网页抗压性好,但自由度低,而且衬着效率最差。负margin是最不破坏文档流的法子,但在对负值支持不佳的IE下每每会有灵异体现。关于结构方面的常识,建议看一下webflash的《彻底弄懂CSS盒子模式》系列文章,小我觉得相关常识的文章尚无出其右者。

IE下的Haslayout衬着模式。着实hack是许多标准工程师所切齿腐心的器械,但在浏览器兼容性要求越来越高的本日,hack却每每是一种无奈之举。而深入懂得IE的Haslayout衬着模式,就会明白许多hack的情由,以及许多兼容性问题的孕育发生之源。保举涉猎——译文On having layout。然而HasLayout问题之多,绝非一两篇文章所能概括,经由过程涉猎文章,懂得此中的道理,再触类旁通,很多问题就会水到渠成了。

相符标准的CSS规则。关于这一点,我可以不认真任地说,数以切切计的网站,其CSS完全相符标准的,所占比重不会跨越1%。这并不是一个消极的预计,纵然是w3c保举的一些网站,例如ESPN,他们的CSS也时常会通不过校验。CSS的许多规则切实着实令CSSer们异常不适,例如background和color,这两个属性绝大年夜多半人都是分开来应用的,而w3c标准却规定两者必须“生则同生,逝世则同逝世”。还有便是各个浏览器的专有属性,在实现一些效果时是最简单有效的。这种时刻我们每每会选择放弃标准,但暂时的放弃不料味着疏忽。本日知道我们哪些行径是差错的,以及为什么要用差错的措施,翌日改正起来就不会太难。

前进网站机能的技术,如有助于SEO的以图代字、用只管即便少和小容量的图片实现圆角表格、用background-position实现图片切换以前进衬着效率等等。从对网站的赞助角度来看,这些技术远比浏览器hack更值得掌握。

懂得一点js常识。这个和CSS关系不是那么亲昵,但常常看到很多人钻牛角尖,用js可以异常简单实现的效果,非要用CSS去勉强实现。例如将子菜单放在链接里,经由过程:hover触发。又比如多列等高结构的实现。这已经是行径层的范畴了,为什么还非要用体现层来实现呢?当然这里并不是说所有CSS不轻易实现的都往js里扔,而是要懂得一下双方的技巧特征,合理地选用最佳规划。

4、必备的网站样式治理技术

规范化的命名与合理的代码重用性,也便是ID和class。对不起,这里又要旧调重弹一下,由于昨天刚刚又看到一个通篇没有用一个ID的网站。ID和class是属于布局层的,不过CSS的调用却险些都要经由过程ID和class来实现。然则,ID和class不仅仅是为了调用CSS样式而存在的。恰好相反,是优越的ID和class构建的布局给了CSS大年夜展武艺的舞台。搞反了彼此关系,着实照样体现主导布局的思路,也就和满屏幕的table没有本色差别。理清了ID、class和CSS的关系,再来谈命名,命名着实只有一个基滥觞基本则,便是布局化。当然,在布局化之余,body、框架、模块之间的命名如能以某种形式加以差别(我小我习气是加不合前缀),会让代码加倍清晰。

样式文件的治理,也便是若何存储网站的样式文件。假如是一个很小的网站,把所有样式存在一个文件中也是没有问题的。但大年夜网站的CSS每每几十上百k,整个存在一个和记娱乐博娱188下载文件里不只影响网页加载,也晦气于改动掩护。若何瓜分CSS,必要事先做好筹划,无论是按栏目按和记娱乐博娱188下载功能照样按层级,要根据自己网站的特征。

5、其他 雨枫技巧教程网

等候大年夜家继承弥补……

雨枫技巧教程网

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

您可能还会对下面的文章感兴趣: