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