摘要：
今天是这个连载的最后一部分，内容关于网页的布局。废话少说，大家先看我做的一个范例网页，请点击进入。然后，我对这个范例做一点解释。================从布局上看，世界上所有的网页，大多由三个部分构成：* Header（头部）* Footer（尾部）* Content（内容区）一般来说，Header总是在网页的上方，Footer总是在网页的下方，Content是中间的一大块。在 Content中又可以分成很多栏，从一栏式到三栏式都很常见。我们的目的是通过CSS文件，实现栏位和布局的自动调整。网上有很多现成的布局模板，我采用的是Tripoli项目中的布局模板，然后做了一些修改。它要求的网 阅读全文
摘要：
今天，我要写的是CSS文件的模块化。如果你看过CSS文件，就会知道很难看懂它。每个CSS文件有许多行，每一行就是一条命令，可以放在文件的任何位置，都能够同样生效，而且后面的行随时可以覆盖前面的行的设置。所以，阅读CSS文件就好像猜谜一样，必须努力将不同的线索拼起来，令人非常痛苦，这直接导致了日后难于维护和修改。考虑到这一点，很早就有人提出了CSS文件的模块化，就是将相关的设置都放在一起。一般来说，CSS中的设置可以分成下面几个模块：* typography（字体）* colour（颜色）* link（链接）* forms（表单）* layout（布局）* navigation（导航）这些模块当 阅读全文
摘要：
我经常写网页。很多人喜欢用Dreamweaver，但是我的习惯是直接手写代码。虽然那样看上去很原始，但是能够做到对网页最精确的控制，并且减少了不必要的冗余代码。手写代码最麻烦的地方在于，每次都必须写一些重复性的代码，比如<head>和<body>这样的标签。所以，这两天我就在做一个模板，将那些重复性的代码都事先写好，以后写网页的时候，只要直接写内容部分就可以了。下面就是我制作模板的过程，也顺便整理了一下相关的HTML和CSS知识。我想对需要自己设计网页的朋友，应该都是有用的。因为内容比较多，需要分三次才能贴完。今天是第一部分"HTML模板"。==== 阅读全文