浅谈制作符合web标准的网站

Webgrin

　　版权声明：本文属原创文章，原文出自webgrin的个人官方网站<a href="http://www.webgrin.com/" target="_blank">http://www.webgrin.com/</a>，允许在保留此版权声明和本文完整性的前提下任意转载。<br />　　初次建设自己的小站<a href="http://www.webgrin.com/" target="_blank">www.webgrin.com/</a>，采用了符合web标准的技术，主要就是采用css布局，使用符合xhtml标准的页面。明显感到与以往制作网页的整体思路的不同。一个.css文件即可改变所有的网页。比起我最初用表格来设计网页不知省去了多少功夫，而且页面的体积缩小n倍。<br />　　下面浅谈一下我制作个人网站的经历，希望能对落伍的初次设计网站的朋友一点帮助。<br />　　由于我的网站刚起步，页面比较简单，以及本能上的不想使用盗版，所以没有采用Dreamweaver，网页编辑工具使用的是开源的Nvu。Nvu的确比较好用，但前提是必须自己具备手写html代码的能力。但是后来发现Nvu的css编辑工具虽然功能可以，但是不知怎么回事就是保存后的.css文件增加了许多特殊的字符，不方便再用简单的如windows的记事本之类的工具编辑，由于页面比较简单，后期就没有再使用Nvu。不过总体来说，Nvu仍然是一种功能强大的开源所见即所得的网页编辑工具，而且这也很大可能是我今后一段时间主要的网页制作工具。<br />　　最让我没有想到的是我的个人网站的几个简单的页面后期竟几乎全部是在Opera浏览器中编辑完成的。虽然Opera浏览器没有自带html编辑工具，但Opera浏览器的“显示源码（source）”功能可以以一种非常清晰的格式来显示html文本，也就是程序员所熟悉的首行缩进格式。这使得我可以非常方便的编辑我的网页，当然主要是手写html代码。<br />　　可以以一种基本手工的方法完成我的简单网站制作一方面主要是我的个人网站页面少，简单，更得益于.css这种符合web标准的技术。自己的简单经验就是，第一步，设计一个符合自己要求的.css样式，规划好一个页面中不同位置的样式（就是文本颜色，超链接颜色等等），第二步，按照需要向不同的页面里面添加不同的文字作品。<br />　　由于我的html和.css技术非常的初级，更没有资格在这里谈什么技巧，仅仅是以自己的制作经历向广大的站长朋友推荐使用xhtml＋css这一符合web标准的技术。另一方面，如果条件允许的话尽量学习手写一部分html代码，迟早你会遇到所见即所得工具（如Dreamweaver）所力不能及的地方，你会发现其实手写html代码更快，更简洁。<br />　　制作完成之后最好到w3c的官方网站上检验一下自己的网页是不是符合web标准。<br />　　XHTML校验：<a href="http://validator.w3.org/" target="_blank">http://validator.w3.org/</a><br />　　CSS2校验：<a href="http://jigsaw.w3.org/css-validator/" target="_blank">http://jigsaw.w3.org/css-validator/</a><br />　　由于本文写的比较仓卒，随心而写，所以错误在所难免，欢迎广大站长朋友指正，不胜感激！<br /><br />[<i> 本帖最后由 Webgrin 于 2006-6-2 17:04 编辑 </i>]

娃哈哈

是的 其实DIV+CSS 手写起来非常方便

dfhj

我习惯了用记事本。。。。