번호 : 37
글쓴날 : 2002-11-07 01:03:22
글쓴이 : 에띠	조회 : 7007

제목: 노프레임 홈페이이를 만들어보자

대부분의 홈페이지를 보면 1. 상단메뉴 2. 왼쪽서브메뉴 3. 가운데 내용 4. 맨 밑에 카피레프트 부분 요렇게 프레임을 나눠서 사용하는 경우가 많습니다.. 하지만 프레임을 나누는 것 보다 안 나누는 것이 여러가지 점에서 유리합니다...굳이 설명을 드리자면 트래픽에서 3개의 페이지를 여는 것 보다는 하나의 페이지를 여는게 더 빠르다고 볼 수 있죠.. 그래서 하나의 페이지에 테이블로 다 보여주고 링크를 누를때 마다 상단은 변하지 않고 밑에 내용만 바뀌게 하면 훨씬 더 빠르게 처리 할 수 있을 겁니다.. 음 중요한건 소스코딩을 하실때 나모를 사용하시면 안돼구요.. 드리위버 정도면 무난하지만 메모장이나 기타 에디터 프로그램으로 코딩하시는 게 났습니다.. 왜냐하면 나모로 할 경우 지가 알아서 닫아 버리기 때문에 참 난감해지는 경우가 많이 생깁니다.. 기본적으로 홈피를 어떻게 꾸밀 것인가 레이아웃을 그려보구요... 우선 아래 그림을 봅시다..
이작업은 나모로 하셔도 무방합니다.. 위와 비슷하게 테이블을 그려줍니다... 먼저 바깥테이블은 1*1로 만들어 주시구요.. 표속성은 안쪽 바깥쪽여백을 다 0으로 해주시고 크기는 원하는 크기만큼 해줍니다... 그런다음 쓸데없는 소스를 삭제합니다..
이제 이 테이블안에 중간테이블을 만들어줄 차례입니다. 이것도 어떻게 만드냐에 따라 천차만별이겠지만 제일 처음 구상한 것을 바탕으로 생각해보면, 상단이미지가 한줄들어가구요.. 그밑에 메뉴가 또 한줄 필요하죠? 그리고 그 밑에 외부로그인과 최근게시물이 표시되고 제일 밑줄에는 카피가 들어가야 되므로 세로로는 총 4줄이 필요하겠네요. 가로로는 메뉴는 모두 한셀에 집어넣는다고 생각하고 로그인과 최근게시물이 각각 따로 들어가야 하므로 2개의 셀이 필요하고 또 이 두셀을 나누는 선(제일위의 그림을 보시면 아시겠죠??^^) 이 한셀을 차지하므로 가로로는 총 3개의 셀이 필요합니다. 따라서 3*4의 테이블을 만들어야 하겠네요..^^ 아까처럼 테이블을 만들어줍니다. 또 표 속성에 들어가셔서 크기는 픽셀단위로 100%로 지정하시구요.. 그리고 이 테이블은 바깥쪽 선이 필요 없으니까 선종류는 걍 감추기로 지정하세엽 그리고 상단 이미지가 들어갈 부분은 셀을 하나로 합쳐 주세용... 맨밑에 카피가 들어갈 부분도 합쳐줍니다.. 여기서 셀의 기본적인 설정을 하시면 되는데 저 같은 경우 걍 편하게 가로 가운데 정렬로 처리를 합니다..편하신대로 처리를 하시면 됩니다... 이 정도 만들어 놓고 편집창에서 보면 원하지 않는 여백이 생깁니다.. 다시 셀 속성으로 들어 가셔서 바깥쪽 테이블과 안쪽 테이블의 여백을 똑같이 지정해주시구요 ... 쓸데없는 태그를 지워줍니다.. 상단 그림이랑 메뉴는 포토샵이나 플래쉬 등으로 적당하게 꾸며주면 기본적인 레이아웃은 완성됩니다.. 오늘은 여기까지 하구요...낼 본격적으로 노프레임 홈피 만들기를 시도해 보겠습니다..^^

Copylefted by JINBO.NET