메뉴 건너뛰기

xe 중 디자인에 속하는 요소는 다음과 같습니다.

 

  1. 레이아웃 : 컨텐츠의 배치 등을 결정하는 웹사이트의 틀을 출력
  2. 모듈스킨 : 모듈 프로그램에서 생성된 콘텐츠를 출력하는 형태
  3. 위젯스킨 : 위젯 프로그램에서 생성된 콘텐츠를 출력하는 형태
  4. 위젯스타일 : 동일한 위젯 스킨을 다양한 색상, 스타일로 꾸밀 수 있는 기능.

 

1. 레이아웃

레이아웃은 디자인의 가장 기초적인 것으로 제한된 사이트 영역에 시각적 효과와 사용목적을 고려하여 구성 요소들을 효과적으로 구성, 배열하는 것입니다.

보통의 웹사이트 기본 요소는 header, side bar, content, footer로 구성됩니다.

xe에서 레이아웃은 각종 콘텐츠의 축력위치를 배열함과 동시에 위젯이나 슬라이드 등 콘텐츠를 포함시킬 수 있습니다.

 

Header

Content

페이지의 내용이나 게시판 등 콘텐츠 내용이 배치됩니다.

footer

 

2. 모듈스킨

모듈 스킨 중 가장 대표적인 것이 board와 page skin 이 있으며 그외에 컨텐츠를 다루는 모든 모듈이 스킨을 갖고 있습니다.

모듈 스킨의 디자인을 통하여 사이트를 특색있게 만들 수 있습니다.

예를 들에 게시판 스킨을 리스트형, 웹진형, 갤러리형 등으로 만들 수 있습니다.

 

3. 위젯스킨

위젯 프로그램에서 만들어진 콘텐츠를 출력할 때 사용되는 스킨입니다.

 

4. 위젯스타일

위젯 스킨이 콘텐츠가 출력될 때의 디자인이고 위젯 스타일은 위젯의 콘텐츠를 감싸는 외부의 디자인입니다.

 

모든 웹페이지는 모두 다음과 같은 html 구조를 갖고 있습니다.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<p>Content</p>

</body>
</html>

 

xe는 이러한 html 기본 구조를 자체적으로 생성하며 <head></head>부분과 <body></body>부분을 스킨에서 설정한 내용과 프로그램에서 생성한 컨텐츠로 웹페이지를 만들어 출력합니다.