묻고답하기
레이아웃의 헤더 부분 질문드려요(초보적인 질문이예요ㅠㅠ)
2012.11.13 14:43
첨부파일 확인해보시면 제가 붉은색, 초록색으로 1번 2번 나눠뒀는데
초록색 부분이 하나의 html 파일로 이루어진것인가요?
그렇다면 붉은 부분은 어떤식으로 추가가 가능한것인지 잘 이해가 안됩니다
레이아웃을 나모로 만들어서 적용하려고 하는데 어떤식으로 만드는게 좋을까요?
저것이 두개로 나눠진걸로 보이는데 다른분들은 헤더.html로 하나로 만들어쓰시는거 같더라구요ㅠㅠ
제가 좀더 잘 안다면 수고를 안끼칠텐데 :<...
다 가르쳐주시지 않아도 되고 어떤 식으로 접근하면 좋은지 개념만 잡아주시면 감사하겠습니다.
참고로 저는 html를 배운지 얼마 되지 않았고, css나 자바, 제이쿼리?그런 것은 전혀 모릅니다ㅠㅠ
만일 그런것이 필요한거라면 그냥 언급만 해주세요 ㅠㅠ
댓글 1
-
yullaha
2012.11.13 18:32
아 그러면 일종의 눈속임 같은 것이라고 보면 될까요? 같은 영역에 있는데 위치만 다르게 해주고 그 아래 그래픽만 적절하게 넣어줌으로써 2단으로 보이게 한거겠죠? 친절한 설명 감사드립니다 이해가 잘됐어요!
css로 정렬한겁니다.
( div는 아실거라는 전재 하에 설명해드릴께요. 모르신다면 div는 블럭이라고 보시면 됩니다. )
헤더 외부 파일이든 그냥 레이아웃 파일이든 <div class="h"> 가 헤더라고 합시다. (저 큰 부분)
그럼 이곳에는 보통 메뉴 div <div class="menu">와 회원정보 div <div class="account">가 있습니다.
코드들은 이렇게 됩니다.
<div class="h">
<div class="account">
회원메뉴
</div>
<div class="menu>
메뉴
</div>
</div>
하지만 이것을 그대로 코드로 입력하면 다음과 같이 나옵니다.
------------------------------------------------------------------------------------------ 이게 div class="h" ----------
회원메뉴
메뉴
----------------------------------------------------------------------------------------------------------------------
그래서 이것들의 위치를 바꿔주는게 CSS입니다.
CSS를 적용시키면
------------------------------------------------------------------------------------------ 이게 div class="h" ----------
회원메뉴
메뉴
----------------------------------------------------------------------------------------------------------------------
이렇게 바꿀수 있습니다.
이해가 안된다면 덧글 주시면 감사하겠습니다~