在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了，可以跳过这一节，直接进入下一节。 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句： p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式； 样式声明写在一对大括号"{}"中； COLOR和BACKGROUND称为"属性"(property)，不同属性之间用分号";"分隔；…
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 1.所有的标记都必须要有一个相应的结束标记 以前在HTML中，你可以打开许多标签，例如和而不一定写对应的 和 来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如: 2.所有标签的元素和属性的名字都必须使用小写 与HTML不一样，XHTML对大小写是敏感的，和是不同的标签。XHTML要求所有的标签和属性的名字都必须使用小写。例如：必须写成 。大小写夹杂也是不被认可的，通常dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。…
用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的页面的。 事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变革都会有阻力的，为了享受标准带来的"益处"，放弃一些老的传统做法是值得的。 外部调用样式表 在以前，我们通常采用2种方法使用样式表： 页面内嵌法：就是将样式表直接写在页面代码的head区。类似这样： 外部调用法：将样式表写在一个独立的.css文件中，然后在页面head区用类似以下代码调用。…
第三步是定义你的语言编码，类似这样： 为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义。 通常这样定义就可以了。但是要补充说明的是，XML文档并不是这样定义语言编码的，XML的定义方式如下： 你在Macromedia.com的首页代码第一行就可以看见类似的语句，这也是W3C推荐使用的定义方法。那为什么我们不直接采用这种方法呢？原因是一些浏览器对标准的支持不完善，不能正确理解这样的定义方法，比如IE6/windows。所以在目前过渡方案下，我们依然推荐使用meta方式。当然，你可以两种方法都写。…
DOCTYPE声明好以后，接下来的代码是： 通常我们HTML4.0的代码只是，这里的"xmlns"是什么呢？ 这个"xmlns"是XHTML namespace的缩写，叫做"名字空间"声明。名字空间是什么作用呢？阿捷自己的理解是： 由于xml允许你自己定义自己的标识，你定义的标识和其他人定义的标识有可能相同，但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为了避免这种错误发生，XML采用名字空间声明，允许你通过一个网址指向来识别你的标识。例如： 小王和小李都定义了一个标识，如果小王的名字空间是"http://www.xiaowang.com"，小李的名字空间是"http://www.xiaoli.com"，那么当两个文档交换数据时，也不会混淆标识，因为它属于不同的名字空间。…
前言 大家好！这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助。好了，让我们开始吧 使用Web标准建站第1天：选择什么样的DOCTYPE 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。 查看本站首页原代码，可以看到第一行就是： 打开一些符合标准的站点，例如著名web设计软件开发商Macromedia，设计大师Zeldman的个人网站，会发现同样的代码。而另一些符合标准的站点(例如k10k.net)的代码则如下： 那么这些代码有什么含义？一定要放置吗？…
在页面中加入如下语句，则网页将不能被保存：
SPAN 和 DIV 的区别在于，DIV(division)是一个块级元素，可以包含段落、标题、表格，乃至诸如章节、摘要和备注等。而SPAN 是行内元素，SPAN 的前后是不会换行的，它没有结构的意义，纯粹是应用样式，当其他行内元素都不合适时，可以使用SPAN。 下面以一个实例来说明这两个属性的区别。 代码: SPAN标记有一个重要而实用的特性，即它什么事也不会做，它的唯一目的就是围绕你的HTML代码中的其它元素，这样你就可以为它们指定样式了。在此例中，标识符允许你将一个段落分成不同的部分。 还有一个标识符具有类似的功能， DIV也被用来在HTML文件中建立逻辑部分。但与SPAN不同，工作于文本块一级，它在它所包含的HTML元素的前面及后面都引入了行分隔。…
目前，几乎所有听说过因特网的人都知道什么是垃圾邮件。当收到一封天晓得从哪里来的邮件时人们也不再会感到惊讶了。垃圾邮件已经成为每一个电子邮件用户每天都必须面对的一件讨厌的事情。 既然这样，有什么办法能够摆脱垃圾邮件的骚扰吗?答案显然时否定的，原因就在于垃圾邮件还有它的生存空间，还有人上当受骗(你一定听说过“Nigerian letters”――这封信最早在1980年代中期出现，算是之后一系列相类似诈骗信的始祖)。无论如何，你能做的就是保护你的私人邮箱远离垃圾邮件流。打个比方，垃圾邮件就像下雨一样，你不能够停止下雨，但是你可以打一把伞站在干的地方或者悠闲地散步。 这里有两个主要的方式能够抵挡垃圾邮件:过滤垃圾邮件和小心谨慎让自己根本就不要收到垃圾邮件。第一个方法需要使用各种各样的客户端和服务端垃圾邮件过滤器;第二个方法不过就是小心保管好你的个人电子邮箱地址。我在这里着重介绍第二种方法。…
一天和友人共进晚餐。席间友人讲了一则笑话： 美国人、法国人、中国人在吹牛自已国家的酒好。 三个人谁也说服不了谁，于是决定找三只老鼠做实验。 第一只老鼠喝下美国人的酒，当即晕倒。 第二只老鼠喝下法国人的酒，手舞足蹈。 第三只老鼠喝下中国人的酒，一言不发，飞快地跑了。 于是美国人、法国人讥笑中国人：“你们中国的酒太差了，你看，老鼠喝完一点事都没有，跑得无影无踪了” 正说着，第三只老鼠却跑了回来，手里高举着一把菜刀，气急败坏地大骂： “他妈的，猫呢？ 友人说完，我等大笑。 后来过了好几天，一想起这个笑话都忍俊不禁。转而想到，这难道不是一则非常好的烈酒广告么？就以“他妈的，猫呢”为主题，以这个故事情节为电视广告，以这个故事的画面作平面广告，肯定能让消费者会心一笑，在大同小异的酒类广告中，独树一帜，一领风骚。…