차례:

비디오: 디자인 코드 변환 도구 zeplin의 개념과 실전 반응형 웹 앱 제작하기 | 수익형 웹, 앱 만들기 3강 (칠월 2024)

비디오: 디자인 코드 변환 도구 zeplin의 개념과 실전 반응형 웹 앱 제작하기 | 수익형 웹, 앱 만들기 3강 (칠월 2024)
Anonim

스마트 폰이나 태블릿과 같은 모바일 장치를 사용하여 인터넷 서핑을하는 사람이 늘어나고 있습니다. 웹 사이트 소유자는 화면 크기에 따라 사이트의 크기를 조정하거나 휴대 전화에 최적화 된 별도의 웹 사이트 버전으로 모바일 방문자를 보낼 수 있습니다. 전화 최적화 버전의 사이트에 대해 "m"하위 도메인을 만들면 기본 사이트와 구분할 수 있지만 모바일 방문자를 하위 도메인으로 리디렉션해야합니다. 화면 크기를 감지하는 것은 모바일 브라우저가 하위 도메인으로 리디렉션하도록 지시하는 간단한 방법입니다.

Jupiterimages / Creatas / Getty Images 전화로 최적화 된 웹 사이트로 리디렉션하여 모바일 방문자를 수용하십시오.

하위 도메인 만들기

1 단계

웹 호스팅 계정의 제어판에 로그인하십시오. 다른 도메인 관련 도구로 그룹화되는 "하위 도메인"아이콘을 클릭하십시오.

2 단계

하위 도메인 필드에 "m"을 입력하십시오. 드롭 다운 목록을 사용하여 하위 도메인을 추가 할 도메인을 선택하십시오.

3 단계

새 하위 도메인의 파일이있는 FTP 위치를 기록해 두십시오. 이 정보는 일반적으로 하위 도메인 이름을 입력하자마자 하위 도메인 작성 페이지에 표시됩니다. 양식을 제출하여 하위 도메인을 만드십시오. 하위 도메인은 즉시 게재되어야하지만 파일이 업로드되기 전에 파일을 업로드해야합니다.

리디렉션 작성

1 단계

일반적으로 "index.html"또는 "index.php"인 웹 사이트 홈페이지의 파일을 엽니 다. "

"태그를 사용하여 일반적으로"header.html "또는"header.php "라는 제목 파일을 엽니 다.

2 단계

추가 "

3 단계

웹 사이트를 방문하는 데 사용되는 장치의 화면 너비를 감지하는 작은 JavaScript를 작성하십시오. 화면 너비가 700 픽셀보다 작 으면 사용자가 휴대 기기에서 웹 사이트를 방문한다고 가정 할 수 있습니다. 이 경우 사용자를 "m"하위 도메인으로 리디렉션하십시오.

위의 스크립트에서 "yourdomain.com"을 자신의 도메인으로 변경하십시오.

모바일 웹 사이트에 M 하위 도메인을 만드는 방법