포럼
스킨 메뉴얼에 좀 헷갈리는 부분이 있어요
2012.02.28 11:45
안녕하세요,
지금 스킨 메뉴얼 꼼꼼히 정독 중인데
저는 기본 HTML, PHP, 그리고 CSS를 알아보는 수준이거든요.
한마디로 초보지요... 왕초보는 아니지만..
그런데 스킨 메뉴얼 보다가 좀 헷갈리는 부분이 있어요!
스킨메뉴얼 49쪽에
레이아웃 스킨의 문서 구조
예제 레이아웃 스킨은 header, gnb(global navigation bar), body, lnb(local navigation bar), content, footer로 구성되어 있습니다. 따라서 layout.html의 묷서 구조는 다음과 같습니다.
<div class="user_layout"> <div class="header">
<h1>Site Logo</h1> <hr />
<div class="gnb">.gnb</div>
</div> <hr />
<div class="body">
<div class="lnb">.lnb</div>
<hr />
<div class="content">.content</div>
</div>
<hr />
<div class="footer">.footer</div>
</div>
HTML로 작성된 <div> 요소에 클래스 이름을 지정한 이유는 CSS 파읷에서 HTML 요소를 선택해서 원하는 배치를 구현할 수 있도록 하기 위해서입니다.
-----------------------------------------------------------------------------
이렇게 나와 있는데 .gnb, .content, .footer가 뭘 나타내는 건지요??
아무런 부연 설명이 없어서 헷갈려요...
메뉴얼이 조금 더 초보자들에게도 친숙했으면 좋겠습니다... 그건 욕심일까요? ㅠㅠ
차라리 gnb가 들어갈 코드, content가 들어갈 코드, footer가 들어갈 코드
이런식으로 설명하는게 낫지 않을까요? 아님 부연 설명이라도.. 메뉴얼에 넣어야 하지 않을까요? 개선 부탁드립니다....
댓글 4
-
이지데브
2012.02.28 14:09
-
ToFinder
2012.02.28 15:56
CSS로 등록되어진 명칭이지요.
css 파일을 보시면 .gnb 등이 있습니다.
일전에는 html로 img 명으로 해서 해당 바탕화면 이미지나 백그라운드 컬러등을 설정하였습니다.
그 부분을 css로 대처하여 사용하고 있지요.
문서를 순서대로 놓더라도 위치를 css에서 바꿀수도 있어서 좋습니다.
해당 부분은 css에서 등록한 class명이지요 ㅎ
-
<div class="header">
조거 쥐약입니다.
한비아빠님이 몇번인가 강조했었지요...아마...
레이아웃의 .header 와 게시판의 .header가 공존하는 경우 예측이 불허의 현상이 종종 벌어져서리...
.layout_header와 .board_header로 학실(??)하게 구분하는 것이...
-
HolyJohn
2012.02.28 21:05
우움.... 결국은 저의 무지였군요 ㅠ_ㅠ
답변들 감사합니다 ^_^;
.gnb, .content, .footer 등은 구분을 위해 임의로 부여되는 명칭입니다.
보통은 gnb 메인메뉴 lnb 서브메뉴 content 본문 footer 본문아래 영역을 일반적으로 사용하나
클래스 끼리 충돌을 피하기 위해 John_gnb , John_content 등으로 고유명칭을 넣고 만드시는걸 추천합니다~