1부 무선 인터넷 이해하기 1-1 무선 인터넷의 이해 : 무선 인터넷의 정의 ... 14 인터넷의 이해 ... 14 무선 인터넷의 이해 ... 14 무선 인터넷 서비스 종류 ... 20 1-2 무선 인터넷 구조 살펴보기 : 무선 인터넷 구조 ... 23 무선 인터넷 모델 ... 23 무선 통신망의 유형 ... 25 무선 통신망 기본 원리 ... 26 인터넷 접속 교환 방식 ... 27 1-3 휴대폰에도 종류가 있다 : 휴대폰 종류 ... 28 1세대와 2세대 휴대폰 ... 28 3세대 휴대폰 ... 30 모바일용 브라우저 ... 32 1-4 모바일 폴랫폼과 보안 : 폴랫폼과 보안 ... 33 폴랫폼에 대해서 ... 33 정보 보안 ... 35 연습문제 ... 37 2부 애니빌더로 폰페이지 제작하기 2-1 휴대폰으로 인터넷에 접속하자 : 휴대폰 인터넷 접속 ... 40 휴대폰 인터넷 접속에 대해서 ... 40 휴대폰으로 폰페이지 접속하는 방법 ... 40 폰페이지 제작 준비물 ... 45 2-2 애니빌더에 대해서 : 애니빌더 화면구조 ... 47 무선 홈페이지 저작 툴, 애니빌더 ... 47 애니빌더 화면 살펴보기 ... 48 도구 모음 살펴보기 ... 49 2-3 무선 홈페이지 언어 살펴보기 : 무선 홈페이지 언어 종류 ... 54 무선 홈페이지에서 사용하는 언어 ... 54 통신 업체 별 브라우저에 대해서 ... 56 무선 홈페이지 제작 흐름도 ... 57 메뉴 디자인 ... 58 문서를 동적으로 처리하는 방법 ... 59 폰페이지 기본 작업하기 ... 60 2-4 글자 입력하기 : ［TEXT］ 도구 ... 62 글 입력하기 ... 62 글자 흐르게 만들기 ... 63 예제 : 글자 꾸미기 ... 63 특수기호와 이모티콘 입력하기 ... 66 그림 문자 삽입하기 ... 66 예제 : 다양한 문자 삽입하기 ... 67 2-5 그림 삽입하기 : ［그림］ 도구 ... 71 모바일에서 사용하는 그림 파일 형식 살펴보기 ... 71 그림 삽입하기 ... 72 예제 : 그림 삽입하기 ... 73 움직이는 그림 삽입하기 ... 74 예제 : 애니메이션 이미지 만들기 ... 75 캠으로 촬영한 사진 올리기 ... 77 PC캠 사진을 폰페이지에 넣기 캐릭터 그림 삽입하기 ... 80 2-6 폰페이지 재미있게 구성하기 : ［숫자링크］, ［알반링크］, ［왼쪽 버튼］, ［오른쪽 버튼］, ［즐겨찾기 추가］, ［메일 보내기］도구 ... 82 ［숫자링크］도구 ... 82 예제 : 숫자가 있는 메뉴 만들기 ... 83 ［일반링크］도구 ... 84 예제 : 숫자가 없는 메뉴 만들기 ... 86 예제 : 페이지 이동하기 ... 87 ［왼쪽버튼］, ［오른쪽버튼］도구 ... 88 예제 : 실행 메뉴 만들기 ... 89 서비스를 이용한 ［즐겨찾기 추가］와 ［메일］도구 ... 90 ［메일］도구 ... 91 예제 : 메일 보내기 ... 92 연습문제 ... 94 3부 애니빌더로 고급 기능 배우기 3-1 폰페이지 재미있게 꾸미기 : ［문서정보］ 대화상자／색상 설정／타이머 설정 ... 98 문서 정보 창 살펴보기 ... 98 예제 : 문서 등록 정보 속성 설정 ... 100 3-2 폰페이지에 입력양식 만들기 : ［입력］도구／［옵션］도구 ... 103 입력양식이란 ... 103 입력양식의 종류 ... 103 입력양식 만들기 ... 105 예제 : 입력양식 만들기 ... 107 ［옵션］ 도구 만들기 ... 110 예제 : 혈액형 선택하기 ... 111 3-3 모바일용 문서와 그림 변환하기 : ［소스생성하기］, ［이미지 변환］ ... 114 ［소스생성하기］란 ... 114 예제［소스생성하기］실행하기 ... 115 폰페이지 소스 구조 살펴보기 ... 116 모바일용 그림으로 변환해주는 ［이미지 변환］ ... 119 예제 : 모바일용 그림으로 변환하기 ... 120 3-4 폰페이지 출판하고 확인하기 : AnyFTP／시뮬레이터 ... 122 폰페이지 데이터 출판하기 ... 122 컴퓨터에서 폰페이지 열어보기 ... 126 3-5 모바일용 서버 만들기 : 서버 설정 ... 130 모바일용 서버 만들기 ... 130 시뮬레이터로 검사하기 ... 134 3-6 동적인 폰페이지 만들기 : 엠누리 게시판 서비스／스크립트 편집 / ［서버 스크립트］ 도구／소스 편집 ... 137 Mnuri 서비스 이용하기 ... 137 예제 : 게시판 만들기 ... 139 폰페이지에 스크립트 사용하기 ... 142 예제 : 접속자 Log, Count증가, 접속자 휴대폰 번호 표시 스크립트 ... 142 서버 스크립트 사용하기 ... 144 예제 : 혈액형으로 보는 심리 테스트 ... 145 소스 편집하기 ... 148 예제 : 휴대폰 주소록에 정보 저장 소스 편집 ... 148 연습문제 ... 152 4부 모바일 멀티미디어 데이터 제작하기 4-1 폰페이지용 그림 제작하기 : 사진 편집／캐릭터 그리기 ... 156 사진을 모바일 환경에 맞도록 예쁘게 자르기 ... 165 예제 : 사진 예쁘게 크롭하기 ... 158 캐릭터 그림 그리기 ... 162 예제 : 캐릭터 그리기 ... 163 4-2 모바일용 그림 변환 하기 : nbmp 그림 변환／GIF 애니메이션 제작／흑백 SIS 애니메이션 제작 ... 167 그림 변환에 대해서 ... 167 ［nbmp converterl.1］ 프로그램 살펴보기 ... 167 예제 : 4가지색 nbmp 그림 변환하기 ... 169 GIF 애니메이터 ... 170 예제 : GIF 애니메이션 만들기 ... 172 흑백 SIS 애니메이션 만들기 ... 174 예제 : 흑백 SIS 애니메이션 만들기 ... 176 4-3 컬러 SIS 애니메이션 만들기 : ［AnySIS］ ... 179 SIS에 대해서 ... 179 SIS를 손쉽게 만들어 주는 ［AnySIS］ ... 180 예제 : SIS 그림을 애니빌더에 자동추가하기 ... 182 예제 : 캐릭터 항목에 SIS 애니메이션 등록하기 ... 187 예제 : 그림 편집해서 재미있는 SIS 애니메이션 만들기 ... 190 정지 화상 SIS 만들기 ... 192 예제 : BMP 그림을 SIS그림 형식으로 변화하기 ... 193 4-4 ［SIS 애니메이터］를 사용해서 컬러 애니메이션 만들기 : ［SIS Animator2.0］사용 ... 195 ［SIS Animator2.0］란 ... 195 컬러 SIS에니메이션 제작하기 ... 196 애이빌더에 SIS 등록하기 ... 201 4-5 폰페이지에 배경음악 만들기 : 16,40,64 화음 음악 제작／배경 음악 삽입 ... 204 모바일 음악에 대해서 ... 204 미디 음악을 16화음 모바일 음악 파일로 만들기 ... 205 웨이브 음악 16,40,64 화음 모바일 음악으로 만들기 ... 208 40,64화음 모바일 음악 만들기 ... 212 폰페이지에 배경 음악 넣기 ... 215 예제 : 예제 폰페이지에 나만의 멜로디 넣기 ... 215 연습문제 ... 219 5부 mHTML／KUN 언어 배우기 5-1 mHTML과 KUN에 대해서 : mHTML／KUN ... 222 mHTML과 KUN 이란 ... 222 mHTML 언어 살펴보기 ... 223 mHTML 문서 열기 ... 224 애니빌더를 이용해서 문서 편집하기 ... 228 5-2 mHTML 기본 태그 : 문서 및 글자 관련 태그 ... 231 문단 태그〈p〉／〈div〉 ... 231 예제 : 글자 입력 ... 231 글자 속성 관련 태그 ... 232 예제 : 글자 속성 ... 232 글자 크기 태그〈h1〉∼〈h6〉 예제 : 글자 크기 ... 233 문서 속성 태그〈body〉 ... 234 예제 : 문서에 색 설정하기 ... 235 배경 이미지 넣어주는 bockground 속성 ... 235 예제 : 문서 배경 가운데에 그림 넣기 ... 236 글자 속성 태그〈font〉 ... 276 예제 : 글자 색과 크기 설정 ... 237 스크롤 태그〈marquee〉 ... 237 예제 : 스크롤 효과 ... 238 수평선 태그〈hr〉 ... 238 예제 : 수평선 넣기 ... 238 경로 설정 태그〈base〉 ... 239 예제 : 기본 경로 설정하기 ... 240 배경 음악 태그〈bgsound〉 ... 240 예제 : 배경 음악 연주 ... 241 예제 : 휴대폰 진동 ... 241 타이머를 설정해주는 태그 〈meta〉 ... 241 예제 : 3초 후 홈페이지 열리게 만들기 ... 242 광고 태그〈adver〉 ... 242 예제 : 광고 메시지 표시하기 ... 242 5-3 그림과 링크, 목록 관련 태그 : 그림, 링크, 목록 구성 관련 태그 ... 244 그림 삽입 태그〈img〉 ... 244 예제 : 그림 삽입 ... 244 픽토그램 그림 넣기 ... 245 예제 : 픽토그램 넣기 ... 246 링크를 만들어 주는 태그〈A〉 ... 246 예제 : 메뉴 만들기 ... 247 이미지맵을 만들어 주는 태그〈map〉,〈area〉 ... 248 예제 : 이미지맵으로 메뉴 만들기 ... 248 목록 생성 태그 〈dir〉,〈h〉 ... 250 예제 : 간단한 목록 만들기 ... 250 설명글 설정 태그 〈dl〉, 〈dt〉, 〈dd〉 ... 252 예제 : 간단 목록 요약 페이지 만들기 ... 252 리스트 목록을 만들어 주는 〈ol〉 ... 253 예제 : 로마자 리스트 목록 만들기 ... 254 5-4 표로 꾸며보는 폰페이지 : 표 관련 태그 ... 255 표 설정 태그〈table〉〈tr〉〈td〉 ... 255 예제 : 표를 이용한 자기소개 ... 256 예제 : 표 테이블 만들기 ... 258 예제 : 표 변형하기1 ... 260 예제 : 표 변형하기2 ... 260 화면 설정 태그 〈frame〉 ... 261 예제 : 프레임 나누기 ... 261 5-5 mHTML용 입력양식 : 입력양식 관련 태그 ... 264 입력양식 설정 태그 〈form〉 ... 264 글상자 설정 태그 〈input〉 ... 264 예제 : 비밀번호 입력 ... 265 예제 : 회원가입 페이지 ... 266 장문을 입력 태그〈textarea〉 ... 267 예제 : 자기소개 페이지 ... 267 목록 선택 양식 태그 〈select〉,〈option〉 ... 268 예제 : 문제풀이 페이지 ... 268 예제 : 선택 메뉴 페이지 ... 270 5-6 폰페이지 예쁘게 구성하는 비결 : 폰페이지 구성 ... 272 폰 페이지 구성 ... 272 ME 브라우저용 기본 메뉴 ... 273 KUN 페이지 구성 ... 274 픽토그램의 활용 ... 278 글로벌 네비게이션 구성 ... 278 연습문제 ... 279 6부 WML／WML2.0 언어 배우기 6-1 WML에 대해서 : WML 분석하기 ... 282 WML이란 ... 282 WML 문서 구조 살펴보기 ... 282 WML 문서 제작하는 방법 ... 284 6-2 WML 기본 태그 : 〈card〉／〈do〉／〈go〉／〈template〉／〈noop〉 태그 ... 289 〈card〉 태그 ... 289 〈do〉 태그 ... 289 〈go〉 태그 ... 290 예제 : 카드 이동 ... 291 예제 : OX 문제 출제 ... 292 〈template〉 태그 ... 292 예제 : 연속 퀴즈 문제 ... 393 〈noop〉 태그 ... 294 예제 : 라벨 지우기 ... 294 〈meta〉 태그 ... 295 〈access〉 태그 ... 296 6-3 글과 그림 삽입에 관련된 태그 : 〈p〉／글자 속성 관련 태그／〈table〉／〈img〉 ... 297 〈p〉태그 ... 197 예제 : 문단 정렬 ... 297 특수 문자 입력 관련 태그 ... 298 예제 : 특수 문자 출력 ... 296 글자 속성 태그〈i〉,〈b〉,〈em〉,〈small〉,〈strong〉,〈big〉 ... 299 예제 : 글자 속성 출력 ... 300 표 관련 태그〈table〉,〈tr〉,〈td〉 ... 300 예제 : 표 만들기 ... 301 예제 : 경계선 있는 표 만들기 ... 302 그림 삽입 태그〈img〉 ... 303 예제 : 그림 출력 ... 303 픽토그램 삽입 태그〈img localsrc ... ""／ 예제 : 픽토그램 출력 ... 304 6-4 링크 관련 태그 : 〈a〉／〈anchor〉／〈select〉／〈option〉／〈timer〉／〈optgroup〉／〈prev〉／〈timer〉 ... 307 링크 관련 태그 〈a〉 ... 307 예제 : 하이퍼링크 ... 307 링크 관련 태그 〈anchor〉 ... 308 예제 : 하이퍼링크 ... 308 목록 관련 태그〈select〉,〈option〉 ... 309 예제 : 목록 선택 ... 310 예제 : 여러 개 목록 선택 ... 310 예제 : 목록 선택해서 링크 실행 ... 312 목록 그룹 태그 〈optgroup〉 ... 313 예제 : 목록을 그룹으로 구분 ... 313 이전 페이지 이동 태그 〈prev〉 ... 314 예제 : 이전 페이지로 이동 ... 315 타이머 태그 〈timer〉 ... 315 예제 : 순차적으로 글자 출력 ... 316 예제 : 순차적으로 그림 출력 ... 317 6-5 입력양식 관련 태그 : 〈input〉／〈setvar〉／〈postfield〉／〈refresh〉 ... 318 입력 양식 태그〈input〉 ... 318 예제 : 아이디와 비밀번호 입력양식 값 설정 태그 〈setvar〉 ... 320 예제 : 변수값 제대입 ... 320 값 설정 태그〈postfield〉 ... 321 재입력 태그〈refresh〉 ... 321 예제 : 재입력 입력양식 ... 322 6-6 한 단계 버전업된 WML2.0 학습하기 : WML2.0 ... 323 WML2.0이란 ... 323 XHTML으로 폰페이지 제작하기 ... 324 XHTML 문서 작성 방법 ... 325 예제 : 표 예제 : ... 325 예제 : 표 스타일 예제 : ... 327 예제 : 메뉴 만들기 ... 328 예제 : 문서에 그림 넣기 ... 329 예제 : 배경 그림 넣기 ... 330 예제 : 입력양식 예제 : ... 331 WMLLO을 WML2.0으로 변환하기 ... 332 예제 : 문서 변환 ... 333 예제 : 입력양식 문서 변환 ... 334 연습문제 ... 338 제7부 WMLScript 다이나믹 폰페이지 만들기 7-1 WMLScript 프로그래밍 개요 : WMLScript에 대해서 ... 342 WMLScript 개요 ... 342 WML과 WMLScript ... 342 예제 : 문자열 출력 스크립트 ... 343 WMLScript 기본 문법 ... 345 7-2 WMLScript 변수와 데이터형 : 변수와 데이터형 ... 348 변수 ... 348 예제 : 문자열 출력 ... 349 데이터형 ... 350 예제 : 변수값 설정 ... 351 예제 : 문자열 합 ... 353 예제 : Boolean과 lnvalid형 출력 ... 353 7-3 WMLScript 연산자와 제어문 : 산술연산자／관계연산자／논리연산자／if문／while문／for문 ... 355 연산자 ... 355 예제 : 산술 연산 ... 355 예제 : 관계 연산 ... 357 예제 : 복합 연산 ... 358 예제 : 논리 연산 ... 359 예제 : 비트 연산 ... 360 예제 : 조건 연산 ... 362 예제 : 논리값을 이용한 조건 연산 ... 362 예제 : typeof 연산과 isvalid 연산 ... 363 제어문 ... 364 예제 : if문 조건 ... 365 예제 : while문 숫자 계산 ... 366 예제 : for문 숫자 합산 ... 367 7-4 WMLScript 함수 : 지역 함수／외부 함수／라이브러리 함수 ... 368 함수 선언 ... 368 예제 : 평균값 계산 ... 368 함수 호출 ... 370 예제 : 지역 함수를 이용한 합산 계산 ... 370 예제 : 외부 함수를 이용한 합산 ... 371 라이브러리 함수 ... 372 예제 : Lang 라이브러리 ... 372 예제 : Float 라이브러리 ... 374 예제 : String 라이브러리 ... 376 예제 : String 라이브러리 ... 377 예제 : URL 라이브러리 함수 ... 379 예제 : WMLBrowser 라이브러리 ... 380 예제 : WMLBrowser 라이브러리 ... 380 예제 : 팝업 띄우기 ... 381 예제 : 컨펌 창 띄우기 ... 382 예제 : 프롬프트 창 띄우기 ... 382 예제 : 문자열 출력 ... 383 7-5 WMLScript종합 예제 : 살펴보기 : 가위바위보 게임／회원가입 정보 확인 ... 384 가위바위보 게임 만들기 ... 384 예제 : 가위바위보 게임 만들기 ... 385 회원가입 정보 검사 ... 387 예제 : 회원가입 조검 검사하기 ... 388 연습문제 ... 392 8부 실전! 모바일 프로젝트 제작 배우기 8-1 AnySQL로 데이터베이스 연동하기 : Access로 데이터베이스 만들기／데이터베이스 연결하기／AnySQL ... 396 Access로 데이터베이스 만들기 ... 396 데이터베이스 연결하기 ... 403 AnySQL 살펴보기 ... 408 8-2 내가 꾸며보는 게시판 : 목록보기 페이지 만들기／내용보기 페이지 만들기／글쓰기 페이지 만들기 ... 413 목록보기 페이지 만들기 ... 413 내용보기 페이지 만들기 ... 420 글쓰기 페이지 만들기 ... 425 8-3 내가 좋아하는 연예인에게 한표 : 설문조사 ... 429 연예인 설문조사 Access(데이터베이스)파일 만들기 ... 429 연예인 설문조사 페이지 만들기 ... 432 8-4 휴대폰 회원가입 페이지 만들기 : 회원가입／로그인 페이지 만들기 ... 445 회원가입을 위한 Access(데이터베이스)파일 만들기 ... 445 회원가입 페이지 만들기 ... 446 로그인 페이지 만들기 ... 454 8-5 로또! 모바일에서도 대박을 꿈꾼다 : 로또 페이지 만들기 ... 464 로또 페이지 만들기 ... 464 스크립트 살펴보기 ... 470 연습문제 ... 474