![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
网页标准
文章平均质量分 80
alexpengster
这个作者很懒,什么都没留下…
展开
-
Web Standards for Business
Web Standards for BusinessThis is a translation of the article Les standards web pour l’entreprise (French) by François Nonnenmacher that was published on OpenWeb in November 2003. 这是François Non翻译 2007-02-09 16:12:00 · 525 阅读 · 0 评论 -
CSS兼容要点分析
CSS兼容要点分析——CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点…… IE vs FFCSS 兼容要点:DOCTYPE 影响 CSS 处理FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行FF: body 设置 text-ali原创 2007-03-19 14:26:00 · 398 阅读 · 0 评论 -
你未必知道的CSS技巧
1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的:font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif;但也可以把它们全部写到一行上去:font: bold italic small-caps转载 2007-03-19 14:31:00 · 358 阅读 · 0 评论 -
Molly 正式加入微软 IE team
Web 标准的布道者 Molly 正式加入微软的 IE team,这里是她在 IEBlog 上发表的 announcement。节选部分如下:I’d like to introduce myself. I’m Molly E. Holzschlag, and I’m excited to announce that I’ve signed on with the Internet原创 2007-03-15 17:00:00 · 1129 阅读 · 0 评论 -
Web 标准实践系列(二)——豆瓣的首页
题外话:不好意思在第一篇的三周之后才交作业。本想继续写 Google 的搜索结果页的,看到豆瓣上有朋友留言说想学习豆瓣首页的写法,我看了一下,有写头。起初以为比较简单的,最后花了不少时间。但还是有疏漏或者不合理的地方,请直接指出,谢谢。前言 下文中的例子以豆瓣用户登录后的页面为基础,各人显示的内容可能有所差别; 这次并不强求像素级的一致,特别是行距、间距部分可能原创 2007-03-15 17:18:00 · 708 阅读 · 0 评论 -
内容、结构与表现的一些话题
到现在再谈 Web 的内容(Content)、结构(Structure)与表现(Presentation)可能有些晚,只是正好想起,理理思路,共勉。内容是结构的基础,而非相反。内容在一定程度上体现出一定的结构,但并不是全部。原始内容就相当于数码相片的 RAW 格式,未经处理,但是即使未经处理的内容,也包含着一定的结构,比如我们通过阅读一段文字,可能包含着标题、正文、段落(这些属性是通过阅读转载 2007-03-15 18:39:00 · 416 阅读 · 0 评论 -
网站建设之网页设计标准
引言: 本文观点:遵循国际网站标准(Web Standards)进行网站设计和改善。阅读对象:网站设计人员、web应用开发人员关键字:Web Standards、XML、XHML、CSS、DOM、DOCTYPE、Accessibility 前言 网络上的变革每天都在发生,当我们觉得网站设计技术已经非常简单和熟悉的时候。国外网站设计标准化的概念早已悄悄的形成和迅速“蔓延”,自2000年转载 2007-03-19 14:19:00 · 474 阅读 · 0 评论 -
(X)HTML Strict 下的嵌套规则
下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则,比如你不能在 里面再嵌入一个 这样的约定。说明: 为了方便读者阅读,本文中的标签使用了大写(根据 XHTML 的规则,元素名必须小写,比如 而不应是 ) 小写的单词表明一组或一系列 HTML 标签 每一项条目(标签)后都跟随一组标签列表,如果转载 2007-03-15 18:33:00 · 480 阅读 · 0 评论 -
通过从小到大的实践来学习 Web 标准
如 果你还不知道 Web 标准是什么,那么我给一个定义:从 05 年开始才在中国流行起来的一种做网页的方式,并且现在保持着一定的热度。新浪、网易这两大门户网站的首页都是标准的(或接近标准)。我这么定义,是说作为 一个新锐的网页设计师,如果你现在还不知道 Web 标准,那么你即将被历史淘汰了。很多人不知道怎么系统的学习 Web 标准。不用紧张,其实大家都一样。而且大部分人都是东一点西一点转载 2007-03-15 18:37:00 · 344 阅读 · 0 评论 -
On having layout
目录介绍Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其“layout”得到解决。John Gallant 和 Holly Bergevin 把这些问题归类为“尺寸bug(dimensional bugs)”,意思是这些 bug 可以通过赋予相应元素某个宽度或高度解决。这便引出关于“layout”的一个问题:为什么它会改变元素的渲染特性,为什么它会影响到元素之间转载 2007-03-15 18:49:00 · 500 阅读 · 0 评论 -
Web 2.0 讓網頁前端工程師變有趣了
什麼叫做「網頁前端工程師」?這是英文直翻 Front-end Enginner 出來的啦!大部分的人應該知道網站 "後端" 指的是伺服器、資料庫... 等等這些隱藏在網站背後的東西,那麼前端就是一般瀏覽者可以看得到的畫面。也可以將它想像成是幕前和幕後。前端工程師所做的事情都脫離不了 HTML, CSS, Javascript,每天都在這三種語言中打轉,對於正統的工程師來說,一定转载 2007-03-16 16:50:00 · 325 阅读 · 0 评论 -
web标准实现高效开发系列之一
建立自己的操作标准当我们都在投入WEB标准的行列时,我们时常听到这样的声音:“太慢了,制作这样的一张页面我需要花费比以前多数倍的时间。”采用标准是不是真的会让你的制作变得很慢呢?我的回答是“不一定,这完全取决于你从什么样角度去看,并且没有找到快速操作的方式方法。”首先我们要确定的是:新的制作方式是把我们从“所见即所得”软件制作中拉到“代码编辑者”行列。我们现在需要对每一个XHTML标签都转载 2007-03-19 14:28:00 · 302 阅读 · 0 评论 -
Meta标签详解
Meta标签详解,在网上转的,希望对大家有用 引言 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你个人网站的链接 ● 在论坛中发帖子宣传你的个人网站 很多人却忽视了HTML标签META的强大功效,一个好的META标签原创 2007-03-19 14:29:00 · 327 阅读 · 0 评论 -
IE 3px bug & display problem
类似用户评论的需求,最终效果如图。用定义列表写的结构代码。 yersinia: ive seen it before, but you make it look appealingly strange. 07-18-2006 00:04 / 61.49.237.33 edit / delete 最简单的思路,采用左float右margin。.list dt转载 2007-03-20 15:44:00 · 558 阅读 · 0 评论 -
网站设计规范
总 论 本规范既是一个开发规范,也是一个脚本语言参考,本规范并不是一个一成不变的必须严格遵守的条文,特殊情况下要灵活运用,做一定的变通。但是,请大家千万不要随意更改规范。如果有任何问题,请及时与项目负责人沟通。 主目录下应有一个help目录,存放说明文件。说明文件包括: 目录说明 文件列表说明:存放位置、文件名称、功能及处理逻辑描述、所涉及的库表、调用关系。 数据库说明:数据库位置、空间分配要求、转载 2007-03-19 14:25:00 · 516 阅读 · 0 评论 -
Molly 和 Bill Gates 关于 Web 标准的对话
06 年底的微软 Mix N Mash 上面,包括 Molly 在内的 14 名 Blogger 和业内牛人聚集微软 Campus 的 20 号楼,和 Bill 讨论交流业界的发展。下面是 Molly 和 Bill Gates 关于 Web 标准方面讨论的片断(原文):Molly: 对于全世界面向标准的开发者和 Web 标准的支持者而言,并且从我的立场上看,我觉得他们也看到了原创 2007-03-15 18:26:00 · 485 阅读 · 0 评论 -
Web 标准实践系列(一)——Google 的首页
今天我们来学习用 Web 标准的方法来制作 Google 首页(中文)。Google 首页一直是用 table 布局的。我们把 Google 首页用 PrtScr 截屏,作为制作时的设计稿参考,并且不打开 Google 首页查看其源代码——就当它不存在。这样和真实项目工作比较接近。第一部分、HTML 的构建(基于XHTML Transitional)从设计稿上看到的内容,去揣摩结构。因原创 2007-03-15 16:54:00 · 461 阅读 · 0 评论 -
标准化——表格
标准化——表格原文:http://www.456bereastreet.com/archive/200410/bring_on_the_tables/翻译:JunChen对于那些刚接触CSS布局的人来说,常对如何使用表格(table)感到迷惑。我在很多地方看到人们把“避免用表格来布局”理解成“完全不使用table标签”。值得注意的是,表格是可以用的而且非常好用——只要用的正确。是的转载 2007-02-09 16:28:00 · 415 阅读 · 0 评论 -
Converting Between XML and JSON
Converting Between XML and JSONby Stefan Goessner May 31, 2006 More and more web service providers seem to be interested in offering JSON APIs beneath their XML APIs. One considerable advan转载 2007-02-10 17:50:00 · 354 阅读 · 0 评论 -
DIV内容垂直居中
垂直居中似乎一直困惑着众多的重构设计师,这是CSSPlay网站给出了一个方案。======================CSS=======================.holder{ width:740px; height:300px; border:1px solid #777; text-align:center; display:table-cell; vertical-转载 2007-02-08 14:34:00 · 1144 阅读 · 0 评论 -
Web Developer可以做得更多
Web Developer可以做得更多作者:张克军 用户体验部美国雅虎前端工程师Hedger Wang在感恩节那天来到北京。这位原雅虎奇摩的第一位Web Developer,非常慷慨的与我们分享了他丰富的经验。现身说法,比空洞的理论更有感染力,我们发现现在遇到的很多问题也都是他曾经遇到过的。美国雅 虎里面Web Developer是一个更帖近用户的前端工程师角色,他们负责把UI和产品功能逻转载 2007-02-27 11:55:00 · 207 阅读 · 0 评论 -
CSS的条件注释
在浏览器厂商市场切割及版本多化的今天,单单是给CSS做HACK,己不能满足页面制作的要求,完美的页面结构,可以省去很多的HACK,但因版本间不同 的盒子模型来说,与其去写HACK,还不能更省时间地去为每个不同解释定义的版本写一套CSS (说是写一套,事实上也是在原有的修改一下数值),无论在制作时间上还是....,这都是一个可以考虑的解决方案....这就用到CSS的条件注释(Conditional原创 2007-02-09 13:58:00 · 455 阅读 · 0 评论 -
语义化——表单
语义化——表单翻译自htmldog.comLabels - 标签每个表单的元素都应该有它自己的label。label标签,可以使用for属性连接一个label和表单元素。 Your Name id="yourName" /> ...标签可以被可视化浏览器渲染成可以点击的,点击后光标会显示在关联的表单元素内。效果:转载 2007-02-09 16:30:00 · 515 阅读 · 0 评论 -
CSS中的滑動門技術
CSS中的滑動門技術Sliding Doors of CSS (Part I) Sliding Doors of CSS, Part II 第二版請自行參考...在CSS中,一個經常被人們討論的先進之處即背景圖像的可層疊性,並允許他們在彼此之上進行滑動,以創造一些特殊的效果。根據CSS2.0當前的規定,每一個背景圖像都需要各自的HTML元素。在許多情況下,典型的標記已經為一般的接口转载 2007-02-26 15:06:00 · 417 阅读 · 0 评论 -
解决列高度自适应(列高度相同)的五种方法
解决列高度自适应(列高度相同)的五种方法1.背景图填充这是使用最广泛的一种做法,无hacks,推荐使用,演示例子。2.采用脚本控制列的高度(一)需要事先知道哪列的高度,以此为基准用脚本控制。document.getElementById("sideleft").style.height=document.getElementById("sideright").scrollH转载 2007-02-28 23:25:00 · 388 阅读 · 0 评论 -
CSS hack瀏覽器兼容一覽表
CSS hack瀏覽器兼容一覽表CSS hack是指我們為了兼容各瀏覽器,而使用的特別的css定義技巧。這是國外摘來的一張CSS hack列表,顯示了各瀏覽器對css hack的支持程度,對我們製作兼容網頁非常有幫助。转载 2007-02-26 15:01:00 · 250 阅读 · 0 评论 -
国际网页Web设计流程
1.初始会商,主要是收集该站点的关键信息,包括站点的目标读者.要发布的内容.开发Web服务器平台; 2.概念开发,设计师根据收集的信息,开始构思,通常,设计师要把这些构思用草图的形式呈现给顾客,这个草图要有整个网站的结构,不同的布局.设计及导航; 3.内容综合,当决定了设计师的设计,设计师开始制作一些初始图样,这些图样用PHOTOSHOP那样的程序来创建,然后,设计师将图样打印出来配合转载 2007-03-05 15:26:00 · 345 阅读 · 0 评论 -
认识YUI
這次要為你介紹一個開發 DHTML 和 Ajax 網頁的利器:YUI 。YUI 是 Yahoo! User Interface 的縮寫,這是由 Yahoo! 所開發出來的工具庫,包含了多種程式工具、函數庫和網頁操作介面,能夠更快速的開發互動性高、豐富的網站應用程式,尤其是那些使用到 DOM、DHTML 和 Ajax 的網頁。YUI 全部都是使用 Javascript 寫出來的(其中也包含了一转载 2007-03-08 17:44:00 · 517 阅读 · 0 评论 -
CSS Hack的资料收集
为了不同浏览器的观看效果,我们当然没必要为每个浏览器的不同版本写一个样式,这里我们利用“IE条件注释”。 找了一些相关的CSS HACK后,总结的几个方法。 1. 区别FF和IE 1-1 首先,当然是!important大法,可以提升指定样式规则的应用优先权,如下面的例子: 插入代码: div{ background-color: red !important; background-color原创 2007-03-09 17:56:00 · 393 阅读 · 0 评论 -
国外 Web 标准页面制作行情
PSD2HTML.com 是一个专门接受网页制作的外包公司。专业的从事 PSD -> HTML 的工作。他们的口号是:You Design - We XHTML / CSS。他们可以制作完全符合 W3C Valid XHTML 1.0 Strict / W3C Valid XHTML 1.0 Transitional / W3C Valid HTML 4.01 的页面,并且于 8-16转载 2007-03-15 16:49:00 · 422 阅读 · 0 评论 -
从写的一个form的JS引发的思考
前些天写了个from的JS.http://wd1.osp.corp.hki.yahoo.com/user/F2E/Money%202.0/web/intlindex_compare.html这里用到的都是from中非常典型的JS了。我先贴出我的第一版JS.YTWFI.Module.StockCompare = function (dModule) { var dRootNode = YUD.原创 2007-05-24 16:49:00 · 556 阅读 · 0 评论