반응형

모바일웹 4

모바일 웹사이트 제작 전 알아두면 좋은 10가지

1. 해상도를 고려한 레이아웃 모바일 웹사이트 제작은 일반 웹사이트 제작과 있어서 가장 큰 차이점은 해상도 차이에 따른 레이아웃입니다. 모바일 기기가 넷북이나, 노트북, 데스크탑 보다도 디스플레이의 크기가 작기 때문에 이점을 고려한 웹사이트 기획 및 디자인, 퍼블리싱이 필요합니다. 게다가 모바일 기기마다 해상도가 제각각이라는 점도 참 난감한 요소지요. 국내에서 보통 모바일 웹사이트 제작은 전 해상도를 고려하기 보다는 최근 출시된 스마트폰을 기준으로 해서 기획, 개발 및 검수 되는 사례가 많습니다.(아이폰, 갤럭시S) 그래서 요즘에는 이들 스마트폰 환경에 최적화된 모바일 웹사이트가 늘어나고 있습니다. ※ 국내 출시된 주요 모바일 기기 해상도 iPhone 320 * 480 iPhone4 960 * 640 모..

모바일웹 2013.02.18

모바일웹페이지 에서 pc버젼으로 이동

- 모바일 [link] 부분 링크 부분을 [form]태그로 감싼뒤 action값을 본 pc홈페이지 index.*로 연결합니다. 메소드는 아무거나 상관없습니다. 그 후 a링크를 줄때 주소를 주지말고 자바스크립트로 submit을 구현해줍니다. 그다음 히든값을 원하는 값으로 넘기면됩니다. 모바일 페이지 link 구현부분. 링크 스크립트 문은 따로 js파일로 빼던지 태그 사이에 넣던지 알아서 하세여 ㅋ - 본 pc페이지 [index.*] 페이지 본 pc페이지의 index부분에는 javascript 문으로 페이지가 로딩될때 스마트폰을 걸러서 모바일웹페이지로 보내주게 해주는 문이 걸려있을지도 모릅니다. 이 부분에서 받은 form값의 조건을 검사하여 모바일웹페이지로 가지않게만 해주면 본 pc페이지로 접근 가능합니다...

모바일웹 2013.02.18
반응형