開個新帖,詳細的介紹一下如何建手機網(wǎng)站。(本人不是專家,如有錯誤,請詢問相關(guān)專業(yè)人士)
目前手機網(wǎng)站很少的原因是沒有好的程序來建,而傳統(tǒng)網(wǎng)站好的程序卻很多。我們可以采用拿來主義,一樣可以輕松的制作手機網(wǎng)站。dedecms就是目前不錯的一個系統(tǒng)。而且我們可以用火車頭等外部采集器來采集大量的內(nèi)容。所以我來說一下如合用dedecms來做手機網(wǎng)站。
傳統(tǒng)網(wǎng)站和手機網(wǎng)站的區(qū)別有兩個:
1:網(wǎng)頁協(xié)議,就是我們常說的wap(無線應用協(xié)議)。目前wap已經(jīng)發(fā)展到了2.0,也就是xhtml mobile,也就是我們能夠用普通瀏覽器就能看的手機網(wǎng)站。而用普通瀏覽器不能看的手機網(wǎng)站一般都是wap1.0.WML,貌似現(xiàn)在已經(jīng)過時,所以現(xiàn)在做一個比較時髦的wap2.0的網(wǎng)站。
2:網(wǎng)頁大小,要做到需要手機屏幕能夠閱讀的地步,具體多大看你的喜好了,我喜歡180像素寬的頁面,長度不限。
下面我說一下制作步驟:
鑒別一個頁面是不是wap網(wǎng)頁在于每個頁面源代碼最上面的協(xié)議聲明。一般dede的模板采用的是傳統(tǒng)網(wǎng)站的協(xié)議,如html 4.01 , xhtml 1.0.我們要做的是把模板的協(xié)議手工的給改一下,全部改成xhtml mobile 1.0: <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "
http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
這樣你的網(wǎng)頁就變成了手機wap2.0了,搜索引擎的爬蟲進來后也認為你這個是一個手機網(wǎng)站了。
(如果你想獨立建一個新的手機頁面,用dreamwaver的新建空白頁-頁面類型html或php-文檔類型xhtml mobile 1.0 就行了。)
一般dede的文章模塊需要4個模板:主頁-頻道-列表-文章。你得把這4個的源碼里面的協(xié)議都給改了。
剩下的就是改頁面大小,改好后,把原模板里面的多余的命令去掉,剩下的就是這幾個有用的命令:
文章模板:導航地址{dede:field name='position'/},文章標題{dede:field name="title"/} ,文章內(nèi)容{dede:field name='body'/}, 上下頁鏈接{dede:prenext get='pre'/}
{dede:prenext get='next'/} 。
列表模板:列表[field:title/]{/dede:list}
頻道模板:頻道[field:typename /]{/dede:type}{/dede:channelArtlist}
把這幾個代碼放在你新的小頁面上的需要的位置。頁面別的地方可以自主設(shè)計,放廣告代碼什么的。這樣你的模板就做好了。
放廣告代碼:你的頁面不能是html的后綴,因為目前廣告的解析不能在手機端完成,這樣就需要我們把dede生成的html改成php。分2步:1,在頁面設(shè)置里面改,在高級選項的命名規(guī)則里把后綴從html手工改成php。2,需要你把每個模板源碼里面的第一行加上這么一段話:
<?php echo '<?xml version="1.0" encoding="UTF-8"?>' ?> ,UTF-8可以改成你需要的編碼。這樣你的頁面生成后就是一個純的PHP頁面。就可以放廣告代碼了。
剩下的就是你采集資源放進數(shù)據(jù)庫了,然后通過批量生成,就可以做出一個有大量文章內(nèi)容的手機網(wǎng)站了。
一個例子:這個網(wǎng)站是用dedecms做的,不過是法語的,這是個法國旅游網(wǎng)站,你可以通過點擊以下欄目看一下效果:
1,輸入
http://voyage.mobi 2,主頁點擊第一項:paris進入到頻道欄目
5,欄目點擊第二項:Musées 進入博物館專題
6,列表里面隨便點一個,進入到單個文章(如:
http://voyage.mobi/pay/France/Paris/Musees/05-575.php)。每個博物館文章頁面里采集了博物館的地址,電話,郵編,簡介等。
我想,如果你會了的話,用dede采集什么內(nèi)容都是可以的。
檢驗:如何知道自己的手機網(wǎng)站是正確的格式,用W3C的程序檢驗一下就知道了。
http://validator.w3.org/ 輸入網(wǎng)址測試后,如果是紅字,底下會注明你頁面里面哪些有錯誤。如果是綠字,恭喜你,你的頁面就是純粹的合格的XHTML網(wǎng)站。
[
本帖最后由 edmondjj 于 2008-12-21 15:29 編輯 ]