网站制作技术-网站制作--3P代码网
[2008-09-15 ] 第1天:选择什么样的DOCTYPE
前言
大家好！这个系列文章是按阿捷自己制作这个站点的过程编写的。之前阿捷也一直没有制作过一个真正符合web标准的网站。现在边参考国外资料边制作，同时把过程中的心得和经验记录下来，希望对大家有点帮助...
[2008-09-15 ] 第2天:什么是名字空间
DOCTYPE声明好以后，接下来的代码是：
通常我们HTML4.0的代码只是，这里的"xmlns"是什么呢？
这个"xmlns"是XHTML namespace的缩写，叫做"名字空间"声明。名字空间是什么作用呢？阿捷自己的理解是：
由于xml...
[2008-09-15 ] 第3天:定义语言编码
第三步是定义你的语言编码，类似这样：
为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO...
[2008-09-15 ] 第4天:调用样式表
用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不...
[2008-09-15 ] 第5天:head区的其他设置
这些技巧主要讲meta标签设置的，其实与符合web标准关系不大，只要注意在最后加"/"关闭标签就可以，但是既然是入门教程，就写得详细一点吧。
收藏夹小图标
如果你将本站加入收藏夹，可以看到在收藏夹网址之前...
[2008-09-15 ] 第6天:XHTML代码规范
在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。
1.所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例...
[2008-09-15 ] 第7天:CSS入门
在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。
CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。
1.基本语法规...
[2008-09-15 ] 第8天:CSS布局入门
CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性...
[2008-09-15 ] 第9天:第一个CSS布局实例
接下来开始要真正设计布局了。和传统的方法一样，你首先要在脑海里有大致的轮廓构想，然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素，因为web标准更关注结构和内容，实际上它与网页的...
[2008-09-15 ] 第10天:自适应高度
如果我们想在3列布局的最后加一行页脚，放版权之类的信息。就遇到必须对齐3列底部的问题。在table布局中，我们用大表格嵌套小表格的方法，可以很方便对齐三列；而用div布局，三列独立分散，内容高低不同，就...
[2008-09-15 ] 第11天:不用表格的菜单
布局初步搭建起来，我开始填充里面的内容。首先是定义logo图片：样式表：#logo {MARGIN: 0px;padding:0px;WIDTH: 200px;HEIGHT:80px;}
页面代码：
以上代码现在应该容易理解。先在CSS定义了一个logo的层，然...
[2008-09-15 ] 第12天:校验及常见错误
辛苦了好多天，我们努力学习使用XHTML+CSS来重新设计我们的网站。那么我们如何知道自己制作的页面真的符合web标准？W3C和一些志愿者网站提供了在线校验程序，来帮助我们检查页面是否符合标准，并提供了修正...
[2008-09-15 ] 采访Eric Meyer的10个问题
译者：阿捷 原文：webstandardsgroup.org
译者对Eric Meyer的介绍
Eric A. Meyer从1993年开始做网络方面的工作，受雇于Netscape公司做标准设计培训师。Eric在这个行业中相当有名，他经常就web标准、跨浏览器...
[2008-09-15 ] CSS比表格更难吗？ 译者：阿捷 原文：Tables My Ass
htmldog 站点以提供教程帮助初学者学习 HTML和CSS而闻名。本文是htmldog站点上2004年5月14日的一篇文章。原名是Tables My Ass，英文的意思大致是"可笑的表格布局者"或者"可笑...
[2008-09-15 ] 通向web标准之路 译者：阿捷 原文：A Roadmap to Standards
作者前言
今天下午，我的一个朋友问我：对于一个想了解web标准的老网页设计师有什么建议。
我想将我的email回复贴在这里让更多人看见将是一个很好的范例。我的回复...
[2008-09-15 ] Flash页面如何通过校验
1.embed是非法的
标签是Netscape的私有标签，虽然标签应用广泛存在，但是从HTML3.2,HTML4.0到XHTML1.0，W3C都没有收录这个标签。使用标签的页面将不能通过W3C校验。
2.应该用object
W3C推荐的是标签。甚至在...
[2008-09-15 ] 理解表现和结构相分离
对于初学者，我们常看见web标准的好处之一是“能做到表现和结构相分离”，那这到底是什么意思呢？我将以一个实际的例子来详细说明。首先我们必须先明白一些基本的概念：内容、结构、表现和行为。
1.内容
内...
[2008-09-15 ] CSS2盒模型的3D示意图
CSS2中的盒模型是关系到我们排版定位的关键，例如就遵循盒模型规范。盒模型定义的margin，background-color，background-image，padding ，content，border，初学者经常会搞不清楚它们之间的层次、关系和相...
[2008-09-15 ] CSS基本布局16例
以下布局资料原作者：Owen Briggs
单行单列
单行单列1：采用float浮在左上角，固定宽度。
单行单列2：固定在左上角，固定宽度，采用的是绝对(absolute)定位。
单行单列3：固定在左上角，不固定宽度，采用百...
[2008-09-15 ] 为什么要抛弃HTML
“为什么要抛弃HTML?”这个问题如果展开说又臭又长，我尽量简单吧：
HTML发展到今天存在三个主要缺点：
1.太简单。不能适应现在越多的网络设备和应用的需要。比如手机、PDA、信息家电都不能直接显示HTML。
...
