회원 호스팅

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