웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
![taeji_study_05.gif](/files/attach/images/19360727/366/366/019/99b983892094b5c6d2fc3736e15da7d1.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달이 걸렸거든요....
올려야할지 말아야할지... 상당히 망설이다가 이렇게 올립니다....
많은 분들에게 도움이 되었으면 좋겠네요...
그럼 오늘 하루도 행복한 하루 되세요...
해상도에 적응하는 노프레임 홈페이지 제작에 필요한 표와 셀의 관계
2004.10.13 03:36
![taeji_study_05.gif](/files/attach/images/19360727/366/366/019/99b983892094b5c6d2fc3736e15da7d1.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달이 걸렸거든요....
올려야할지 말아야할지... 상당히 망설이다가 이렇게 올립니다....
많은 분들에게 도움이 되었으면 좋겠네요...
그럼 오늘 하루도 행복한 하루 되세요...
댓글 8
-
조현철
2004.10.13 08:55
좋은 팁이네요.. 추천합니다.~~ -
Multi_Taeji
2004.10.15 01:42
감사합니다.. 하하하;;; -
oops^^*
2004.11.09 01:46
이제 홈페이지를 만들어보려는 학생입니다~~
질문있는데요!!
제작툴말고 html소스로 위에처럼 하려면 어떻게 해야하나요? -
Multi_Taeji
2004.11.09 10:52
음...
그건 상당히 어려운 질문입니다...
일반적인 html을 구성하는 소스를... 웹툴을 이용하지 않고 일일이 수작업을 통해
표와 셀의 내용을 기록한다는 것은........
정말... 어렵다해도 과언이 아니죠....
그럼...일단 아래 소스를 적어드리죵...
<table border="1" width="100%" height="100%">
<tr>
<td width="50" height="50"> </td>
<td height="50"> </td>
<td width="50" height="50"> </td>
</tr>
<tr>
<td width="50"> </td>
<td>
<p align="center">늘어나는 부분요</p>
</td>
<td width="50"> </td>
</tr>
<tr>
<td width="50" height="50"> </td>
<td height="50"> </td>
<td width="50" height="50"> </td>
</tr>
</table> -
Multi_Taeji
2004.11.11 10:25
^ ^;; -
oops^^*
2004.11.10 21:40
잘봐습니다~ 감사합니다~^^* -
김선회
2005.03.01 22:04
수고하셨음니다..
아시겠지만 별거 아닌것이 더 어렵씀니다..ㅋㅋ
이런것은 책에서 찾기도 힘들뿐더러 질문과 답변게시판에서도
ㅊㅏㅊ기 힘들 잖아요...
지금 그런종류의 문제들때문에 머리가 아프네요...중요한것 은 아닌데 ..그런대도
필요성을 느끼는 것들... -
조한철
2006.01.16 11:42
e부분..;;ㅋ
제목 | 글쓴이 | 날짜 |
---|---|---|
아이프레임 가로스크롤바 없애기 [3] | 백승창 | 2004.05.28 |
처음올립니다;ㅂ; 너무 신기한 거 발견;; [19] | 올리못™ | 2004.05.30 |
relative 속성 레이어를 이용한 메뉴를 자리차지하지 않게... [1] | PHASE | 2004.06.03 |
어쩌다 나온 깔끔한 그레이 스크롤바.. 흠흠.. [11] | ☺심심 | 2004.06.06 |
이미지에 필터만으로 그림자주기.. [15] | Simsim | 2004.07.07 |
도메인 포워딩 하기 [4] | 나준혁 | 2004.07.27 |
동영상과 함께 자막 재생하기. [4] | 세강:D | 2004.08.16 |
경고창 없이 부모창 닫고 아기창에서 마우스 오른버튼 클릭시 아기창도 닫는다. [4] | 詩와언어™ | 2004.08.27 |
테이블 주위에 점선효과!!!~~(초간단팁!) [6] | 초라 | 2004.09.25 |
TabIndex를 이용하여 탭키 컨트롤하기 [5] | 손상모 | 2004.10.08 |
해상도에 적응하는 노프레임 홈페이지 제작에 필요한 표와 셀의 관계
[8]
![]() | Multi_Taeji | 2004.10.13 |
<button>태그를 아시나요? [6] | 그냥이렇게。 | 2004.10.13 |
타이틀 바에 움직이는 타이틀 넣기. [5] | 덜렁이 | 2004.10.16 |
스타일시트에서 링크포커스 없애기 [12] | keymove | 2004.10.26 |
W3C 표준 권고안. 앞으로 꼭 지켜주세요.. [14] | canelia | 2004.10.29 |
각 객체접근.. [2] | canelia | 2004.10.29 |
웹문서 검색을 대비한 헤더,푸터 나누기. [4] | 그럴까? | 2004.10.29 |
a링크를 이용 새창 띄우기 [10] | 토토루 | 2004.11.07 |
웹폰트사용에 대한 실체를 밝힌다!! [22] | Multi_Taeji | 2004.11.13 |
최근게시물의 폰트크기와 링크색상 바꾸는 방법 | LUFFY | 2004.11.20 |