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