我没有看到过关于这种清单的文章，于是，我就自己创建了一篇。作为一名设计师， web程序部分的编写一直是我最困难的部分。但现在有很多非常棒的辅导教程来指导我们怎么使用一些简单的XHTML + CSS去创建惊人的布局效果，他们会解释真正发生在事件背后的的每一个步骤。学习怎么正确地使用CSS，创建布局，忘掉表格布局，享受真正的CSS布局的 强大，然后, 良好地使用《43个PSD转XHTML, CSS辅导教程》！

1.

在这第一个视频博客网站中，我开始转变为使用Adobe Photoshop模式来创建真正的基于CSS的网站。这里聚集很多不同类型的人，我相信，随着时间的转移将会有更多的侧重点。

2.

3.

4.

5.

6.

7.

大量的通过Illustrator创建站点的辅导教程，Drupal编写的源代码，符合标准的XHTML和CSS。

完整的教程索引:

8.

9.

 

在这快速指南，我将讨论如何建立一个工整的简单效果的菜单。我在liDock上作了配音，因为当鼠标移动到上面时，菜单的大小会随之缩放，就像OS-X上的节点(the dock on OS-X)，也是因为这是一个列表菜单。

10.

11.

12.

13.

14.

15.

16.

17.

18.

19.

20.

这篇教程会教导您怎么使用Adobe Photoshop来创建整洁的、漂亮的垂直效果的菜单。

21.

22.

23.

24.

25.

26.

27.

28.

29.

30.

31.

32.

33.

34.

35.

36.

37.

38.

39.

40.

41.

42.

43.

好了，现在您应该已经对创建标准兼容的XHTML + CSS布局有了非常深刻的基础。应用这些技术，在日后，我应该还会发布一篇关于Photoshop布局的辅导文章。

板凳 翻译