모바일 장치용 웹사이트 프로그래밍

Question

모바일 친화적인 웹사이트를 만드는 방법이 궁금합니다..그렇다면 가장 좋은 크기는 무엇이며 웹사이트가 모바일 장치에 있는지 여부를 파악하도록 하려면 어떻게 해야 할까요?또한 페이지에 결함이 없고 더 빠르게 로드되도록 하려면 디자인과 코딩을 어떻게 제한해야 합니까?

Answer 1

여기에는 실제로 두 개의 주요 학교가 있으며 청중에 따라 다릅니다.

현재 모바일 브라우저에 관해 이야기한다면 대부분의 시장은 iPhone, Android 변형, Palm Pre 등과 같은 모든 기능을 갖춘 브라우저를 사용하고 있습니다.이는 복잡한 자바스크립트 및 최신 CSS와 같은 작업을 처리할 수 있습니다.이러한 군중의 경우 매우 제한된 페이지 너비(>800px)에 대한 레이아웃 간소화, 로드해야 하는 데이터 양 최소화(모바일 연결이 매우 느릴 수 있으므로), 글꼴 크기 및 최적화와 같은 작업에 주로 집중하고 싶습니다. 가독성을 위한 줄 높이.

그러나 개발도상국(아프리카, 남아메리카, 아시아 일부 지역)에서는 모바일 브라우징이 A) 매우 중요하고 B) 하드웨어 성능이 약 5~10년 정도 뒤쳐집니다.모바일 인터넷은 해당 분야에 대한 정보를 얻는 주요 수단이지만 실제로는 1999년처럼 HTML을 작성해야 합니다(물론 테이블 제외).마크업을 매우 깨끗하고 단순하게 유지하고, 화려한 스타일을 제한하고, 자바스크립트, 플래시 또는 기타 어떤 것에 의존하지 마세요.

이러한 유형의 청중에게는 광고 없이 페이지가 어떻게 보이는지에 대해 매우 관심을 기울여야 합니다. 어느 스타일시트가 적용되었습니다.의미적 마크업이 왕입니다.물론 스타일을 지정할 수 있지만 가능한 한 최소화하십시오.

이것이 몇 가지 기본적인 아이디어를 제공하기를 바랍니다.

Answer 2

당신은 W3 모바일 웹 이니셔티브. 그들은 많은 모범 사례와 모바일 웹 유효성 검사기.

Answer 3

인터페이스 사용자 친화적 인 사용을 위해 JQuery Mobile.