43個實例xHTML+CSS(DIV+CSS)網頁及導航佈局教程

8 十一月

1. 將PSD源文件轉換XHTML教程

DIV+CSS教程

2. 教你如何創建水平滾動網站佈局

xHTML+CSS教程

3. 從PSD到xHTML,按部就班教你創建DIV+CSS佈局

DIV+CSS實例教程

4. 從零開始創建CSS佈局

xHTML+CSS實例

5. 從零開始教您創建一個華麗高檔的網頁-xHTML+CSS教程

感興趣的話也可以看看這個實例的設計教程,已譯成中文網頁設計教程:使用Photoshop設計一個高檔時尚的網頁

DIV-CSS

6.4個簡單的教程教你將PSD製作成CSS HTML

DIV+CSS教程

7.使用Drupal創建Killer樂隊網站:6篇系列教程

這是個非常棒的關於使用Illustrator製作頁面,Drupal(世界最著名的CMS系統之一)編碼,符合標準的xHTML+CSS

完整教程索引: 第一部分:使用Illustrator設計頁面第二部分:使用Illustrator切圖第三部分:寫xHTML 第四部分:Drupal主題模板第五部分:Drupal管理第六部分:總結和一些附加資源

xHTML+CSS教程

8.教你如何使用CSS創建性感的按鈕

DIV+CSS實例教程

9.很酷的水平菜單懸停變大效果

xHTML+CSS實例

10.CSS模板教程

DIV-CSS

11.控製文本漸變效果CSS教程

DIV+CSS教程

12.CSS超大背景教程

xHTML+CSS教程

13.將PSD效果圖轉換成HTML

DIV+CSS實例教程

14. PSD切圖和頁面的實現

xHTML+CSS實例

15. 模糊背景效果

DIV-CSS

16. 使用CSS Sprites(將圖片集合在一張圖片中)技術教程

DIV+CSS教程

17. 手繪風格CSS導航按鈕

xHTML+CSS教程

18.創建類似Crazy Egg價格列表效果的表格列高亮效果

DIV+CSS實例教程

19.CSS菜單教程

xHTML+CSS實例

20. Photoshop教程+切片+CSS編碼

這個教程將教你使用Photoshop製作簡潔的縱向菜單。

DIV-CSS

21. 為網頁模版切片並用CSS編碼

DIV+CSS教程

22. 為你的第一個PSD網頁效果圖編碼教程

xHTML+CSS教程

23. 使用簡單的操作完成複雜的CSS佈局實例

DIV+CSS實例教程

24. 使用CSS來讓你的頁腳固定

xHTML+CSS實例

25. 教你如何將PSD轉換成xHTML-視頻教程

DIV-CSS

26.高級CSS導航實例教程

DIV+CSS教程

27. 教程:為你的DIV+CSS佈局編碼

xHTML+CSS教程

28. 教你如何為網頁變換樣式

DIV+CSS實例教程

29. 浮動教程

xHTML+CSS實例

30. CSS切片教程:選擇正確的佈局

DIV-CSS

31. 使用Prototype和Scriptaculous創建簡單、智能的手風琴效果

DIV+CSS教程

32. CSS Sprites +圓角

xHTML+CSS教程

33. 簡單3步製作圓角佈局

DIV+CSS實例教程

34. CSS樣式教程

xHTML+CSS實例

35. 轉換Photoshop效果圖

DIV-CSS

36. 製作CSS縱向菜單

DIV+CSS教程

37. 使用CSS固定頁腳背景圖

xHTML+CSS教程

38. 一個簡單的散列佈局啟蒙教程

DIV+CSS實例教程

39. 兩列佈局CSS教程

xHTML+CSS實例

40. CSS佈局技巧:完成100%高度

DIV-CSS

41. 附帶一個’behavior’文件的縱向CSS菜單

DIV+CSS教程

42. 光滑的設計,HTML實例

xHTML+CSS教程

43. DIV+CSS佈局教程

DIV+CSS實例教程

==============================================

轉至翻譯原文: 43個實例xHTML+CSS(DIV+CSS)網頁及導航佈局教程 (暴風彬彬)

Hello world!

8 十一月

Welcome to WordPress.com. After you read this, you should delete and write your own post, with a new title above. Or hit Add New on the left (of the admin dashboard) to start a fresh post.

Here are some suggestions for your first post.

  1. You can find new ideas for what to blog about by reading the Daily Post.
  2. Add PressThis to your browser. It creates a new blog post for you about any interesting  page you read on the web.
  3. Make some changes to this page, and then hit preview on the right. You can always preview any post or edit it before you share it to the world.