묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이아웃,스킨,템플릿 차이가 뭔가요
2009.02.06 09:29
레이아웃,스킨,템플릿 차이가 뭔가요?? 메뉴얼을 읽어봐도 잘 이해가 안가서요.. ^^;; 헷갈리고.. 그리고 사진에 보이는 저 선은 어떻게 없애 주나요?? 답변 부탁드려요..
사전적 의미와 실용적 의미로 어느정도 구분해서 이해를 해야 할듯 합니다.
1. 레이아웃 : 배치,지면배정
2. skin : 피부 (컴퓨터용어로는 쉽게 싸이월드 미니홈피 스킨을 생각하시면 될듯)
3. 템플릿 : 형판, 일정한 틀을 갖춘형태
이렇게 사전적 의미로 해석할수 있겠구요..
이것을 실제 사용하는 의미로 사용을 해 본다면..
XE에선 다양한 레이아웃 템플릿이 있습니다.
레이아웃과 템플릿이 하나로 합쳐져서 불리우는데,
특정형태로 화면이 배치된 부분에 XE기능들이 접목되어 있는 형태를 말합니다.
XE 기본 레이아웃템플릿의 경우 현재 보시는 XE사이트와 같은 형태지요.
상단에 메뉴가 연결되고, 좌측에 로그인이 있고, 중앙에 게시판이 출력이 되고...이러한 템플릿적인 요소와 상단,좌측,중앙,하단의 레이아웃적 요소가 합쳐져서 레이아웃 템플릿이라고 부릅니다.
그리고 스킨이라고 하면, XE현재 사이트는 블랙스킨을 사용하고 있는데, 스킨을 화이트를 선택해서 사용할수도 있겠지요.
이렇게 개념적인 부분이 이해가 된 상태에서 간혹 위 3개를 구분하지 않고 그냥 통일해서 쓰기도 합니다.
예를들어 "이번에 새로운 스킨이 나왔데.." 라고 한다면 그 의미속엔 새로운 레이아웃이 나왔다는 의미도, 새로운 스킨이 나왔다는 의미도, 새로운 레이아웃템플릿이 나왔다는 의미도 포함할수 있습니다.
물론 이 예를 통상적인것은 아니구요, 그럴수도 있단 이야기입니다.
마지막으로 좌측에 라인은 본문 body 백그라운드 이미지 입니다.
css 파일에서 확인 하실수 있으며
#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; background:url(../images/default/bgContentBody.gif) repeat-y left top; border-bottom:1px solid #dddddd;}
이부분이지요.
이미지명은 bgContentBody.gif 입니다.