WAP网页设计入门
一、配置WEB服務器 在設計WAP網頁時不論你使用的WAP開發工具是UP.SDK 或NOKIA WAP TOOKIT 或者ERICSSON WAPIDE,你都必須進行WEB服務器設置,故在此將常 見的幾種WEB服務器的設置介紹如下: 1、WINDOW NT 平臺的IIS a、啟動菜單->程序->WINDOWS NT OPTION PACK ->IIS4.0 b、右擊Internet Information Server的子項計算機名,在快捷菜單上選擇‘屬性’ c、在屬性頁面的下部,有一個‘文件類型(F)’按鈕,單擊此按鈕,會出現文件類型界面 d、單擊‘新增類型’按鈕,然后在相關的擴展名 欄中填寫 .wml ,在內容類型(MIME)欄中填寫 text/vnd.wap.wml e、單擊‘確定’按鈕 f、重復c、d、e 三步,再增加其他的MIME類型。 2、Apache Web Server on NT OR Solaries OR LINUX OR OTHER UNIX a、不管是NT 還是UNIX 或LINUX ,都是修改 Apache 安裝目錄下的conf/mime.types文件 b、在該文件中增加以下內容: text/vnd.wap.wml .wml image/vnd.wap.wbmp .wbmp application/vnd.wap.wmlc .wmlc text/vnd.wap.wmls .wmls application/vnd.wap.wmlsc .wmlsc c、存盤 d、重新啟動APACHE WEB SERVER 即可。 二、WAP網頁設計入門 這里介紹WAP協議標準組織所制定的標記語言WML,由于和以前介紹的HDML在手機瀏覽器專用網頁的特征上基本一致,所以概念部分就略去了, 直接講述語言。 1。基本規則 * WML使用XML文檔字符集,目前支持Unicode 2.0,和HDML不同,WML的所有標簽,屬性和規定的可接收值必須小寫,CARD的名字和變量也是 區分大小寫的。和HDML一樣,對于連續的空字符,只顯示一個空格。標簽內屬性的值必須用"或者'括起來,屬性名,=和值之間不能有空格 。對于不成對出現的標簽,必須在 > 前加 / ,比如
。在對變量的引用上和HDML基本相同,有: $(var1:esc) $(var1:noesc) $(var1:unesc) 三種形式,具體含義參見前面HDML的相關部分。在對保留字符的處理上也基本相同,對應的取代字符有: < < > > ? '&apos " " & & $ $$ 空格 ? - - 這里要指出的是在URL的傳遞過程中,用來連接參數的 & 必須轉化為 & 。 2。基本格式和文件頭 wml文件的一般格式: Some contents... 結構看上去和HTMl文件很類似,對于每一個DECK,在其文檔開頭必須指明以下的類型聲明。 千萬注意字母的大小寫。對于一個DECK,其文件大小最好不要超過1.2K。 標簽和HTML中的標簽一樣,用來表明這是一個WML的DECK,它有一個可選的xml:lang屬性來制定文檔的語言,比如表示文檔語言為中文。 和HTML一樣標簽包含了該DESK的相關信息。標簽之間可以包含一個標簽和多個標簽。 相當于HTML中的標簽,指定該DECK的訪問控制信息,它用兩個可選的屬性,domain用來指 定域,默認值為當前域,path用來指定路徑,默認值為"/",即根目錄。由于單獨使用,所以要用/結尾,以后對于類似的情況不再贅 述。 和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文件傳到客戶端之前,標簽是不是被中間代理刪除(因為傳輸的協議可能改變),默認值為false。 目前支持的meta數據: 指定DECK在手機內存緩存中的存儲時間段,默認的為30天(除非內存耗盡),在該期間,手機對于訪問過的DECK直接從緩存里調用。如果信息是對時間敏感的,可以用max-age指定DECK在緩存里的生存期,最小單位是秒,如果指定為0,則每次都需通過連接服務器來調用該DECK。 和類似于普通瀏覽器的書簽功能。當用戶將一個CARD做了書簽后,手機瀏覽器首先用一個標記記錄該CARD,這個標記默認的是標簽中的title屬性(以后會講到),然后當用戶選擇了該書簽以后,瀏覽器就會打開被記錄的URL。但是因為在默認的情況下,手機會記錄所有的DECK,所以,一般被用來使手機不要記錄當前的URL,即。此外,如果要為書簽指定不同于當前DRECk的URL,用。 一個DECK可以包含多個CARD,每個CARD的內容可能不止一屏顯示,注意DECK,CARD和屏幕顯示范圍的關系。一個CARD用和包含??梢园韵驴蛇x的屬性: *id屬性用來指定CARD的名字,可用來在CARD間跳轉,相當于在HTML中在頁內跳轉時用。 *title屬性用來作為書簽的標記,該屬性一般不會顯示在屏幕上。 *newcontext屬性,默認值為false,用來指示當跳轉到本CARD時,手機是不是要清除以前保留的信息,包括變量,堆棧里的歷史記錄,重新設置手機狀態等。 *ordered屬性,默認值是true,表明該CARD里的內容是按固定的順序顯示,還是按用戶的選擇來顯示。這點和HTMl不同,CARD頁面里的內容可以按一定的順序顯示,默認的是按線性順序顯示,即按代碼的順序,但是,要注意的是,以下三個標簽必須按以下順序來寫,(這和以后要講的“事件”有關)。這樣做是為了方便填表單,當ordered設置為true時,如果一個表單的內容不能在一屏里顯示完,就分成多屏顯示;當ordered設置為false時,手機可以顯示一個概要CARD來總結有效的選項,用戶可以從中選取表單選項來填寫。 *onXXX屬性,類似于HTML標簽中的onXXX屬性,用來捕捉事件,當事件被觸發時執行指定的操作(任務),在這里是轉向某個URL。 3。顯示文本 在文本的顯示上WML基本和HTML相同。文字段落包含在
,這里先替一下,在標單中如果有多個或者,其間不要用,否則會使手機瀏覽器認為是斷點而把表單分頁顯示。 文字的修飾標簽有、、、、、和,意義和HTML里的相同。 表格的顯示標簽也和HTML相近,使用、和來顯示,的title屬性用來給表格取個名字,columns屬性指定表的列數,不能為0,可選的align屬性和前面提到的一樣是對齊方式。表格中可以包含文字和圖片。 test1.wml -------------- Hello World! 1-1 1-2 2-1 2-2 4。顯示圖片 顯示圖片(1位黑白BMP圖片)的標簽一樣類似于HTML,,屬性中alt和src是必須要有的,其他可選。另外要注意的是要放在里,不能放 在和等功能健標簽和選單標簽里。 *alt屬性用來指定當手機不支持圖片顯示時用來顯示的文字。 *src屬性指定圖片的URL,但當有了以下的localsrc屬性時,手機瀏覽器就忽略src屬性。 *localsrc屬性用來指定顯示存在手機ROM中的圖標,如果找不到,則到UP.Link Server上去找。 *可選的align屬性用來表明圖片同當前行文本的對齊方式,默認值為bottom,可選to和middle。 *height、width、vspace、hspace屬性分別指定圖片的長寬和距環繞文字的間距,目前不是所有的WAP手機都支持這些屬性。 test2.wml --------------- 5。錨和任務 連接是HTML頁面里最基本的功能,在WML里也一樣用和來包括用來建立連接的文字,必選屬性href指 定了要打開的URL,可選的title屬性給該連接取個標記名字,這個名字將作為軟按鈕之一的ACCEPT鍵(詳見以前的HDML入門文章)的標記顯示在 屏幕的軟按鈕區,所以通常可以將屬性作為提示文字是用。 然而,以上的連接在WML里只是任務的一種情況,為了能夠使用其它任務,所以引進了新的標簽任務標簽 文 本,其實是當任務標簽為時的簡單表示方式。 test3.wml --------------- News Sports WML里的任務標簽有以下幾種,除了用于,還可以用在事件中: 1)用來指示瀏覽器顯示指定的URL,包括DECK的第一個CARD或者指定的CARD。語法如下: 其中href屬性為必選,其他為可選。sendreferer屬性表示是否傳遞調用href所指定的URL的頁面的URL,也就是當前頁的URL,即HTTP頭中的HTTP_REFERER,默認值為false,可選值為true。method和HTML中的表單FORM的method屬性一樣,指定表單是以get的方式還是post的方式遞交,以便cgi處理,默認的值為get,但如果未指定method但間存在,手機自動以post方式傳遞。accept-charset屬性可覆蓋在HTTP頭里指定的字符集,可以寫多個字符集,如accept-charset="UTF-8,US-ASCII, ISO-8859-1"。 可以看作是HTML表單FORM中的,通過它可以向指定的URL傳遞以“變量名/值”形式的數據。name和value屬性都是必選的。注意只有這里的變量是用來遞交給CGI程序的。 除了,還可以在和間加入一句或者多句,該語句的意思是,當觸發某一事件時,給變量賦值。 要注意的是,當和之間沒有任何語句時,要用的形式,這點比較特別,比如News。 2)用來將當前頁面的URL壓入URL歷史堆棧,并打開此前的URL,若該URL不存在,則無效。語法類似:,和之間可加入一句或多句,若不加,則必須變成的形式。 3)用來刷新當前的頁面,從而使得頁面內的變量刷新,語法為。 4),表示什么也不做,該標簽不能用在中,一般用在覆蓋DECK級的(以后會說明)。 6。顯示表單 類似于HTML的
。在對變量的引用上和HDML基本相同,有: $(var1:esc) $(var1:noesc) $(var1:unesc) 三種形式,具體含義參見前面HDML的相關部分。在對保留字符的處理上也基本相同,對應的取代字符有: < < > > ? '&apos " " & & $ $$ 空格 ? - - 這里要指出的是在URL的傳遞過程中,用來連接參數的 & 必須轉化為 & 。 2。基本格式和文件頭 wml文件的一般格式: Some contents... 結構看上去和HTMl文件很類似,對于每一個DECK,在其文檔開頭必須指明以下的類型聲明。 千萬注意字母的大小寫。對于一個DECK,其文件大小最好不要超過1.2K。 標簽和HTML中的標簽一樣,用來表明這是一個WML的DECK,它有一個可選的xml:lang屬性來制定文檔的語言,比如表示文檔語言為中文。 和HTML一樣標簽包含了該DESK的相關信息。標簽之間可以包含一個標簽和多個標簽。 相當于HTML中的標簽,指定該DECK的訪問控制信息,它用兩個可選的屬性,domain用來指 定域,默認值為當前域,path用來指定路徑,默認值為"/",即根目錄。由于單獨使用,所以要用/結尾,以后對于類似的情況不再贅 述。 和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文件傳到客戶端之前,標簽是不是被中間代理刪除(因為傳輸的協議可能改變),默認值為false。 目前支持的meta數據: 指定DECK在手機內存緩存中的存儲時間段,默認的為30天(除非內存耗盡),在該期間,手機對于訪問過的DECK直接從緩存里調用。如果信息是對時間敏感的,可以用max-age指定DECK在緩存里的生存期,最小單位是秒,如果指定為0,則每次都需通過連接服務器來調用該DECK。 和類似于普通瀏覽器的書簽功能。當用戶將一個CARD做了書簽后,手機瀏覽器首先用一個標記記錄該CARD,這個標記默認的是標簽中的title屬性(以后會講到),然后當用戶選擇了該書簽以后,瀏覽器就會打開被記錄的URL。但是因為在默認的情況下,手機會記錄所有的DECK,所以,一般被用來使手機不要記錄當前的URL,即。此外,如果要為書簽指定不同于當前DRECk的URL,用。 一個DECK可以包含多個CARD,每個CARD的內容可能不止一屏顯示,注意DECK,CARD和屏幕顯示范圍的關系。一個CARD用和包含??梢园韵驴蛇x的屬性: *id屬性用來指定CARD的名字,可用來在CARD間跳轉,相當于在HTML中在頁內跳轉時用。 *title屬性用來作為書簽的標記,該屬性一般不會顯示在屏幕上。 *newcontext屬性,默認值為false,用來指示當跳轉到本CARD時,手機是不是要清除以前保留的信息,包括變量,堆棧里的歷史記錄,重新設置手機狀態等。 *ordered屬性,默認值是true,表明該CARD里的內容是按固定的順序顯示,還是按用戶的選擇來顯示。這點和HTMl不同,CARD頁面里的內容可以按一定的順序顯示,默認的是按線性順序顯示,即按代碼的順序,但是,要注意的是,以下三個標簽必須按以下順序來寫,(這和以后要講的“事件”有關)。這樣做是為了方便填表單,當ordered設置為true時,如果一個表單的內容不能在一屏里顯示完,就分成多屏顯示;當ordered設置為false時,手機可以顯示一個概要CARD來總結有效的選項,用戶可以從中選取表單選項來填寫。 *onXXX屬性,類似于HTML標簽中的onXXX屬性,用來捕捉事件,當事件被觸發時執行指定的操作(任務),在這里是轉向某個URL。 3。顯示文本 在文本的顯示上WML基本和HTML相同。文字段落包含在
和
之間,align屬性指定該段文字的對齊方式,默認的是left,其他可選擇right和center;mode屬性指定當一行顯示不下所有的文字時是否自動換行,默認的是自動換行wrap,如果選nowrap,則在一行中顯示,瀏覽器會通過類似于水平滾動條的機制來顯示所有文字。 換行標簽也一樣為,這里先替一下,在標單中如果有多個或者
總結
- 上一篇: 新浪show虚拟视频 v3.1 官方版
- 下一篇: 服务器连接存储后系统启动不了,IBM服务