css打造自己的博客園

    現在互聯網上提供的社區、博客、免費空間的網站有很多。像交友類的社區網站有myspace、facebook，國內的則有校內、億聚、占座等，而博客則有像博客中國、新浪博客、博客園等。我學習web前端技術也有一定的時間了，最近在博客園這個國內著名的開發網站上注冊了一個帳戶。昨天剛考完試，今天周末，有一把時間供自己揮霍。就開始自己整整博客。
    當然，自我臭屁一下，作為一個學css的csser。拿模板來對付自己也有點太不負責了吧。好，那我就自己設計一下自己的博客頁面吧。
    說干就干，具體的小步驟如下：
    1：打開自己的博客，在“管理”-“博客設置”中勾選“禁用模板默認CSS”復選框；
    2：用firefox的插件firebug查看一下自己的博客首頁的html文件結構（此步驟可選），查看頁面源代碼；
    3：在文本編輯器（如：Dreamweaver,Expresion Web,Editplus）中打開源文件，針對html設置css樣式；
    4：css樣式寫完后，預覽，直到自己滿意為止。然后將css代碼copy到“管理”-“博客設置”中“通過CSS定制頁面”的文本框中；
    5：預覽，自己的頁面就呈現在你面前了。
    可是，還有一個最大的問題是，一張頁面中完全不用圖片做背景或是設置其它的樣式那多不爽啊。我遇到的問題是自己的在css設置的背景圖片一個都沒顯示出來。所以頁面的質量也就大打折扣了。心想：應該要上傳以個圖片文件夾然后讓css文件讀取這個文件夾，圖片就出來了。可是找了半天都沒有找到上傳圖片的按鈕。
    最后找到了一個笨辦法：將用到的背景圖片上傳到相冊里。這樣圖片就會存在于網絡服務器上而不是本機上，然后在css文件中引用絕對路徑。這樣，背景圖片也就能順利顯示了，自己的頁面也就能夠完整地呈現在面前了。
    文章的最后想稍微談一下博客園個人主頁中html文件的結構，這樣就可以寫出各種漂亮的頁面出來了。這讓我想起了一個很著名的css網站——css禪意花園（www.csszengarden.com）。
    博客園的個人主頁的html主要分為5大塊：top,leftmenu,rightmenu,main,footer。其中主內容區的三大塊leftmenu,rightmenu,main水平方向并列顯示，可以設置它們分別向左、向右、向左浮動，再在footer添加清除浮動，這樣頁面的基本布局就差不多出來了。