最近一直在看XHtml和CSS方面的书，从昨天到今天，经过两天的努力，终于完成了我的第一个CSS作品。可能对于CSS的高手来说，完成这样一个设计只需要一到两个小时的时间。但对我这样一个菜鸟来说已经是很大的进步了。我相信经过我的不懈努力，最终一定可以设计出来漂亮而且有创意的作品。也希望和我一样喜欢CSS设计朋友们，我们一起努力，做出一个个漂亮的主题奉献给大家。

点击上面的图片你就可以看到完整的页面图，放在这里做一个纪念，也希望大家多起宝贵的意见和建议。

以下我把整个的设计过程写下来，做一个记录，也供喜欢网页设计的朋友们做参考。

一、创意

现在我还只是模仿别人的作品，我的这个设计就主要参考了Blogging Pro的设计和色彩，用了蓝色和橙色做主色，布局上采用简单的两栏布局，内容采用的是CSS Zen Garden上的内容。所以网页上都是英文的内容，以后我会考虑做一个中文内容的网页。

二、工具

我用的是ｗｉｎｄｏｗｓ系统自带的记事本软件和AAA Logo设计软件。我觉得要想真正的学好XHtml和CSS一定要从最基本的代码开始，不要使用那种所看即所得的软件。比如DreamWaver，这种软件虽然功能非常强大，设计起来也非常的快，但是使用这种软件对你的学习是不利的，先不说通过这些软件设计出来的作品有多少的冗余代码，最重要的，你不会明白在你做了一个网页布局之后，那些控制网页布局的代码发生了怎样的改变，那些控制设计的最根本的元素怎样发挥着作用。

所以我建议大家使用最基本的编码软件，就比如用ｗｉｎｄｏｗｓ系统自带的记事本软件。通过你的手一个字一个字地将代码敲出来，不仅可以让你快速地熟悉XHtml和CSS的语法和属性，而且你会看到在你每写上一句代码之后，你的网页设计会发生怎样的改变，每次我给CSS添加一个属性，看到网页发生了改变之后，会觉得特别的有趣和神奇。

另外给大家推荐AAA Logo设计软件，我的网页上的所有Logo，都是通过这个软件设计出来，非常的便捷，这个软件包含大量的Logo设计元素，如果你和我一样，对Photoshop这样复杂的设计软件根本摸不着头脑的话，那么我强烈建议你使用这个软件，通过它你可以设计出非常漂亮而且专业的Logo。

三、设计当中需要注意的几点问题

1、首先在设计一个网页之前，对于网页的整体布局应该画出一个草图，你的脑子里首先要有一个轮廓，这个轮廓就是你最终想设计出来的样子。有了这个轮廓之后，你再想办法用XHtml和CSS完成你的设计。刚开始学习XHtml和CSS的阶段，是不断熟悉代码的阶段，当你熟练地掌握XHtml和CSS之后，才是发挥创意的阶段。这时候你就可以熟练地使用XHtml和CSS完成各种各样复杂的设计了。

2、链接的样式必须有特定的顺序。最开始必须是a:link的样式，然后是a:visited的样式，最后才是a:hover的样式。必须严格按照这个顺序来，否则的话就会出错。

3、如何给网页添加图片的问题。如果能够使用CSS当中的Background-image属性来添加图片的话，就使用这种方法，实在不行的话再采用XHtml当中的img标签。在我的这个网页设计中，开头的图片和侧边拦的图片都是采用背景图片的方法添加的，正文段落中的标题也是图片的格式，但是是采用img标签的方式添加的，因为这些图片比较多不太容易定位。

四、这是我的第一个网页设计，很简单、粗陋，希望大家多起宝贵的意见和建议！我会继续努力的。