묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
레이아웃,스킨,템플릿 차이가 뭔가요
2009.02.06 09:29
레이아웃,스킨,템플릿 차이가 뭔가요?? 메뉴얼을 읽어봐도 잘 이해가 안가서요.. ^^;; 헷갈리고.. 그리고 사진에 보이는 저 선은 어떻게 없애 주나요?? 답변 부탁드려요..
글쓴이 | 제목 | 최종 글 |
---|---|---|
XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
jk1 | 글쓰기 오류와 프로필 이미지 출력 문제 [2] | 2009.02.06 by jk1 |
꼰대영감 | 홈피 메인화면 사진을 교체하고 싶은데요.. [2] | 2009.02.06 by 熟女 |
비밀얌 | 가입하기에 추가 정보 공개 설정 여부 [2] | 2009.02.06 by 熟女 |
이미경681 | 카피라이트 안보이게 하기 [2] | 2009.02.06 by 팩토리 |
제보공부중 | 게시물 "추천"을 다른 단어로 변경하려면? [1] | 2009.02.06 by 팩토리 |
김치파워 | 큰일났어요 어쩜좋아요 [1] | 2009.02.06 by 넨네 |
Badboy | 외부 페이지 [1] | 2009.02.06 by 넨네 |
피키4 | 다운권한이 없습니다. svn 수시 업로드 문제일까요? | |
miso777 | 메인 페이지 메뉴 제목부분 위치조정 질문입니다. [2] | 2009.02.06 by miso777 |
피키4 | 주소에 따른 관련된 에러 | |
최영석222 | 이런 메인배너 어떻게 만드나요? [고수] [1] | 2009.02.06 by NZ448 |
산묘 | 이슈 트래커 권한 설정 오류 | |
만쓰별(정만) | 태그 출력기 1.1.5업데이트후 태그 다 안나옴 !! [1] | 2009.02.06 by 백성찬 |
제이 | 덧글 (리플) 입력란을 간단하게 할 수 없을까요? [1] | 2009.02.06 by 백성찬 |
934083 | 최근글 출력시 more 링크 출력 및 컬러셋 문제 [4] | 2009.02.06 by 934083 |
탄타끼 | 맨 처음 설치중에 말인데요 [1] | 2009.02.06 by 백성찬 |
gtobe | 프레임셋이뜨게하기/ 메인페이지뜨게하기. [5] | 2009.02.06 by EveR™ |
하늘이22 | /이미지/동영상/첨부파일 아이콘 없애기 [2] | 2009.02.06 by 하늘이22 |
하늘이22 | 열븐 도움 바랍니다. | |
Sus4_ | 글을 등록하면 다른 게시판에도 글 등록되기 [2] | 2009.02.06 by 주사위내기 |
사전적 의미와 실용적 의미로 어느정도 구분해서 이해를 해야 할듯 합니다.
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 입니다.