DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 新手建站入門教程⑧:輕松打造一個文章站
新手建站入門教程⑧:輕松打造一個文章站
編輯:前端技巧     
上一次的帖子我講到的是如何去做一個網頁,而網站就是有很多個網頁組成的,所以你要做的就是用前一貼中講到的方法,重復的去做多個頁面然後讓這些頁面互鏈就可以了,比如有名的淘寶28街就是這樣的一個網站。

        但是,可能朋友們都想到了一個問題,就是這麼幾十個全靜態的網頁,要做起來如果還算簡單的話,要做到網站的內容更新就有點麻煩了。比如要發表文章、要發布公告、要讓用戶來留言、評論等。這樣的功能要用上一節中講到的方法就無法實現了。那怎麼辦呢?其實淘寶28街就是用新手建站每日一帖⑦中的方法建立的一個網站,但是它一樣可以每天更新網站的內容、發布文章、用戶留言評論等。那他是怎麼做的呢?方法很簡單,加一個博客程序,然後就可以像江西seo一樣每天寫文章,用戶也可以留言評論了。淘寶28街站內添加的博客程序就是http://www.taotao28.com/blog/。

        要做一個這種可以快速方便發布文章,同時又可以讓用戶留言評論的網站,首先需要在你的空間安裝一個博客程序。這裡推薦Zblog博客程序,因為這個程序不但使用簡單,而且對SEO也很有好處。Zblog博客程序的介紹http://bbs.supadmin.com/thread-6471-1-3.html,Zblog博客程序的官方網址:http://www.rainbowsoft.org/。進入下載頁面之後會發現有兩個下載的鏈接,一個是自動安裝包,另一個是手動安裝包。兩個都一樣,只是手動安裝包裡有所有的文件,並且都要上傳到網站空間;自動安裝包裡只有兩個配置文件,安裝的時候設置一下就會從自動將程序安裝在網站空間內。

        因為之前有幾個剛開始使用Zblog程序的朋友使用自動安裝包的時候好像出了很多問題,所以我推薦新手用手動安裝包,今天也以手動安裝包為例。如果你下載了自動安裝包,裡面會有一個使用手冊,裡面會有告訴你怎麼安裝。

下載了手動安裝包之後,在你的電腦上解壓後可以看到裡面有很多的文件。如下圖:

        除了最後兩個說明文檔之外,其余的所有文件和文件夾都需要上傳到你的網站空間。上傳的時候不需要對文件進行做任何的更改,直接用FlashFTP軟件上傳即可。等上傳完畢後,再打開你所安裝程序的網址或路徑。

        比如我將程序上傳到了根目錄(什麼是根目錄?),我的域名是www.yi7.org,那麼我就直接在浏覽器中輸入我的域名;像掏寶28街這樣的http://www.taotao28.com/blog/,他就是將博客程序上傳到了blog目錄,那麼他就應該在浏覽器中輸入http://www.taotao28.com/blog/。

        按照上面的方法第一次打開程序所在的地址時,程序都會自動跳轉到安裝頁面,如下圖所示:

 

        網站的地址和數據庫,程序都會自動識別,你需要做的只是設置一下管理員的名稱和密碼;這個管理員的名稱和密碼,也就是你用來登陸博客程序後台發文章的用戶名和密碼。設置完畢後會提交,然後系統會提示你是回到首頁還是登陸後台。這樣博客的程序就安裝完畢了,你可以進入你博客的首頁浏覽一下效果,也可以通過http://博客路徑/login.asp去登陸後台。登陸後台你就可以發布文章、刪除管理文章、管理評論、管理友情鏈接、甚至修改模板等。如下圖所示:

        發布文章和管理文章都極其簡單,你需要做的就是先將後台熟悉一遍;你可以隨便發布一個文章試試,友情提醒:發布文章之前需要先建一個分類,否則不能發布文章。同時,你也可以在“網站設置管理”那設置一下你的網站名。

        這樣就建立了一個簡單的可以發布文章的網站,同時用戶還可以發表評論和留言。這樣一來,你只要每天寫幾篇文章那你的網站就能每天更新內容了。以新手建站每日一帖⑦中所講的全靜態的網站為例,你只需要用博客程序建一個子目錄,然後寫了新博客之後就將新文章的標題和鏈接插入到首頁的合適位置即可。這樣就既更新了網站首頁的內容,又通過博客程序更新了整個網站的內容。這樣就解決了靜態頁面的網站不方便更新內容的問題。同時,以前我還寫過一篇靜態頁面如何利用博客程序來更新的文章,這又是另一種利用博客來更新網站的方法。

        好了,今天就寫到這裡。利用今天所講到的內容,就可以簡單的建立一個文章站了。但是,這樣的文章站只能自己發布文章,用戶只能發表評論和留言,要建一個用戶可以注冊成為會員、用戶也可以在線投稿的網站,該怎麼做呢?請看下一貼,如何建一個門戶網站。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved