[참고용]레이아웃 정보
기타 [참고용]레이아웃
첨부파일
본문
모바일환경만드는 분에게 도움될만한 레이아웃 을 공개합니다.
일단 html파일로 되어있으며,
01은 php파일로 카피할 소스 고 02 파일은 원본 파일입니다.
디자인 이 간단하며 W-RN모바일존 오픈소스에 적용이 가능합니다.
게시판,회원가입,로그인에서 틀이 깨지지 않습니다. ^^*
P.S
혹시 -90 도 라고 case를 잡을때, 줄을 몇칸 공백으로 설정,폰트크기,색변경 이런거 못하나요?
제가 CSS와 자바스크립트를 처음다루어봐서..
임시로 로 처리했는데.. 이거 가로모드로 하니..뭔가 안맞는 ㅠㅠ;
내부 폰트공간 여백 줄려고
padding-~ 처리했는데..이미지 자체가 움직이는?
일단 html파일로 되어있으며,
01은 php파일로 카피할 소스 고 02 파일은 원본 파일입니다.
디자인 이 간단하며 W-RN모바일존 오픈소스에 적용이 가능합니다.
게시판,회원가입,로그인에서 틀이 깨지지 않습니다. ^^*
P.S
혹시 -90 도 라고 case를 잡을때, 줄을 몇칸 공백으로 설정,폰트크기,색변경 이런거 못하나요?
제가 CSS와 자바스크립트를 처음다루어봐서..
임시로 로 처리했는데.. 이거 가로모드로 하니..뭔가 안맞는 ㅠㅠ;
내부 폰트공간 여백 줄려고
padding-~ 처리했는데..이미지 자체가 움직이는?
추천
2
2
댓글 전체

굿~~

ㅎㅎ; 혹시 PS에 관련된 답변 못해주시는지..? ㅠㅠ;
수고하셨습니다.
다만,
모바일웹에서도 css를 활용한 웹표준을 지켜서 만들어가는 추세인데요...
만드신 소스는 그 부분이 좀 아쉬운것 같네요. :)
는 사용을 지양하고 있죠.
또... java에서 case로 css를 선택하게하셨는데, 그거보다는 레이아웃 자체를 웹표준으로 잡아서 단일 css로 하시는 것이 어떨까 싶습니다. :)
당연히 css를 통해 텍스트의 줄간격, 여백설정 등 모든지 가능하죠.
저는 폰트 설정에서 font:200 8pt/1.4em sans .. 이런식으로 사용합니다.
http://www.w3schools.com/css/css_font.asp 를 참조해보세요.
다만,
모바일웹에서도 css를 활용한 웹표준을 지켜서 만들어가는 추세인데요...
만드신 소스는 그 부분이 좀 아쉬운것 같네요. :)
는 사용을 지양하고 있죠.
또... java에서 case로 css를 선택하게하셨는데, 그거보다는 레이아웃 자체를 웹표준으로 잡아서 단일 css로 하시는 것이 어떨까 싶습니다. :)
당연히 css를 통해 텍스트의 줄간격, 여백설정 등 모든지 가능하죠.
저는 폰트 설정에서 font:200 8pt/1.4em sans .. 이런식으로 사용합니다.
http://www.w3schools.com/css/css_font.asp 를 참조해보세요.

좋은자료 감사합니다만...
아이폰 인식 특정상.. (가로,세로 모드 그리고 안드로이드도..)
아이폰,안드로이드 환경에 최적화된 CSS를 기반으로 제가좀 수정을했습니다만..
제가 소유한 책중에서는 기본적인 명령어 소스 밖에없고..( HTML+자바스크립트+CSS)
php 책 어쩌구 (좋은거) 있는데 그책은 CSS를 언급하지는 않습니다.
따로 책사서 볼시간은 없고.. 소스보면 대충 이해합니다. ^^*
제 질문의 의도는 가로모드,세로 모드일때, 폰트 설정은 했지만..
패딩-레프트, 라이트, 탑, 보톰(?보틈) 을 설정했는데..
이미지에 적용되는건지..폰트에 적용되는건지 여튼 간격이 벌어져서 나옵니다.;;
저는 그래서 가로모드일때는 간격을 좀 주어서 하고싶은데..그러면 세로모드에서 또 이상현상이 발생하여.. 고생을 하고있습니다.
또한,이곳에 매진할 여유도 없구요.
하루 5분 주말에 1시간정도밖에못합니다. ㅋㅋ
아이폰 인식 특정상.. (가로,세로 모드 그리고 안드로이드도..)
아이폰,안드로이드 환경에 최적화된 CSS를 기반으로 제가좀 수정을했습니다만..
제가 소유한 책중에서는 기본적인 명령어 소스 밖에없고..( HTML+자바스크립트+CSS)
php 책 어쩌구 (좋은거) 있는데 그책은 CSS를 언급하지는 않습니다.
따로 책사서 볼시간은 없고.. 소스보면 대충 이해합니다. ^^*
제 질문의 의도는 가로모드,세로 모드일때, 폰트 설정은 했지만..
패딩-레프트, 라이트, 탑, 보톰(?보틈) 을 설정했는데..
이미지에 적용되는건지..폰트에 적용되는건지 여튼 간격이 벌어져서 나옵니다.;;
저는 그래서 가로모드일때는 간격을 좀 주어서 하고싶은데..그러면 세로모드에서 또 이상현상이 발생하여.. 고생을 하고있습니다.
또한,이곳에 매진할 여유도 없구요.
하루 5분 주말에 1시간정도밖에못합니다. ㅋㅋ
아. 그리고 저도 그 쪽 페이지좀 작업을 할 일이있어서 몇개 해보고 책도 좀 찾아봤는데요.
제가 본 책 중에선 O'REILLY에서 나온 "HTML, CSS, JavaScript 로 iPhone Apps 개발하기"란 책이 좋은 것 같더라구요. 말이 Apps 지.. 거의 모바일웹에 대한 지침이 많습니다. 아이폰 관련된 부분만 살짝 걷어내면 꽤 도움이 되었어요. 아이폰 뿐 아니라 갤스나 다른 안드로이드에서도 잘 열리는 웹을 만들 수 있을 듯.
영문버전은 http://building-iphone-apps.labs.oreilly.com/ 에서 거의 볼 수 있으니 참고해보세요.
그리고 혹시 보신 책 있으시면 저한테도 추천 바랍니다. :)
제가 본 책 중에선 O'REILLY에서 나온 "HTML, CSS, JavaScript 로 iPhone Apps 개발하기"란 책이 좋은 것 같더라구요. 말이 Apps 지.. 거의 모바일웹에 대한 지침이 많습니다. 아이폰 관련된 부분만 살짝 걷어내면 꽤 도움이 되었어요. 아이폰 뿐 아니라 갤스나 다른 안드로이드에서도 잘 열리는 웹을 만들 수 있을 듯.
영문버전은 http://building-iphone-apps.labs.oreilly.com/ 에서 거의 볼 수 있으니 참고해보세요.
그리고 혹시 보신 책 있으시면 저한테도 추천 바랍니다. :)

아이폰 어플개발하기 책 나온거 봤는데..정말 볼시간이없네요.
그냥 저 스스로 웹어플 개발할려고 합니다.
오프라인 어플은 윈도우 계열, 인터넷용컴이라사양도 안맞아 해킹맥도 못깔아요..
그냥 저 스스로 웹어플 개발할려고 합니다.
오프라인 어플은 윈도우 계열, 인터넷용컴이라사양도 안맞아 해킹맥도 못깔아요..

제가 돌아다니면서 본 글에는
접속 브라우저를 판별해서 각 브라우저마다
가로세로 판별하고 해상도 읽어서
css 각각 따로 적용하는 방식을 권하더군요...
번거롭긴 하겠지만.. 그게 맞는거 같긴한데...
아무래도 손은 많이 가겠죠..
파폭/오페라/익플/사파리/등등 데탑/폰 해상도별로 다 따로 지정해주려면... =ㅅ=;;
접속 브라우저를 판별해서 각 브라우저마다
가로세로 판별하고 해상도 읽어서
css 각각 따로 적용하는 방식을 권하더군요...
번거롭긴 하겠지만.. 그게 맞는거 같긴한데...
아무래도 손은 많이 가겠죠..
파폭/오페라/익플/사파리/등등 데탑/폰 해상도별로 다 따로 지정해주려면... =ㅅ=;;

IOS,안드로이드 에만 맞추어 주어도 브라우저는 상관없습니다.
오페라경우 그냥 한줄만 따로 추가만 해주면 끝나고..
심지어.. 일반 터치폰웹서핑 브라우져에서도 잘나왔습니다. ^^*;
물론 세로 모드라 보는데 약간불편하지만..
대중적인 IOS와 안드로이드에만 맞추어 주어도 될것같습니다.
그리고 한번도 사용은 해본적이 없지만..사용하는걸 본 윈도우모바일 은 ....
너무 구식이라 맞추기 힘들어요.
오페라경우 그냥 한줄만 따로 추가만 해주면 끝나고..
심지어.. 일반 터치폰웹서핑 브라우져에서도 잘나왔습니다. ^^*;
물론 세로 모드라 보는데 약간불편하지만..
대중적인 IOS와 안드로이드에만 맞추어 주어도 될것같습니다.
그리고 한번도 사용은 해본적이 없지만..사용하는걸 본 윈도우모바일 은 ....
너무 구식이라 맞추기 힘들어요.