즐겨찾기브랜드미니샵

매뉴얼

매뉴얼 1_용어 정의 - 레이아웃이란?
2016-02-22 19:27:05
<>

레이아웃이란?!

컨텐츠만 가지고 웹페이지를 만들게 되면 세로로만 나열되기 때문에 사실상 컨텐츠만 가지고는 웹페이지를 완성 할 수 없습니다.

때로는 컨텐츠를 가로로 나열해야 할 때 있고, 바둑판 형식으로 나열해야 할 때가 있는데 이런 구조를 레이아웃이라고 합니다.

레이아웃은 눈으로 보여지는 요소가 아니라 컨텐츠의 위치를 잡는 틀이라고 보셔도 될 것 같습니다.

 

아래 예제를 통해 레이아웃의 역할과 활용 방법에 대해서 알아보겠습니다.

디자인팜 좌측 메뉴에서 [반응형 레이아웃]에서 제공되는 레이아웃을 모두 넣어보겠습니다.

레이아웃은 1칸 / 2칸 / 3칸 / 4칸 / 5칸 / 6칸이 있으며, 이것은 오른쪽 세부옵션에서 각자 비율을 조정할수 있습니다.

 

 

 

 

 

 

레이아웃은 반응형을 체크 하시면 반응형이 되는데요,

이것은 잘 보일수 있게 타이틀만을 넣어서 테스트 해볼게요.

 

 

 

확인가능한 페이지 : http://farmmanual2.yestop.co.kr/shop_add_page/index.htm?page_code=manual101&mobile_conn=off

 

 

 

 

 


 

 

 

그럼 레이아웃안에 컨텐츠는 어떻게 넣나요?

[레이아웃]은 [컨텐츠]를 담을수 있습니다. 먼저 "2칸 레이아웃"을 생성하여, 원하는 컨텐츠를 넣어 보겠습니다.

 

 

 

1. [반응형레이아웃] > [2칸 레이아웃]을 생성합니다.

 

 

 

 

 

2. [상단컨텐츠] > [로고+토글A]를 생성합니다.

 

 

 

 

 

 

3. 레이아웃에 로고가 자동으로 들어가진 않습니다. [레이아웃]안에 [컨텐츠]를 넣어 보도록하겠습니다.

 

 

 

 

 

 

 

4. 로고밑에 컨텐츠를 계속 추가 할 수도 있습니다.

 

 

 

 

<<응용편>>

2칸 레이아웃으로 이렇게도 가능합니다.

 

주의 ) 레이아웃 안에는 컨텐츠만 추가 할수 있으며, 레이아웃안에 레이아웃이 들어갈수 없도록 되어 있습니다.

디자인팜에서 기본 제공되는 레이아웃으로 고객이 원하는데로 만들수 없다면, 맞춤형 레이아웃을 통해 직접 만들수도 있습니다.

맞춤형 레이아웃 만드는 방법 (고급사용자용) :  http://wdev.yestop.co.kr/bbs/faq/4387

 


  • 고객상담

    070-4322-0788
    상담시간 평일 오전 09시~ 오후 06시
    토요일,휴일은 홈페이지를 이용해주세요.
    이메일 : help@gjcity.co.kr
    카카오톡상담 : gjcity
    홈페이지상담 : 문의하기
    제휴문의 : partner@gjcity.co.kr
  • 계좌및 결제안내

    농협 355-0007-1565-63 (주)유비플러스
    오후4시 입금확인건에 한해 당일세팅을 원칙으로 하고있습니다.
    익일이 휴일이면 휴일이 끝나는 시점에 세팅이 순차적으로 시작됩니다.
    입금은 주문자와 이름이 동일해야 합니다. 그렇지 않을경우 세팅이 늦어지거나 안될수 있습니다. 이런경우 고객센터로 전화해주세요.
    DNS정보
    1차 : ns1.ubhosting.co.kr(211.215.17.210)
    2차 : ns2.ubhosting.co.kr(211.215.17.212)