demo.txt

学习 ASP.NET 2.0 从 XHTML 开始

下面让我们来写一个简单的网页，了解一下HTML与XHTML的区别。

打开Dreamweaver，新建一个HTML文档，Dreamweaver为我们自动生成了XHTML中必要的文档注释及声明命名空间
我们只需要在Body区域中编写自己的代码即可。

下面我们来写一个网页的基本框架，一般的网站首页常用3栏式结构，
如果按传统的HTML设计习惯我们需要设计几个看不到的表格来完成整体布局。再将具体内容放入这些表格内。

以800*600分辨率为例，这个主表格的宽度应该是760像素，
为了让分辨率高于800*600时整个表格居中显示需要指定table的align属性为center
在这个主表格中实现分栏。

Demo：Layout_1

这个看似很正常的框架设计完成了，可是她真的符合要求吗？

打开Visual Studio 2005，让我们把同样的代码再写一遍，答案很快就可以看到了。

Demo：Layout_2

Dreamweaver对代码的验证是极宽松的，宽松的程度以至于等同没有验证！

虽然我们用符合要求的写法解决了问题，可是看一下我们写的代码，工作量好像更大了……

其实这种写法是不合理的，且不具有重用性。
那我们应该怎么写呢？

Demo：Layout_3

这只是一个开始，当我们熟练掌握这种方法后会感觉她可以提高我们的工作效率几倍甚至几十倍。

到这里我们只是了解了将不推荐使用的属性用合理的CSS样式做替换而未真正接触到XHTML的语法结构，
其实XHTML遵循的是XML标准，只要按XML标准书写就可以了，
也就是所有的标记一定要有对应的标记关闭，属性值一定要有成对的引号。
如Html我们可以这样写：

<IMG Src=http://wildknight.vicp.net/logo.gif Align=absMiddle>

而在XHTML中必须将其写成：

<img alt="荒野新闻系统" src="http://wildknight.vicp.net/logo.gif" />

注：XHTML中还规定所有标记及属性必须用小写。

这是我们的第一课，主要介绍了一下XHTML，
这些内容看似很容易但对于一个习惯于传统HTML编写者来说想迅速的接受这种写法还是有一定难度，
不管你觉得难还是简单，*练*才是最重要的。

下一课主要介绍VS 2005开发环境。