웹마스터 팁

taeji_study_05.gif
http://taeji.er.ro/첨부시킨 사진을 보시면 총 9개의 셀로 이루어진 표를 보실 수 있습니다.. (사진이 너무 큰가 -_ -;;)

지금부터 설명드리는 것은 HTML에 대한 어느정도의 지식을 가진 분이라면
분명히 알고 계신 것이라 할 수 있는데요...
이제 막 HTML을 이용하여 홈빌드를 시작하는 분들께는 아주 유용할 것 같아서 이렇게 올립니다..
중복확인을 하지 못했군요....

그림을 보시면....
전체 9개의 셀..A부터 I까지를 마우스로 드래그합니다...
가로(WIDTH)와 세로길이(HEIGHT)를 100%로 지정을 하구요....

가장 좌측에 세로로 늘어선 ABC셀을 마우스로 드래그하여 가로(WIDTH)값에 특정 픽셀값을 부여합니다..
여기서는 예로 50픽셀을 지정할께요...
그 다음 가장 우측에 세로로 늘어선 GHI를 드래그하여 역시 가로(WIDTH)값에 50픽셀을 부여합니다.

이제는 상단에 위치한 ADG셀을 드래그하여 세로길이(HEIGHT)에 50픽셀의 값을 부여하구요..
역시 최하단에 위치한 CFI셀도 마우스로 드래그하여 세로길이(HEIGHT)에 50픽셀의 값을 부여합니다..

그럼 마무리됬군요....
이렇게 위와 같은 순서로 표의 셀들에 가로세로를 지정해주면
가운데 위치한 E셀이 익스플로러의 크기변화에 따라 고무줄처럼 수축을 하게 됩니다...
E를 제외한 나머지부분은 항상 가로세로값이 50픽셀의 값을 유지를 하겠죠? ^^;;

위와 같은 설정을 이용한다면....
어느 해상도에 맞추어 홈페이지를 제작할 것이냐는 의문점에서 어느정도 해결책을 찾을 수도 있겠네요....

제로보드의 게시판 설정에 보시면...
게시판의 가로길이를 100이하로 지정을 하면... 익스플로러 가로길이에 대한 %값으로 인식을 하게 된다는 것... 아실겁니다..
대부분의 제로보드 스킨이 위와 같은 기본설정을 가지고 있기 때문이죠...
바로 제목이 나오는 subject 가 위 첨부그림의 E와 같이 수축을 하기 때문이죠....

정말로 허접한 팁이었습니다...
저는 저것을 혼자서 알아내는데 무려 2달이 걸렸거든요....
올려야할지 말아야할지... 상당히 망설이다가 이렇게 올립니다....

많은 분들에게 도움이 되었으면 좋겠네요...
그럼 오늘 하루도 행복한 하루 되세요...
제목 글쓴이 날짜
홈페이지의 개념부터 알아야 하는 진정한 초급자들의 위한 팁입니다. 놀라운넘 2010.03.23
홈페이지에 계정 사용량, DB 사용량, 현재 트래픽 출력하기 [7] file 대류 2010.03.29
XE 기본 카운터의 방문자 / 페이지뷰 출력하고 수정하기 [5] 대류 2010.04.03
공지글 1페이지에만 보이기 [1] 러키군 2010.04.29
LNB위젯사용하지 않고 초간단 페이지 인식 메뉴 만들기 file 쥰지 2010.06.09
''외부 페이지''에서 CSS/JS 파일 불러들이기 [2] xe-m 2010.06.11
스마트폰이 없는뒤~!! 모바일페이지를 봐야 할경우 [15] 토깽이2 2010.07.02
초보의 모바일 페이지 등록하기 [5] 조량 2010.07.15
모바일 레이아웃 로그인페이지 개선방법 [4] 스카이피아 2010.08.01
페이지 모듈 사용시 여백 관련한 팁! sejin7940 2010.08.02
검정 배경 홈페이지용 회원 정보 스킨 file LutZ 2010.08.03
관리자페이지 회원목록을 일반페이지에서 사용하기 [5] file 늘푸른이 2010.08.07
게시판 본문페이지 닉네임 옆에 회원그룹명 사용 [4] file 늘푸른이 2010.08.13
레이아웃 관리자 페이지 html 에디터창 늘리기+줄이기 [1] file 레드폭스 2010.08.25
초보자도 따라하는 XE로 홈페이지 만들기 강좌 포스트입니다. [2] 놀라운넘 2010.08.27
페이지에서 첨부파일 100% 에서 증발이 되면...? [6] 우리아기 2010.09.04
로그인/로그아웃 시 그페이지에 그대로 남아있게하기. [4] 롤리^^ 2010.09.16
카페24 외부페이지로 트래픽 확인하기 [1] file teryboy 2010.10.09
페이지 설정, 꼭 이렇게 해두세요 [10] file 老姜君 2010.10.14
IE 전용 페이지 전환시 부드럽게 하기 (퍼옴) [2] 오실롯 2010.10.29