웹마스터 팁

  2. Support
  3. 웹마스터 팁

모바일(핸드폰용) 홈페이지 만들기.

2003.01.13 11:36

고광욱

뭐 특별하고 어려운 팁이라기보다,
당연히 되는 것인데, 생각해보지 못한 분들이 많을 것 같아 상기시켜드립니다.

일반 홈페이지 주소를 핸드폰에서 직접 url입력하기로 들어가면,
프레임구조가 뜨고, 메뉴가 안 뜨는 등 제대로 된 페이지 뷰가 어렵습니다.
모바일용 언어가 따로 있는 것으로 아는데 그걸 따로 배우기도 부담스럽습니다.

그런데 단순하게 텍스트로만 페이지를 만들고 거기에 제로보드 게시판 링크를 걸면
정상적인(핸드폰이라 어느정도의 한계는 있지만) 페이지 뷰가 가능하다는 것을 발견하였습니다.

그래서 핸드폰용 메인 페이지를 따로 만들어 봤습니다.(지극히 간단하지만, 이해를 돕기 위해 소스 소개합니다)
이 때 핸드폰 컬러링 등 서비스를 이용할 때 주소를 바꿔입력해야 하는 번거로움을 없애려면
메인화면에 홈페이지로 가는 링크와, 핸드폰에 기본으로 설정되어 있는 첫 화면 링크를 둘 다 걸어줘야합니다.

** 핸드폰용 홈페이지 초기화면(홈과 엔지오 싸이트와, 핸드폰 기본 URL을 링크해둠) **

<html>
<head>
</head>
<body>
<!------------- 홈페이지의 세부 메뉴로 들어가는 링크입니다...--------------->
*Dentalk MobileHome*<p><a href="http://dentalk.net/phone/home.htm">◎ Home</a></p>
<!------------------- 모바일용 엔지오 싸이트로 들어가는 링크 --------------->
<p><a href="http://m.nzeo.com">◎ Mobile NZEO</a></p>
<!--------------------- 핸드폰 인터넷 서비스 제공 싸이트 (벨소리, 컬러링, 배경화면 등등 바꿀때 -------->
<p><a href="http://wap.n-top.com">◎ Nate</a></p>
</body>

</html>

*********** 'Home'을 클릭했을 때 뜨는 메뉴.. ********

<html>

<body>
*Dentalk MobileHome*
<p><a href="http://dentalk.net/calendar/calendar.php?id=dentalk">◎ Diary</a></p>
<p><a href="http://dentalk.net/zero/zboard.php?id=board">◎ Board</a></p>
<p><a href="http://dentalk.net/zero/zboard.php?id=gallery">◎ Gallery</a></p>
<p><a href="http://dentalk.net/zero/zboard.php?id=drawing">◎ Junk Box</a></p>
<p><a href="http://dentalk.net/index.php">◎ Status</a></p>
</body>

</html>

아래의 두 가지 경로로 접속하여 비교해 보시기 바랍니다.

원래 제 홈 주소(컴으로 접속) : http://dentalk.net
핸드폰용 홈 주소(폰으로 접속) : http://dentalk.net/phone/phone.htm

*** 참고..
1. 스킨에 따라서 핸드폰에서 보기가 안되는 경우가 있습니다.
2, 그림은 나오지 않습니다(치명적 단점이죠??)
3. 항상 최근 3~6 개 정도의 글만 보기가 가능합니다.(이유는 저도 모릅니다..^^;)
4. 일정 길이 이상의 글은 중간에 짤립니다....(역시 이유는 모릅니다...^^)
5. 글 작성은 안됩니다.(요것도 스킨에 따라 다른 것 같습니다만...)

이걸로 모바일 용 홈을 제작한다기 보단,
개인 홈 관리자가 밖에서 심심할 때 누가 글(또는 답글...) 안 올렸나~
확인해 보는 정도로 이용하면 적절하다.. 싶습니다..
그럼..
* DeX™님에 의해서 게시물 이동되었습니다 (2003-01-13 11:42)
이 게시물을
수정 삭제
좋아요
목록
태그 쓰기