메뉴 건너뛰기

2024년 03월 29일 Friday


건축이나 건설에서 가장 처음에 하는 일이 측량을 하고 구획을 설정하는 것입니다.
마찬가지로 홈페이지의 제작 또한 내용과 요소의 배치를 구분하고 설정하게 됩니다.
바로 이것을 레이아웃이라고 합니다.
레이아웃은 홈페이지의 성격과 운영에 가장 적절해야만 합니다.
참으로 중요하지요.
아래의 자료는 레이아웃 중 대표적으로 가장 많이 사용되는 몇 가지를 예로 들었습니다.
 
  • 자료를 볼 때의 도움말
    • #wrap - 홈페이지 전체를 감싸는 프레임.
    • #header - 로고와 메인 메뉴가 위치하는 곳.
    • #container - 본문 내용을 감싸는 프레임.
    • #content - 전달하는 정보를 담고 있는 곳.
    • #snb - 서브 메뉴 및 배너가 위치하는 곳.
    • #aside - 배너 등이 위치하는 곳.
    • #footer - 저작권, 주소, 제작, 개인정보보호 등을 표기하는 홈페이지의 끝 부분.
 
 
  • 원프레임 - 제품홍보 사이트, 작가나 예술인등 개인 사이트에서 많이 사용됩니다.

 

lay1.gif

 

 

 

 

 

 
  • 2단 컬럼 - 동호회, 쇼핑몰 등에서 사용되어 지며, 좌 우 2가지가 있습니다.

 

 

lay2-1.gif

 

lay2-2.gif

 

 

 

 

 

  • 3단 컬럼 - 대형포털, 언론사, 동호회 등 주로 텍스트가 많이 표출되는 사이트에서 사용됩니다.

 

lay3.gif

 

 

 

댓글 작성