페이지 만들기(고급편-배경색) - 4
분류
: 페이지편집
작성자
: 관리자
등록일
: 2023-03-31
조회수
: 407
페이지 편집 고급편 메뉴얼입니다.
블록템플릿의 배경색을 변경하는 방법을 알아보겠습니다.
1 : 템플릿 배경색을 변경할 수 있습니다.
배경색이 블록 전체에 적용되어 있기 때문에 DIV 라는 요소 중에서 가장 상위에 있는 요소를 클릭합니다. 때로는 section이 최상위 일수도 있고, 섹션에 적용되어 있을 수도 있습니다. 그런경우에는 섹션을 클릭하면됩니다.
2 : 전체 선택되었음을 쉽게 알 수 있습니다.
최상위 DIV 를 클릭하면 하위 DIV 가 사라지고 모든 텍스트들이 선택됩니다. 이제 최상위 요소를 선택한 것입니다.
3: 선택한 요소에 고유한 이름(id)을 붙여줍니다.
아이디 변경은 선택한 요소의 구조를 그대로 유지하면서 그 요소에 아이디가 이미 있다면 변경하고, 없다면 새로 아이디를 추가해줍니다. 선택영역에 고유한 이름을 붙여주면 이 요소에 대해서 완전하게 콘트롤할 수 있게됩니다. 모든 속성을 부여하거나 변경할 수 있습니다. 이 부분에 대해서는 메뉴얼에서 자세한 설명이 계속될 것입니다.
4 : 소스코드에서 아이디가 변경 또는 추가되었는지 즉시 확인할 수 있습니다.
소스코드창은 편집창에서 변경되는 내용을 실시간으로 업데이트합니다.소스코드에 보면 선택한 요소에 새로운 아이디가 추가되었음을 알수 있습니다. 이제 "업데이트" 버튼을 눌러서 저장해줍니다. "업데이트" 버튼을 눌러야 이름이 저장되므로 반드시 클릭해주시기 바랍니다.