解讀WAP網站建設全攻略教程(2)_建站經驗教程
推薦:淺談圖書館網站建設網站的特色性建設則是一個網站能否區別于其他網站的重要特征, 是其能否吸引讀者的關鍵。建設圖書館網站不是一步到位、一蹴而就的事, 主頁制作需要精心規劃設計,要不斷充實網站的資源。
WML學習(二)
基本格式和文件頭
wml文件的一般格式:
以下為引用的內容: 《?xml version=”1.0“?》 《!DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》 《wml》 《head》 《access/》 《meta.。../》 《/head》 《card》 Some contents.。. 《/card》 《wml》 |
結構看上去和HTMl文件很類似,對于每一個DECK,在其文檔開頭必須指明以下的類型聲明:
以下為引用的內容: 《?xml version=”1.0“?》 《!DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》 |
千萬注意字母的大小寫。對于一個DECK,其文件大小最好不要超過1.2K。
《wml》標簽和HTML中的《html》標簽一樣,用來表明這是一個 WML的DECK,它有一個可選的xml:lang屬性來制定文檔的語言,比如《wml xml:lang=”zh“》表示文檔語言為中文。
和HTML一樣《head》標簽包含了該DESK的相關信息。《head》 標簽之間可以包含一個《access》標簽和多個《meta》標簽。
《access domain=”域“ path=”/路徑“ /》相當于HTML中的《BASE》標簽,指定該DECK的訪問控制信息,它用兩個可選的屬性,domain用來指定域,默認值為當前域, path用來指定路徑,默認值為”/“,即根目錄。由于 《access》單獨使用,所以要用/結尾,以后對于類似的情況不再贅述。
《meta 屬性 content=”值“ scheme=”格式“ forua=”true|false“/》 和HTML中的類似,提供了該DECK的meta信息。屬性是必選的,包括一下三種情況name=”name“ UP.Link Server忽略meta數據
http-equiv=”name“ UP.Link Server將meta 數據轉為 HTTP 響應頭(同HTML)
user-agent=”agent“ UP.Link Server 直接將 meta 數據傳給手機設備,content屬性也是必選的,其內容根據屬性而定。scheme屬性目前尚不支持。forua 為可選屬性,指定在該wml文件傳到客戶端之前,《meta》標簽是不是被中間代理刪除(因為傳輸的協議可能改變),默認值為false。
目前支持的meta數據:
《meta http-equiv=”Cache-Control“ content=”max-age=3600“/》指定DECK在手機內存緩存中的存儲時間段,默認的為30天(除非內存耗盡),在該期間, 手機對于訪問過的DECK直接從緩存里調用。如果信息是對時間敏感的,可以用max-age指定DECK在緩存里的生存期,最小單位是秒, 如果指定為0, 則每次都需通過連接服務器來調用該DECK。
《meta user-agent=”vnd.up.markable“ content=”false“/》和《meta user-agent=”vnd.up.bookmark“ content=”指定的URL“/》 類似于普通瀏覽器的書簽功能。當用戶將一個CARD做了書簽后,手機瀏覽器首先用一個標記記錄該CARD, 這個標記默認的是《card》標簽中的title屬性(以后會講到),然后當用戶選擇了該書簽以后,瀏覽器就會打開被記錄的URL。但是因為在默認的情況下,手機會記錄所有的DECK,所以,一般《meta》被用來使手機不要記錄當前的URL,即《meta user-agent=”vnd.up.markable“ content=”false“/》。此外, 如果要為書簽指定不同于當前DRECk的 URL,用《meta user-agent=”vnd.up.bookmark“ content=”指定的URL“/》。
一個DECK可以包含多個CARD,每個CARD的內容可能不止一屏顯示,注意DECK,CARD和屏幕顯示范圍的關系。一個CARD用《card》和《/card》包含。《card》可以包含以下可選的屬性:
《card id=”name“ title=”label“ newcontext=”false“ ordered=”true“ onenterforward=”url“ onenterbackward=”url“ ontimer=”url“》
*id屬性用來指定CARD的名字,可用來在CARD間跳轉,相當于在HTML中在頁內跳轉時用《A NAME=”jumpHere“》。
*title屬性用來作為書簽的標記,該屬性一般不會顯示在屏幕上。
*newcontext屬性,默認值為false, 用來指示當跳轉到本CARD時,手機是不是要清除以前保留的信息,包括變量,堆棧里的歷史記錄,重新設置手機狀態等。
*ordered屬性,默認值是true,表明該CARD里的內容是按固定的順序顯示, 還是按用戶的選擇來顯示。這點和HTMl不同,CARD 頁面里的內容可以按一定的順序顯示,默認的是按線性順序顯示,即按代碼的順序, 但是,要注意的是,以下三個標簽必須按以下順序來寫《onevent》《timer》《do》, (這和以后要講的“事件”有關)。這樣做是為了方便填表單,當ordered設置為true時,如果一個表單的內容不能在一屏里顯示完,就分成多屏顯示;當ordered設置為false時, 手機可以顯示一個概要CARD來總結有效的選項,用戶可以從中選取表單選項來填寫。
*onXXX屬性,類似于HTML標簽中的onXXX屬性,用來捕捉事件,當事件被觸發時執行指定的操作(任務),在這里是轉向某個URL。
WML學習(三)
顯示文本
在文本的顯示上WML基本和HTML相同。文字段落包含在《p align= ”alignment“ mode=” wrapmode“》和《/p》之間,align屬性指定該段文字的對齊方式,默認的是left,其他可選擇right和center;mode屬性指定當一行顯示不下所有的文字時是否自動換行,默認的是自動換行wrap,如果選nowrap,則在一行中顯示,瀏覽器會通過類似于水平滾動條的機制來顯示所有文字。
換行標簽也一樣為《br/》,這里先替一下,在標單中如果有多個《input》或者《select》,其間不要用《br/》,否則會使手機瀏覽器認為是斷點而把表單分頁顯示。
文字的修飾標簽有《b》、《i》、《u》、《em》、《strong》、《big》和《small》,意義和HTML里的相同。
表格的顯示標簽也和HTML相近,使用《table title=”name“ align=”left|right|center“ columns=”列數“》、《tr》和《td》來顯示,《table》的title屬性用來給表格取個名字,columns屬性指定表的列數,不能為0,可選的align屬性和前面提到的一樣是對齊方式。表格中可以包含文字和圖片。
test1.wml
--------------
以下為引用的內容: 《?xml version=”1.0“?》 《!DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org/DTD/wml_1.1.xml“》 《wml》 《card》 《p align=”center“》 《i》Hello《/i》《br/》 《b》《i》World!《/i》《/b》 《table title=”mytable“ align=”right“ columns=”2“》 《tr》 《td》1-1《/td》 《td》1-2《/td》 《/tr》 《tr》 《td》2-1《/td》 《td》2-2《/td》 《/tr》 《/table》 《/p》 《/card》 《/wml》 |
顯示圖片
顯示圖片(1位黑白BMP圖片)的標簽一樣類似于HTML,《img alt=”text“ src=”url“ localsrc=”icon“ align=”left“ height=”n“ width=”n“ vspace=”n“ hspace=”n“/》,屬性中alt和src是必須要有的,其他可選。另外要注意的是《img》要放在《p》里,不能放在《do》和《option》等功能健標簽和選單標簽里。
*alt屬性用來指定當手機不支持圖片顯示時用來顯示的文字。
*src屬性指定圖片的URL,但當有了以下的localsrc屬性時,手機瀏覽器就忽略src屬性。
*localsrc屬性用來指定顯示存在手機ROM中的圖標,如果找不到,則到UP.Link Server上去找。
*可選的align屬性用來表明圖片同當前行文本的對齊方式,默認值為bottom,可選to和middle。
*height、width、vspace、hspace屬性分別指定圖片的長寬和距環繞文字的間距,目前不是所有的WAP手機都支持這些屬性。
test2.wml
---------------
以下為引用的內容: 《?xml version=”1.0“?》 《!DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org /DTD/wml_1.1.xml“》 《wml》 《card》 《p align=”center“》《img alt=”:)“ src=”xxx.bmp“ localsrc=”smileyface“/》《/p》 《/card》 《/wml》 |
WML學習(四)
錨和任務
連接是 HTML 頁面里最基本的功能, 在 WML 里也一樣用 《a href=”url“ title=”label“》 和 《/a》來包括用來建立連接的文字,必選屬性href指定了要打開的URL,可選的title屬性給該連接取個標記名字,這個名字將作為軟按鈕之一的ACCEPT鍵(詳見以前的HDML入門文章)的標記顯示在屏幕的軟按鈕區,所以通常可以將屬性作為提示文字是用。
然而,以上的連接在WML里只是任務的一種情況,為了能夠使用其它任務,所以引進了新的標簽《anchor title=”label“》任務標簽 文本《/anchor》,《a》其實是當任務標簽為
《go/》時的簡單表示方式。
test3.wml
---------------
以下為引用的內容: 《?xml version=”1.0“?》 《!DOCTYPE wml PUBLIC ”-//WAPFORUM//DTD WML 1.1//EN“ ”http://www.wapforum.org /DTD/wml_1.1.xml“》 《wml》 《card》 《p》 《anchor title=”Link1“》《go href=”test1.wml“/》News《/anchor》《br/》 《a title=”Link2“ href=”test2.wml“》Sports《/a》 《/p》 《/card》 《/wml》 |
WML里的任務標簽有以下幾種,除了用于《anchor》,還可以用在事件中:
1)《go》用來指示瀏覽器顯示指定的URL,包括DECK的第一個CARD或者指定的CARD。語
法如下:
以下為引用的內容: 《go href=”url“ sendreferer=”false|true“ method=”get|post“ accept-charset =”charset“》 《postfield name=”name“ value=”value“/》 《setvar name=”name“ value=”value“/》 《/go》 |
其中href屬性為必選,其他為可選。sendreferer屬性表示是否傳遞調用href所指定的URL的頁面的URL,也就是當前頁的URL,即 HTTP 頭中的HTTP_REFERER,默認值為false,可選值為true。method和HTML中的表單FORM的method屬性一樣,指定表單是以get的方式還是post的方式遞交,以便cgi處理,默認的值為get,但如果未指定method但《go》《/go》間存在《postfield》,手機自動以post方式傳遞。accept-charset 屬性可覆蓋在HTTP頭里指定的字符集,可以寫多個字符集,如accept-charset=”UTF-8,US-ASCII, ISO-8859-1“。
《postfield name=”name“ value=”value“/》可以看作是HTML表單FORM中的《INPUT TYPE=”HIDDEN“ NAME=”變量名“ VALUE=”值“》,通過它可以向指定的URL傳遞以“變量名/值”形式的數據。name和value屬性都是必選的。注意只有這里的變量是用來遞交給CGI程序的。
除了《postfield》,還可以在《go》和《/go》間加入一句或者多句《setvar name=”name“ value=”value“/》,該語句的意思是,當觸發某一事件時,給變量賦值。
要注意的是,當《go》和《/go》之間沒有任何語句時,要用《go/》的形式,這點比較特別,比如《anchor title=”Link1“》《go href=”test.wml“/》News《/anchor》。
2)《prev》用來將當前頁面的URL壓入URL歷史堆棧,并打開此前的URL,若該URL不存在,則《prev》無效。語法類似《go》:《prev》《setvar name=”name“ value=”value“/》《/prev》,《prev》和《/prev》之間可加入一句或多句《setvar name=”name“ value=”value“/》,若不加,則必須變成《prev/》的形式。
3)《refresh》用來刷新當前的頁面,從而使得頁面內的變量刷新,語法為《refresh》《setvar name=”name“ value=”value“/》《/refresh》。
4)《noop》,表示什么也不做,該標簽不能用在《anchor》中,一般用在覆蓋DECK級的《do》(以后會說明)。
分享:給新手參考的建站經歷一個偶然的機會我就有了想建站的沖動!一開始還是比較迷茫的,不知道從何入手。 于是在網上下了DW8軟件開始學習,因為沒有老師,只好在網上下了一些最基本的教程來學習,學習了一段時間之后感覺有點郁悶吧。是懂得了一點操作了,但總是做得不盡人意呀。 似懂
- 相關鏈接:
- 教程說明:
建站經驗教程-解讀WAP網站建設全攻略教程(2)。