Dhtml 문서를 만들기 위해서는 반드시 해 주어야 할 작업이며 DHTML의 시작과 끝이다. 다음의 레이서 생성하기만 이해를 하면 그 다음 부터는 쉬워진다. 조금 어렵더라도 이것만 이해하면 된다라는 식으로 꼭 이해하자

var name="name";  
content='원하는 것';
createLayer(name,left,top,width,height,visual,content);



var name="name";
원하는 레이어의 이름을 지정한다. name 부분은 당신이 원하는 이름으로 지정할 수 있다. 예를 들어 var test="test"; 와 같이 만들고 싶은 레이어의 이름을 지정한다.


content='원하는 내용';
레이어의 실제적인 내용을 지정하는 곳이다. 보통 html문서에서 사용했던 여러가지 문법을 그대로 적용할 수 있다.

예를 들어 생성하고자 하는 레이어가 그림이라면 다음과 같이 할 수 있다.
content='<img src=test.gif>';

생성하고자 하는 레이어가 글자라면
content='<font size=1 color=red>글자레이어</font>';

생성하고자 하는 레이어가 테이블이라면
content='<table border=0 width=100%>'+
       '<tr><td> 테이블레이어 </td></tr>'+
       '</table>';



createLayer(name,left,top,width,height,visual,content);
(1)(2)에서 지정한 이름과 내용을 가진 레이어를 생성하는 부분이다.

name 부분은 var name="name"; 에서 지정한 레이어의 이름을 써 주어야 한다.
이부분이 틀리다면 자바스크립트 에러가 발생할 것이다. 주의 해야 한다.

left 부분은 레이어의 위치를 지정하는 부분으로 왼쪽에서 얼마나 떨어져서 위치 시킬것인지를 결정하는 부분이다. 예를 들어 left 대신에 10 이라는 숫자를 쓰며 이것이 뜻하는 것은 창의 왼쪽에서 10pt 떨어진 곳에 레이어를 위치 시키라는 뜻이다.

top 부분은 레이어의 위치를 지정하는 부분으로 위쪽에서 얼마나 떨어져서 위치 시킬것인지를 결정하는 부분이다. 예를 들어 top 대신에 20 이라는 숫자를 쓰면 이것이 뜻하는 것은 창의 위쪽에서 20pt 떨어진 곳에 레이어를 위치 시킨다는 뜻이다.

width 와 height 부분은 생성하고자 하는 레이어의 넓이와 높이를 지정하는 부분이다.

visual 부분은 생성된 레이어를 보여줄까 말까를 결정한다. 1 이란 숫자를 쓰면 보여지고 0 이란 숫자를 쓰면 레이어가 보여지지 않는다.

content 부분은 그냥 content라고 쓰면 된다. 이 부분은 이미 (2)번에서 지정하였기 때문이다.


HTML Example
<html>
<head>
<title>Hellow Homepage - DHTML</title>
<script language="JavaScript1.2" src="cbdhtml.js">
</script>
</head>

<body>

<script language="JavaScript1.2">
var test="test";
content='<img src=test.gif border=0>';
createLayer(test,25,125,100,100,1,content);
</script>

</body>
</html>