v WML xml version1 0 encodingksc5601 1987 DOCTYPE

v. WML 문서 구조 살펴보기 <? xml version="1. 0" encoding="ks_c_5601 -1987"? > <!DOCTYPE wml

v. WML 문서 실행 시뮬레이터 Openwave SDK 6. 2 시뮬레이터 이용 -[http: //www. anybil.

v<template> 태그 <? xml version="1. 0" encoding="ks_c_5601 -1987"? > <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML

v<noop> 태그 [예제 6 -2 -4] 라벨 지우기 [예제 6 -2 -3]의 예제에서 a

v 애니빌더에서 자동 생성된 wml의 head 정보 <head> <meta http-equiv="cache-control" content="max-age=0" forua="true" /> <meta

v표 관련 태그 <table> / <tr> / <td> [예제 6 -3 -4] 표 만들기

v<img> 태그 [예제 6 -3 -6] 그림 출력 문서에 그림을 삽입해서 꾸며 봅니다. <?

v픽토그램 삽입 태그 [예제 6 -3 -7] 픽토그램 출력 문서에 그림을 삽입해서 꾸며 봅니다.

v<a> 태그 [예제 6 -4 -1] 하이퍼링크 <a> 태그를 사용해서 사용자가 목록을 선택할 수

v <anchor> 태그 [예제 6 -4 -2] 하이퍼링크 <anchor> 태그를 사용해서 링크를 실행할 수

v<select> / <option> 태그 [예제 6 -4 -4]여러 개 목록 선택 <select> 태그에 입력한

v<select> / <option> 태그 [예제 6 -4 -5]목록 선택해서 링크 실행 <select> 태그에 입력한

v. XHTML으로 폰페이지 제작하기 § XHTML 구조 • XHTML 구조는 HTML과 유사함 • 단

v. WML 1. 0을 WML 2. 0으로 변환하기 ▶ WML 2. 0으로 DTD 선언

Slides: 89

Download presentation

v. WML 문서 구조 살펴보기 <? xml version="1. 0" encoding="ks_c_5601 -1987"? > <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1. 1//EN" DTD 선언 "http: //www. wapforum. org/DTD/wml_1. 1. xml"> <wml> <head> Head 선언 </head> <card>  Card 내용 </card> <card> 내용 </card> </wml> 무선 인터넷 프로그래밍 Card WML Deck

v. WML 문서 실행 시뮬레이터 Openwave SDK 6. 2 시뮬레이터 이용 -[http: //www. anybil. com]의 자료실 - http: //idisk. kongju. ac. kr id : 810033 pwd : 3333 무선 인터넷 프로그래밍

v<template> 태그 <? xml version="1. 0" encoding="ks_c_5601 -1987"? > <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1. 1//EN" "http: //www. wapforum. org/DTD/wml_1. 1. xml"> <wml> <template> <do type="accept" label="이전"> <prev/> </do> <do type="options" label="정답"> <go href="#a 3"> </do> </template> <card id ="a 1" onenterbackward="#a 2"> <p>블로그란 웹(web)+로그(log)의 줄임말이다? </p> </card> <card id ="a 2"> <p>에어로빅은 공기중에 살아간다" 또는 "산소를 이용한다"의 의미를 가지고 있다? </p> </card> <card id ="a 3"> <p>맞습니다. </p> </card> </wml> 무선 인터넷 프로그래밍

v<noop> 태그 [예제 6 -2 -4] 라벨 지우기 [예제 6 -2 -3]의 예제에서 a 2 카드에 <noop> 태그를 사용해서 Accept 키가 실행되지 않 도록 구성한 예제입니다. <? xml version="1. 0" encoding="ks_c_5601 -1987"? > <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1. 1//EN" "http: //www. wapforum. org/DTD/wml_1. 1. xml"> <wml> <template> <do type="accept" label="이전"> <prev/> </do> <do type="options" label="정답"> <go href="#a 3"> </do> </template> <card id ="a 1" onenterbackward="#a 2"> <p>블로그란 웹(web)+로그(log)의 줄임말이다? </p> </card> <card id ="a 2"> <p>에어로빅은 공기중에 살아간다" 또는 "산소를 이용한다"의 의미를 가지고 있다? </p> <do type="accept" label="이전"> <noop/> </do> </card> <card id ="a 3"> <p>맞습니다. </p> </card> </wml> 무선 인터넷 프로그래밍

v 애니빌더에서 자동 생성된 wml의 head 정보 <head> <meta http-equiv="cache-control" content="max-age=0" forua="true" /> <meta http-equiv="Content-Type" content="text/vnd. wap. wml; charset=ks_c_5601 -1987" forua="true" /> <meta name="generator" content="Any. Builder VX" /> <meta name="mobile_carrier" content="skt" /> <meta name="mobile_markup" content="wml" /> <meta name="mobile_version" content="1. 1" /> <meta name="mobile_browser" content="au" /> </head> 무선 인터넷 프로그래밍

v표 관련 태그 <table> / <tr> / <td> [예제 6 -3 -4] 표 만들기 4행 2열의 표를 이용해서 자기소개 문서를 꾸민 예제입니다. <? xml version="1. 0" encoding="ks_c_5601 -1987"? ><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1. 1//EN" "http: //www. wapforum. org/DTD/wml_1. 1. xml"> <wml> <card> <p><table align="center" colums="2" > <tr> <td>이 름</td><td> 안창현</td></tr> <tr><td>취 미</td><td>사진촬영</td></tr> </table></p> </card> </wml> 무선 인터넷 프로그래밍

v<img> 태그 [예제 6 -3 -6] 그림 출력 문서에 그림을 삽입해서 꾸며 봅니다. <? xml version="1. 0" encoding="ks_c_5601 -1987"? ><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1. 1//EN" "http: //www. wapforum. org/DTD/wml_1. 1. xml"> <wml> <card><p><img alt="여인" src="ori. wbmp"/></p> </card> </wml> 무선 인터넷 프로그래밍

v픽토그램 삽입 태그 [예제 6 -3 -7] 픽토그램 출력 문서에 그림을 삽입해서 꾸며 봅니다. <? xml version="1. 0" encoding="ks_c_5601 -1987"? ><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1. 1//EN" "http: //www. wapforum. org/DTD/wml_1. 1. xml"> <wml> <card> <p><img localsrc="phone 3"/>010 -0000</p> <p><img localsrc="mailbox"/>codmedia@codmedia. com</p> <p><img localsrc="house"/>02 -0000</p> <p><img localsrc="fax"/>02 -0000</p> </card> </wml> 무선 인터넷 프로그래밍

v<a> 태그 [예제 6 -4 -1] 하이퍼링크 <a> 태그를 사용해서 사용자가 목록을 선택할 수 있는 리스트 메뉴를 만들어 봅 니 다. <? xml version="1. 0" encoding="ks_c_5601 -1987"? ><!DOCTYPE wml PUBLIC "//WAPFORUM//DTD WML 1. 1//EN" "http: //www. wapforum. org/DTD/wml_1. 1. xml"> <wml> <card> <p><img localsrc="biggestsquare 2">음 악 <img localsrc="biggestsquare 2"></p> <p><a href="a. wml" title="GO">음악소개</a></p> <p><a href="b. wml" title="GO">음악게시판</a></p> <p><a href="c. wml" title="GO">티켓예매</a></p> </card> </wml> 무선 인터넷 프로그래밍

v <anchor> 태그 [예제 6 -4 -2] 하이퍼링크 <anchor> 태그를 사용해서 링크를 실행할 수 있는 리스트 메뉴를 만들어 봅니다. <a> 태그와는 어떠한 차이가 있는지 살펴 보도록 합니다. <? xml version="1. 0" encoding="ks_c_5601 -1987"? ><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1. 1//EN" “http: //www. wapforum. org/DTD/wml_1. 1. xml"> <wml> <card> <p><img localsrc="biggestsquare 2">영 화 <img localsrc="biggestsquare 2"></p> <anchor title="이동" ><go href="a. wml"/>영화소개</anchor> <anchor title="이동" ><go href="b. wml"/>영화게시판</anchor> <anchor title="이동" ><go href="c. wml"/>영화예매/anchor> </card> </wml> 무선 인터넷 프로그래밍

v<select> / <option> 태그 [예제 6 -4 -4]여러 개 목록 선택 <select> 태그에 입력한 <option> 목록 중 두 개의 목록을 선택한 다음 선택한 값을 화면 에 출력해 보도록 하겠습니다. 여러 개의 목록을 선택할 경우에는 multiple 속성에 "true"를 선택하고 기본 선택값을 지정하고 싶을 경우에는 ivalue 속성에 선택할 번호를 입력합니다. <? xml version="1. 0" encoding="KS_C_5601 -1987"? > <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1. 1//EN" "http: //www. wapforum. org/DTD/wml_1. 1. xml"> <wml> <card id="select"> <p>가지고 싶은 품목을 두 개를 골라 보세요. <br/> <select name="order" iname="index" ivalue="1; 2" multiple="true" title="인기품목"> <option value="MP 3플레이어" title="first">MP 3플레이어</option> <option value="노트북" title="second">노트북</option> <option value="PDA" title="third">PDA</option> </select> <do type="vnd. next" label="확인"> <go href="#a 2"/> </do></p> </card> <card id="a 2"> <p align="center">당신은 $(order) 고르셨습니다. </p></card> </wml> 무선 인터넷 프로그래밍

v<select> / <option> 태그 [예제 6 -4 -5]목록 선택해서 링크 실행 <select> 태그에 입력한 <option> 태그에 ‘onpick' 속성을 사용해서 목록을 선택하면 지정 한 URL로 링크가 실행되도록 구성한 예제입니다. 이때 목록에는 번호가 순서대로 붙습 니다. <? xml version="1. 0" encoding="KS_C_5601 -1987"? > <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1. 1//EN" "http: //www. wapforum. org/DTD/wml_1. 1. xml"> <wml> <card id="select"> <p align="center">코드맨 홈페이지</p><br/> <select name="order" iname="index" title="인기품목"> <option value="자기소개" onpick="a. wml">자기소개</option> <option value="영화소개" onpick="a. wml">영화소개</option> <option value="음악소개" onpick="a. wml">음악소개</option> </select> </p> </card> </wml> 무선 인터넷 프로그래밍

v. XHTML으로 폰페이지 제작하기 § XHTML 구조 • XHTML 구조는 HTML과 유사함 • 단 XHTML을 정의해주는 DTD를 꼭 정의해주어야 함 <? xml version="1. 0" encoding="ks_c_5601 -1987"? > <!DOCTYPE html PUBLIC "-//W 3 C//DTD XHTML Basic 1. 0//EN" "http: //www. w 3. org/TR/XHTML-basic 10. dtd"> <html> <head></head> <body title="제목"> 내용 </body> </html> 무선 인터넷 프로그래밍

v. WML 1. 0을 WML 2. 0으로 변환하기 ▶ WML 2. 0으로 DTD 선언 WML 2. 0 환경에 알맞도록 처리하기 위해 WML 2. 0 DTD 형 식으로 변경해주어야 합니다. <!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1. 0//EN” “http: //www. wapforum. org/DTD/xhtmlmobile 10. dtd”> <? xml version="1. 0" encoding="ks_c_5601 -1987"? > <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 2. 0//EN" "http: //www. wapforum. org/DTD/wml 20. dtd"> 무선 인터넷 프로그래밍