메뉴 건너뛰기

XE Guidebook

사이트 만들기
2014.08.03 18:51

5-06 레이아웃 바꾸기와 상세 설정하기

조회 수 2330 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

 

XE는 앞 단원 "XE 추가기능" 주제에서 공부한 바와 같이 XE 설치 시 기본적으로 제공하는 모듈, 애드온, 위젯, 스킨, 레이아웃 이외에도 사용자들이 필요로 하는 모듈이나 프로그램이 있으면 언제든지 공식자료실이나 마켓에서 구하여 추가 설치 사용할 수 있으며, 프로그래밍 지식만 있으면 직접 프로그램을 개발하여 덧붙여 사용할 수 있는 확장성이 뛰어난 모듈형(조립식) 웹 저작도구이기 때문에 명실공히 대한민국 최고의 점유율을 자랑하는 CMS 소프트웨어라 할 수 있을 것이다.
 
게다가 XE는 서비스 정신이 투철하여 기본적으로 제공된 모듈과 프로그램에, XE 사용 시 아주 유용한 여러 가지 XE Core 사전 설정 기능들을 많이 탑재하고 있다. 페이지 모듈과 게시판 모듈의 기본 설치 제공과 메뉴 추가와 동시에 자동으로 사용자 페이지와 게시판을 생성시켜 주는 기능, 사이트맵 Welcome menu와 초기 화면 Welcome Page의 기본 제공과 사이트 접속 시 원하는 초기화면으로 바로 접속시켜 주는 "시작모듈" 지정 기능, 기본 레이아웃(default)의 제공과 메뉴 추가와 동시에 생성되는 모듈(페이지, 게시판 등)에 "사이트 기본 디자인"으로 지정된 레이아웃을 연동시켜 주는 기능 ... 등 수없이 많은 사전 프로그램 설정에 의한 자동연동 기능은 XE가 사용자들의 편의성을 높여 주기 위한 세심한 배려라 할 수 있다. (물론 개발자 입장에서 프로그램 전체 관리의 용이성을 더욱 높이려는 의도가 더 크게 작용하였겠지만...)
 
이처럼 XE는 Core 프로그램의 사전설정 자동연동 기능에 의하여 사용자는 사이트맵만 제대로 만들어 주고, 사이트에 필요한 모듈들을 하나 하나 지정하여 서로 연동시켜 주지 않아도 외형상 그럴듯한 웹사이트를 바로 가질 수 있게 된다. 그러나 XE Core의 동작은 항상 개별 모듈 단위의 요청에 대해 일일이 응답하여 작동하는 특징을 가지고 있기 때문에, 개별 모듈의 사용자 설정이나 권한 설정, 스킨의 적용과 상세 설정, 애드온의 작동 여부 설정, 레이아웃의 개별 모듈에의 적용 변경이나 상세 설정 등, 사이트 제작과 운용상에서 모듈 개별적으로 추가기능의 설치 적용과 상세 설정을 해주어야만 비로소 XE Core 본래의 작동 취지에 맞게 사이트를 훌륭하게 구축할 수 있고, 자기만의 개성이 담긴 화려하고도 섬세한 디자인과 줄곧 생각해 온 멋진 사이트를 제작, 운영할 수 있는 것이다.
 
이번 시간부터는 사이트맵 메뉴에 연동되어 있는 게시판, 페이지 모듈의 작성 방법과 상세 설정하기, 위젯을 이용한 페이지 모듈 꾸미기, 모듈에 적용되어 있는 스킨 설정하기, 레이아웃 디자인의 변경 및 상세 설정하기, 애드온의 작동 설정 등 초기 사이트의 구축과 제작 과정에서 실전적으로 가장 많은 시간을 할애하는 부분들에 대하여 배우게 될 것이다. 그럼 웹 사이트에서 제일 먼저 눈에 들어오고, 사이트의 전체 분위기를 표현하고 장식해 주는 겉옷과도 같은 레이아웃 바꾸기와 상세 설정하는 방법을 공부하러 출발...!

 
● 레이아웃 의의
 
"배치" 또는 "설계" 의미를 뜻하는 레이아웃(layout)이란, 웹페이지의 제한된 공간 안에 웹 구성요소를 효과적으로 배치하고 나열하는 디자인 기법을 말하며, 전체 공간을 헤더, 콘텐츠, 사이드, 푸터 등의 영역으로 나누고, 그 안에 모듈이나, 위젯 등의 요소를 적절히 배치하여 사이트의 주제와 특징을 가장 효과적으로 표현하는 역할을 한다.  
 
곧 레이아웃은 사용자가 생성하여 사용하는 모듈의 외관을 아름답게 치장하는 겉옷과 같은 것으로서, 컨텐츠를 가장 잘 표현하기 위한 치장 기술이기 때문에 웹사이트의 전체적인 스타일과 분위기, 느낌을 표현하는데 결정적 영향을 미치는 핵심적 디자인 요소라 할 수 있다.
 
XE Core는 이처럼 웹페이지에서 매우 중요한 기능을 하는 레이아웃 스킨을 사용자들이 편리하게 이용하고 쉽게 사이트를 구축할 수 있도록 많은 다양한 기능과 인터페이스를 제공하고 있다. XE 설치 시 제공하는 "사이트 기본 레이아웃"으로 홈페이지 제작을 보다 용이하게 할 수 있도록 하였으며, 필요시는 언제든지 다른 레이아웃을 추가 설치하여 사용할 수 있고 나아가 사용자 스스로가 레이아웃을 수정 편집은 물론, 레이아웃을 직접 만들어 사용할 수 있도록 XE 템플릿도 공개하고 있다.
 
또한 XE 공식자료실에는 많은 외부 개발자들이 모듈, 위젯, 레이아웃, 스킨, 애드온 등 다양한 기능의 많은 프로그램들을 개발, 배포하고 있다. 사용자들은 이들을 적절히 선택하여 이용하게 되면 최신 유행하는 디자인의 웹사이트 구축도 얼마든지 원하는 대로 만드는 것이 가능한데, 무엇보다 레이아웃 스킨의 개발과 보급이 가장 활발하게 이루어 지고 있는 것이, XE 사용의 가장 큰 즐거움이라 할 수 있을 것이다.
 
☞ "XE 추가기능의 의의와 종류" 참조
☞ "설치된 레이아웃" 참조
 
 
● 사이트 기본 레이아웃의 지정
 
XE Core를 설치하게 되면 XE에서 제공하는 "default" 이름을 가진 레이아웃이 처음부터 강제적으로 "사이트 기본 레이아웃"으로 지정되어 있어, 사이트맵을 만든 후 사이트에 접속해 보면 곧 바로 웹 페이지에 "default 레이아웃"이 적용되어 웹페이지가 나타나는 것을 볼 수 있다.
 
아래 그림에서 보는 바와 같이 현재 홈페이지로 사용되고 있는 "XE for yourself!" 페이지의 "디자인"을 보면 "레이아웃(default)"이 "사이트 디자인 사용 : ON"으로 되어있는 것을 볼 수 있다. 이는 "메뉴 추가"시 메뉴 타입을 페이지나 게시판을 선택하면 메뉴 생성과 동시에 페이지와 게시판도 동시에 만들어지는데, 이 때 각 모듈의 레이아웃 디자인은 "사이트 기본 레이아웃"으로 지정되어 있는 "default 레이이웃"을 적용하라는 뜻이다.

 

0-6 사이트 기본 레이아웃 사용.jpg

 

전 시간에 사이트맵을 만들면서 각 메뉴를 만들 때, 해당 모듈에 레이아웃을 지정한 적이 없는 데도 "default 레이아웃"이 적용되어 나타나는 것은 바로 이 이유 때문이며, 다른 메뉴들을 하나씩 클릭하여 확인해 보면 모든 메뉴의 디자인이 "default 레이아웃"으로 되어 있음을 알 수 있을 것이다.
 
그러면 "사이트 기본 레이아웃"은 어디에서 지정하고 어떻게 바꿀 수 있을까?
 
- XE Admin 관리자 메뉴에서 "[사이트 제작/편집] > [사이트 디자인 설정]"을 클릭한다.
- "사이트 디자인 설정" 창에서 "PC" 탭의 "레이아웃"을 클릭하면 현재 지정된 기본 레이아웃이 있다.
- 다른 레이아웃의 추가 설치와 기본 레이아웃을 선택하여 바꿀 수 있다.
- 설치된 레이아웃의 상세설정, 편집, 생성, 삭제 작업을 할 수 있다.

 

0-6-2 사이트 기본 레이아웃 지정.jpg

 

● 페이지나 게시판 등 개별 모듈에 적용되고 있는 레이아웃의 변경하기와 상세 설정하기
 
 
사이트맵 메뉴에 고정되어 작동되는 개별 모듈들에 현재 적용되어 있는 "사이트 기본 레이아웃"인 "default" 레이아웃의 사용을 중지하고 다른 레이아웃을 선택 사용하려면 다음 2가지 방법을 통하여 바꿀 수 있다.
 
[ 방법 1 ]
 
▶ XE Admin "[사이트 제작/편집] > [사이트 메뉴 편집]"에서 레이아웃 바꾸기
 
- "[사이트 메뉴 편집]" 메뉴를 클릭하고 "사이트 메뉴 편집" 창에서 레이아웃을 변경하고 싶은 메뉴를 클릭한다.
  → 레이아웃을 변경하고 싶은 "XE 사용자 매뉴얼" 창에서 "디자인" 메뉴를 클릭한다.
  → "디자인" 창에서 레이아웃을 클릭한다.
  → "레이아웃" 창에서 "사이트 디자인 사용" 오른쪽에 있는 "ON" 버튼을 눌러 "OFF"로 바꾸어,
     사이트 기본 레이아웃 사용을 중지시킨다.
  → "default" 레이아웃의 라디오버튼을 클릭한 다음, "복사본 생성" 버튼을 클릭한다.

  

0-6-3 개별 모듈의 레이아웃 변경.jpg

  

- 생성될 새 레이아웃의 이름을 입력한 후 "확인" 버튼을 클릭한다.     


0-6-4 개별 모듈의 레이아웃 복사생성.jpg


- "레이아웃" 창에 생성된 새 레이아웃('XE 사용자 매뉴얼 layout')이 보이면 선택 버튼을 클릭하고 "저장"한다. 
- "디자인"과 "레이아웃" 창을 보면 레이아웃이 "default"에서 "XE 사용자 매뉴얼 layout"로 바뀌어져 있다.

 

0-6-5 개별 모듈의 레이아웃 변경 완료.jpg

 

▶ XE Admin "[사이트 제작/편집] > [사이트 메뉴 편집]"에서 레이아웃 상세 설정하기
 
이제 웹사이트로 가서 "XE 사용자 매뉴얼" 메뉴를 클릭해 보자. 분명 위에서 이 메뉴에 적용된 레이아웃을 변경했는데 아무런 변화가 없는 것 같다. 도대체 무엇이 바뀌었단 말인가?
 
아무 변화가 없이 보이는 것이 당연하다. 현재 바뀌어 적용되고 있는 "XE 사용자 매뉴얼 layout" 레이아웃은 "default" 레이아웃을 복사하여 새 레이아웃으로 만들었기 때문에 "default" 레이아웃과 똑같이 보이며, "default" 레이아웃이 적용된 메뉴의 웹페이지와 똑 같은 레이아웃으로 보여지게 되는 것이다. 그럼 이번에는 "XE 사용자 매뉴얼 layout"의 상세설정을 함으로써 어떤 변화가 생기는지를 보면서 제대로 이해를 하도록 하자.
 
- "[사이트 메뉴 편집]" 메뉴를 클릭하고 "사이트 메뉴 편집" 창에서 "XE 사용자 매뉴얼" 메뉴를 클릭한다.
  → "XE 사용자 매뉴얼" 창에서 "디자인"을 클릭한다.
  → "디자인" 창에서 "레이아웃"을 클릭한다.
  → "레이아웃" 창에서 현재 선택되어 있는 "XE 사용자 매뉴얼 layout"의 "상세 설정"버튼을 클릭한다.
  → "설정" 화면에서 |사용자 정의| 탭의 "레이아웃 유형 : Sub Page(2Column=GNB+LNB+Conent"를 선택한다.
  → "설정" 화면에서 |사용자 정의| 탭의 "사이트 풋터 문자 : XE Guidebook"를 입력한다.
  → "설정" 화면에서 우측 하단에 있는 "저장" 버튼을 눌러 저장한다.  

 

0-6-6 레이아웃 설정 변경.jpg

 

웹사이트로 가서 "XE 사용자 매뉴얼" 메뉴를 클릭해 보자.
아래와 같은 화면이 출력되며, 메뉴에 적용된 레이아웃이 바뀌어졌음을 알 수 있을 것이다.

 

0-6-7 레이아웃 설정 변경완료.jpg

 

위에서 보여지는 레이아웃의 구성을 간단히 살펴보면 다음과 같이 크게 다섯개의 영역으로 나뉘어져 있다.
① 헤더 영역(Header)
사이트제목, GNB(Global Navigation Bar), 로그인 버튼, 통합검색창 등을 배치
 
② 이미지영역
레이아웃에서 반드시 필요한 구성요소는 아니며, 사이트 주제에 맞는 이미지 콘텐츠를 배치하여 사이트를 비주얼화 시킴
 
③ 콘텐츠(Content) 영역
페이지 모듈, 게시판 모듈 등이 연결되어 사이트의 주된 내용(Content)를 보여 주는 영역
 
④ 사이드바(Side Bar)
로그인 박스, 서브 메뉴, 배너 등이 배치

⑤ 푸터(Footer) 영역
사이트의 간략한 정보나 저작권 또는 제작자의 연락처 등을 보여 주는 영역
 
위 레이아웃은 초기화면(시작 모듈)에 연결되어 있는 레이아웃(default)과 무언가 비슷하기는 한데, 구조를 보면 다른 구석이 있다. 이미지 영역이 작게 출력되었으며, 사이드바 영역이 어디에서 갑자기 나타나 보여지고 있다.
이 레이아웃(XE 사용자 매뉴얼 layour)은 "default"레이아웃과 어떤 관계에 있을까?
 
XE Admin "[고급] > [설치된 레이아웃]"을 클릭해 보자. XE에서 기본으로 제공하는 레이아웃 4개가 설치되어 있다. "기본 레이아웃"인 레이아웃 이름을 다시 클릭해 보자. 그러면 레이아웃 제목이 "default"와 "XE 사용자 매뉴얼 layout"인 레이아웃 2개가 보일 것이다.   

"사이트 기본 레이아웃"으로 사용하고 있는 레이아웃이 바로 이 "default" 레이아웃이며, "XE 사용자 매뉴얼 layout"은 XE 사용자 매뉴얼에 연결되어 있는 게시판 모듈에 새 레이아웃을 사용하기 위하여 "default" 레이아웃을 복사 생성하여 만들어 놓은 레이아웃이다. 

엄밀히 말해 "XE 사용자 매뉴얼 layout"과 "default" 레이아웃은 사용되어 지는 모듈이 완전히 다른 별개의 레이아웃이다. 그러나 이 2개의 레이아웃은 최초에 설치된 "기본 레이아웃"이라는 부모 레이아웃에 속하는 자식 레이아웃, 즉 Instance 인 것이다.
 
XE에서는 다른 레이아웃을 추가 설치하여 사용하고자 할 때, 레이아웃을 추가 설치하는 것만으로는 바로 사용할 수 가 없다. XE Core는 레이아웃의 설치 후에 레이아웃의 복사본 객체(Instance)를 생성하여 사용하도록 하고 있다. 레이아웃은 개발자가 다양한 옵션 설정을 하여 사용할 수 있도록 해 놓았는데, 옵션에 설정에 따라 복사된 레이아웃을 콘텐츠 모듈에 연결하여 사용하면 되는 것이다. 

XE Core의 "설치된 레이아웃" 모듈은 XE에서 기본적으로 제공하는 레이아웃과 추가된 레이아웃을 총괄 관리해주며, 레이아웃 이름을 클릭하면 Instance로 생성된 레이아웃 목록을 보여 준다. ("설치된 레이아웃" 화면에서 "생성된 레이아웃" 탭을 눌러 보면 생성된 레이아웃의 전체 목록을 볼 수 있다)
 
 
[ 방법 2 ]
 
▶ XE Admin "[고급] > [설치된 레이아웃]"에서 레이아웃 바꾸기
 
- "[고급] > [설치된 레이아웃]" 메뉴를 클릭한다.
- 레이아웃 이름 "XE 공식 사이트 레이아웃"를 클릭한다. 

 

0-6-8 설치된 레이아웃.jpg

 

- "복사" 버튼을 클릭하고 레이아웃 "새 제목 : 커뮤니티"를 입력하고 "저장"한다.

 

0-6-9 설치된 레이아웃 복사.jpg

  

- 웹사이트로 가서 "커뮤니티" 메뉴를 클릭한다. (관리자로 로그인 되어 있어야 한다)
- "커뮤니티 홈" 페이지가 열리면, 우측 하단의 페이지 "설정" 버튼을 클릭한다.
- "페이지 관리"의 "모듈 정보"탭에서 "레이아웃 : 커뮤니티(xe_official)"를 선택하고 "저장"한다.

  

0-6-10 공식 레이아웃의 적용.jpg

  

- "돌아가기" 탭을 클릭하면 "커뮤니티 홈" 페이지에 변경된 레이아웃이 적용되어 나타난다.

  

0-6-11 공식 레이아웃의 적용 완료.jpg

  

- 게시판 모듈이 연결되어 있는 "회원게시판" 메뉴의 레이아웃을 변경하기 위해
   → 게시판 우측 상단에 있는 "설정" 아이콘을 클릭한다.

 

0-6-12 게시판 메뉴의 공식 레이아웃의 적용.jpg

 

   → 게시판 관리 설정 화면에서 "게시판 정보" 탭의 "레이아웃 : 커뮤니티"를 선택하고 "등록"한다.

  

0-6-13 게시판 관리 - 레이아웃의 선택.jpg

  

   → "회원게시판" 메뉴를 클릭하면 레이아웃이 변경 적용된 게시판 페이지가 나타난다.

 

0-6-14 게시판 관리 - 레이아웃의 변경 완료.jpg

 

▶ XE Admin "[고급] > [설치된 레이아웃]"에서 레이아웃 상세 설정하기
 
- "[고급] > [설치된 레이아웃]" 메뉴를 클릭한다.
- 레이아웃 이름 "XE 공식 사이트 레이아웃"를 클릭한다.
- "커뮤니티" 레이아웃에서 "설정"을 클릭한다.

 

0-6-15 게시판 관리 - 레이아웃의 상세 설정.jpg

 

- 레이아웃 설정 창의 "사용자 정의" 탭에서 다음과 같이 처리하고 "저장한다" 
   로고이미지 대체문자 : "XE Guidebook"
   홈페이지 URL :  "http://xeguidebook.com
   상단메뉴(main_menu) : "XE Guidebook" 선택 

※ 레이아웃의 메뉴 영역에 자기가 원하는 사이트맵을 연결시켜 메뉴를 구성하고 싶을 때는,
   레이아웃 "설정" 화면에서 "메뉴" 탭의 "상단 메뉴(main_menu)"에 해당 사이트맵을 선택, 연결시켜 주면 된다. 

 

0-6-16 게시판 관리 - 레이아웃의 상세 설정 완료.jpg

 

- 사이트에서 "커뮤니티" 메뉴를 클릭하면 로고 문자가 정상 출력된다.

 

0-6-17 레이아웃의 상세 설정-로고 완료.jpg

 

● 다른 레이아웃의 추가 설치와 레이아웃 변경하기 
 
"다른 레이아웃의 추가 설치와 사용하기"는 XE 혼자 힘으로 내 사이트 만들기와 운용하기에서 아무리 고민하고 노력해도 부족할 과제가 될 것이다. 명품 브랜드의 비싸고 좋은 옷이라 하더라도 매일 계속 입으면 실증이 나게 마련이고, 또 시간이 지나면 유행이 바뀌어 입기 싫어 질 것이다.
 
웹사이트에서 겉옷과 같은 레이아웃도 마찬가지다. 처음에는 사이트의 목적과 콘텐츠 주제에 잘 부합하는 레이아웃이라 하더라도, 시간이 지나면서 처음에는 미려했던 레이아웃도 구식 스타일이 될 수 있으며, 접속 방문자수나 콘텐츠 제공 방식, 콘텐츠 기호의 변화 등에 따라 불가피하게 레이아웃을 바꿀 수 밖에 없는 상황이 발생하게 된다.
 
XE 공식자료실이나 XE 마켓에는 개발자들이 개발해 놓은 다양한 기능의 레이아웃들이 많이 배포되어 있다. 사용자는 관련 사이트를 수시로 드나 들면서 레이아웃이 개발되는 트렌드와 배포된 레이아웃의 특징과 기능을 눈 여겨 살펴 보아야 한다. 내 사이트에 잘 어울리는 레이아웃을 찾아내어 사이트를 잘 꾸미는 것은 전적으로 사용자의 능력에 달려 있기 때문에, 지금부터는 지상 강좌의 충실한 이론 공부보다 가시적인 성과물을 만들어 내는 노력에 더 많은 비중을 두고 매진하시길...
 
☞ "설치된 레이아웃" 참조
 
이번 시간 강의는 내용이 꽤 길고, 설명이 앞 단원과 조금 중언부언한 부분이 있어 지루한 감도 있습니다만 찬찬히 공부하시다 보면 내용 소화는 별 어려움없이 진도를 잘 따라 오셨으리라 믿습니다. 그러면 이것으로 레이아웃 바꾸기와 설정하기 이론 공부는 아쉬운 대로 충분하리라 생각되며, 이제 내 사이트에 잘 어울리는 레이아웃을 찾는 일이 시급한 실전 과제가 되는 것 같습니다.
 
저도 지금까지 숱한 시행착오를 거치면서 수십 개의 레이아웃을 설치하고 지우기를 한 것 같습니다. 내 사이트에 잘 어울리는 레이아웃을 찾아내는 것이 의외로 어려웠습니다. 그래서 급기야 레이아웃을 직접 만들어 보자고 뛰어 들었는데, 맘에 드는 레이아웃을 제대로 만든다는 것이 몇 수 십배 더 어렵다는 것을 이제서야 뼈저리게 느끼고 있답니다.
 
아무튼 여러분께서는 마음에 들고 사이트 운영 목적에 잘 맞는 레이아웃을 찾아 내는 노력 여하에 따라 내 사이트 만들기가 제대로 끝날 수 있음을 명심하시고, 그럴듯한 레이아웃이 보이면 개발자 홈페이지나 사용자 메뉴얼을 참고하여 내 사이트에 적용, 운영해 보는 끝없는 실험정신을 펼치셔야 합니다. 그리고 숱한 시행착오를 거치면서 많은 경험을 쌓아야만 비로소 멋진 내 사이트의 완성판을 만드는 결실을 맺을 수 있으므로 간단없는 노력을 기울여 주시기를 당부 드리는 바입니다.
 
본 사이트의 특별 강좌 코너인 "XE 나만의 레이아웃 만들기"에 사용된 레이아웃(XE-4Uself)은 시중 어디에서도 구할 수 없는 필자가 스스로 개발한 다목적 레이아웃입니다. 타업종의 개인사업용 홈페이지를 XE로 만들어 운용하다가 결국 레이아웃을 직접 만들기에 나서 그 첫 작품으로 개발 완성한 레이아웃으로서 현재 실제 운용 중인 개인사업용 사이트에서만 사용하는 비판매용 버전입니다.
 
이번에 특별 강좌로 개설한 "XE 나만의 레이아웃 만들기" 강좌의 교재로 사용하기로 한 이 레이아웃은, 본 강좌에 참여한 특별회원에게만 제공되는 교육용 목적의 레이아웃입니다. XE로 사이트를 만들고 레이아웃도 직접 만들어 보고 싶으신 분들이나 웹프로그래밍에 관심이 있는 분들을 대상으로 개설된 이 강좌는 혼자 힘으로 사이트를 구축하는데 있어 레이아웃 정도는 스스로 만들 수 있고, 사이트를 스스로 유지 보수하며 운용할 수 있는 능력 배양에 최우선 목표를 두고 진행될 것입니다.
 
특별 강좌에 참여하신 분들은 누구나 "XE-4Uself"와 같은 정도의 레이아웃을 만드는 가장 기본적이고도 실전적인 지식을 배우게 될 것입니다. 나아가 궁극적으로는 제공된 교재를 기반으로 자기 스스로 커스터마이징하여 이미 운용 중이거나 앞으로 만들고자 하는 사이트에 최대한 활용할 수 있을 것이며, 번뜩이는 아이디어와 멋진 디자인만 있다면 언제든 새로운 레이아웃도 스스로 만들 수 있는 능력을 충분히 갖추게 될 것입니다.
 
강좌에 참여하고 싶은 분들은 소정의 참가비를 내고 특별회원의 자격을 취득하여야만 합니다. 특별회원이 되시면 XE-4Uself 레이아웃을 다운로드함으로써 자기 사이트에 설치하여 바로 사용해 볼 수 있으며, 강좌 진도에 맞추어 소스코드를 직접 수정하는 것을 배움으로써 자기만의 레이아웃으로 쉽게 커스터마이징할 수 있을 것입니다. XE-4Uself 레이아웃의 소개와 기능, 강좌 커리큘럼, 특별회원 가입 신청하기 등의 내용을 자세히 보시려면, "XE 나만의 레이아웃 만들기" 메뉴를 클릭하여 해당 내용을 참고하시기 바랍니다.
 
☞ XE 나만의 레이아웃 만들기 참조
 
아직 "XE 사용자 매뉴얼" 강의 내용이 많이 남아 있습니다. 다음 시간에는 사이트를 만드는데 더욱 유익한 내용을 가지고 찾아 뵙겠습니다.