DIV 기반 레이아웃 구성

  • 릴리스 버전: Zurich
  • 업데이트 날짜 2025년 07월 31일
  • 소요 시간: 1분
  • 사이트를 만든 후 DIV 태그를 사용하여 사이트 레이아웃을 변경할 수 있습니다.

    시작하기 전에

    필요한 역할: content_admin 또는 admin

    이 태스크 정보

    많은 웹 페이지 레이아웃은 일관된 모양과 느낌을 위해 테이블을 사용합니다. 테이블은 숫자 및 통계에 효과적이지만 다른 유형의 정보를 디자인하는 데는 제한될 수 있습니다. DIV 태그는 유연한 블록 요소 태그입니다. 레이아웃에 DIV 태그를 사용하려면 태그에 ID를 부여하고 CSS를 사용하여 속성을 할당하십시오.

    CSS 및 DIV 태그로 변경하면 다음과 같은 방법으로 도움이 됩니다.
    • 코드 단순화
    • 코드 양 줄이기
    • 페이지 로드 속도 증가
    • 프레젠테이션에서 컨텐츠 분리
    • 도움말 페이지는 다양한 장치 해상도에 맞게 조정됩니다.
    • 검색 엔진이 페이지를 더 쉽게 크롤링할 수 있도록 합니다.
    • 진화하는 웹 페이지 디자인 표준에 맞게 코드 만들기

    Administration Theme - Charcoal이라는 테마가 CSS 기반 DIV 기반 레이아웃의 예로 포함되어 있습니다. 관리 테마 - 목탄 DIV 기반 레이아웃을 보려면 다음 단계를 완료하십시오.

    프로시저

    1. 다음으로 이동 모두 > 콘텐츠 관리 > 디자인 > 레이아웃.
    2. 관리자 1 열 클릭
    3. 코드를 검토합니다.