실시간TV∴영화∴드라마∴예능 MOBILE58 모바일사이트에서 사용가능한 태그 html head title body meta ***** blink marquee font blockquote p pre ***** dl dt dd ol ul li ***** div center ***** img br hr **** a ***** form input select option textarea 모바일제작시 참고하세요. 2013. 12. 30. 모바일 사이트 10개 조항 ＜모바일 사이트 10개 조항＞ 1. 도코모, KDDI, 소프트뱅크등 최저 3 종류의 캐리어별로 페이지를 준비하지 않으면 안된다. 2. 쿠키는 기본적으로 사용 불가. 3. 테이블 태그를 사용할 수 없다. 4. 파라미터의 문자수가 제한되고 있다. 5. 메일 매거진을 일정량 이상 보내면, 캐리어의 블록을 받아 전달할 수 없게 된다. 6. 1 페이지에 표시할 수 있는 용량이 단말에 따라서 다르다. 7. 리디렉트는 연속 2회까지 한다. 8. uid, sid, pid3개는 파라미터명으로서 이용해서는 안된다. 9. SSL(HTTPS)의 페이지에서는 UID를 취득할 수 없다. 10. 캐리어에 의해서, 단말 식별 번호의 취득 방법이 다르다. 접속정보 Mozilla/5.0 (Windows; U; Windows NT 5.1.. 2013. 12. 30. 모바일 전용페이지 적용팁 파일은 아래 주소에서 다운받으세요 http://detectmobilebrowsers.mobi/ 2013. 12. 30. 모바일에서 사용가능한 이미지 확장자 docomo - mova : gif (일부에서는 jpeg가능) - foma : gif/jpeg au - hdml : png/bmp (일부에서는 jpeg가능) - wap2.0 : png/gif/jpeg/bmp softbank - c : png/jpeg - p : png/jpeg/mmg - w,3gc : png/gif/jpeg/mmg 이렇듯 3사에서 사용하는 이미지 확장자가 다르나 95% 이상 지원하는 확장자는 jpeg이므로 모바일과 연동해서 쇼핑몰등은 jpg이미지를 사용해야 합니다. 2013. 12. 30. 모바일 페이지로 자동 이동!!! 2013. 12. 30. 아이폰 웹어플리케이션 개발시 꼭 알아야할것 1. 아이폰용 css 적용하기 @media only screen and (max-device-width: 480px) { /* iPhone only CSS here */ #test-block { background: red; } } 아이폰은 max-device-width가 480px로 정의되어 있습니다. 위 두개의 코드는 이러한 값을 이용하여 아이폰용 css를 추가하는 방법입니다. 범용적인 스타일시트로 모바일 웹어플리케이션을 개발후 아이폰에서는 더 나은 UI를 만들기 위해 위와 같이 아이폰용 CSS를 추가함으로써 아이폰의 사파리브라우저로 접속하는 사용자들에게 다른 UI를 제공해줄수 있습니다. 2. 아이폰용 서버측 코드 실행하기 Short iPhone only title Regular title php의 .. 2013. 12. 30. 아이폰 사파리에도 개발자도구가 있을까? 데스크탑용 사파리 브라우저를 열면 웹어플리케이션 개발자를 위한 여러 부가기능을 제공하고 있습니다. 개발자용 이라는 메뉴에 들어가면 DOM을 본다던지, javascript 디버깅을 한다던지, 캐시나, 이미지, 자바스크립트, css를 손쉽게 비활성화, 활성화 할 수 있습니다. 그렇다면 아이폰의 사파리 브라우저도 이러한 기능이 있을까요? 정답부터 말씀드리자면 "네 있습니다" 입니다. 아이폰의 '설정→Safari→개발자용→콘솔 디버그' 를 따라 들어가면 콘솔디버그 기능을 켜고 끌수가 있습니다. 콘솔디버그를 켜고 사파리 브라우저를 실행하면 주소창 아래에 콘솔 디버그라는 바가 나타납니다. 페이지내에서 오류가 발생되는 경우 몇개의 오류가 발생했다는 표시가 나타나며 이를 클릭하면 어디서 어떠한 에러가 발생했는지 친절하.. 2013. 12. 30. 아이폰(iphone) safari 웹개발 기본 팁 아이폰(iphone) safari 웹개발 기본 팁 1. -webkit-text-size-adjust 페이지가 회전할때 폰트사이즈가 자동으로 변경되지 않도록 한다 그러나 안좋은 면이 있는데 보통 webkit 브라우저들에서는 적용안됨. auto : default값, 화면의 폭에 맞추어서 텍스트 크기가 자동으로 조절된다. none : 폰트의 자동크기변환을 막으며 모바일웹에서 일반적으로 설정한다. n% : 폰트크기를 지정된 사이즈로 변경한다. html { -webkit-text-size-adjust:none; } 2. apple-mobile-web-app-capable content값이 yes로 지정하면 풀스크린모드로 자동하고 그렇지 않으면 일반모드로 작동한다. window.navigator.standalone.. 2013. 12. 30. 안드로이드 브라우저를 쓰는 모바일웹에서 동영상 재생문제 모바일웹용 mp4 동영상 스트리밍 재생 방법 1. 필요항목 1.1 스트리밍 동영상 서버 - 옴니아용 - Window Media Server ( mms 프로토콜로 동영상 스트리밍) - 안드로이드용 - 다윈스트리밍서버(무료제품 http://www.devpia.com/Maeul/Contents/Detail.aspx?BoardID=278&MAEULNo=20&no=29095&ref=29095 ) - IPhone용 - 웹서버 1.2 테스트를 위한 도구 -옴니아폰, 안드로이드폰, iPhone 1.3 hint를 처리하는 프로그램 - 안드로이드 계열은 rtsp 프로토콜로 mp4파일의 스트리밍을 지원한다. rtsp로 스트리밍을 위해서는 hint로 처리해야한다. mp4box 라는 프로그램이 있다. (예 : mp4box -h.. 2013. 12. 30. 안드로이드(Android SDK) 앱 개발 강좌 모음 http://rsequence.com/android_blog/study_android_example_1 http://l2j.co.kr/entry/안드로이드Android-SDK-앱-개발-강좌-모음 - AndroidPub : 안드로이드펍 한국 안드로이드 사용자 및 개발자 커뮤니티. 소개 : 한국 안드로이드 커뮤니티 홈페이지 : http://www.androidpub.com - 공식 안드로이드 공식 홈페이지들 소개글 : 안드로이드의 전체 소스를 다운받을 수 있음 홈페이지 : 소스 http://source.android.com 공식 http://www.android.com 마켓 http://market.android.com 개발자 http://developer.android.com - 안드로이드 써드파티 마켓 .. 2013. 12. 30. 모바일웹으로 포워딩하는 스크립트 2013. 12. 30. 아이폰, 안드로이드 바탕화면에 바로가기 만들기 1 먼저 접속하는 사용자의 디바이스 정보를 알아야 했습니다. iphone, ipad 는 userAgent 정보에 iphone, ipad 라는 문자가 들어가 있으나 안드로이드 기기의 경우 갤럭시S 같은 명칭이 없고 android 란 단어만 있었습니다. 2 애플 계열의 경우 rel="apple-touch-icon" 을 사용했습니다. apple-touch-icon-precomposed 도 사용할수 있음, 차이점은 이미지 모양, 아이폰 이미지의 경우 자동으로 줄여 줘서 114*114 아이패드는 72*72를 사용하였습니다. 안드로이드 폰의 경우 apple-touch-icon 이 적용 되지 않고 rel="shortcut icon" favicon 을 사용 하였습니다. 3 갤럭시S, 갤럭시탭의 경우 웹 페이지에서 북마.. 2013. 12. 30. 각 HTML버전별 DTD(Document Type Definition) HTML 2.0 표준 문서 형식 HTML 3.2 표준 문서 형식 HTML 4.01 표준 문서 형식[Strict, Transitional, Frameset 순] XHTML 1.0 표준 문서 형식[Strict, Transitional, Frameset 순] XHTML 1.1 표준 문서 형식[XHTML 1.1은 무조건 Strict] XHTML 모바일 1.0 문서 형식 2013. 12. 30. 이전 1 2 3 4 다음 반응형
