위지윅 프로그램의 장점중에 하나가 프레임을 나눌때 편리하다는 것이다.. 근데 프레임이 뭐냐구요.. 간단히 설명드리죠.. 프레임이란 .. 하나의 화면을 여럿으로 나누는 것입니다.. 일 예로 저희 사이트는 초기에 top 과 body로 프레임을 나눈후 다시 body를 left와 right로 프레임을 나눈 경우입니다..

저희 사이트는 프레임을 나누었다는 사실을 분명히 알수 있는 반면 어떤 사이트를 보면 꼭 프레임을 나눈 것처럼 보이지만 실제로는 전체로 움직이는 사이트가 있습니다.. 자 그럼 프레임을 나누는 방법에 대해서 알아 보도록 하겠다..

프레임을 나누게 되면 메뉴의 활용이 유리한 반면 공간의 활용이 좁아진다는 단점이 있다.. 우선 아래의 예제를 보면 쉽게 이해가 되리라고 생각한다..

이젠 Target에 대한 개념도 이해가 되죠..! 물론 프레임이 무엇인지도 알테구요..!

그럼 이제부터는 드림위버를 활용하여 프레임을 나누는 방법에 대해서 알아보도록 하겠다.. 드림위버를 이용하여 프레임을 나누는 방법은 세가지로 나눌수 있다.. 그 중 자신에게 가장 잘 맞는 방법으로 프레임 나누는것을 이용하면 되겠다..

우선 그 첫번째 방법은 Modify => Frameet 메뉴를 선택하여 만드는 방법이다.. 메뉴에는 4가지 선택항목이 있는데 자세한 설명은 아래의 표와 같다..

위의 방법은 단 2개의 프레임을 나눌때 사용한다.. 즉 기준이 Left,Right,Top,Down 이냐에 따라 4가지로 나누어 지는 것이다..

두번째 방법은 View => Frame Border 를 선택하는 방법이다.. 이 메뉴를 클릭하면 도큐먼트 윈도우에 Frame을 나눌 수 있는 Border가 생긴다.. 여기서 자신이 나누고 싶은 방향으로 Alt 키를 누른 상태에서 드레그 하면 프레임이 자동으로 생긴다.. 자신이 나누고 싶은 방향으로 그냥 드레그하면 수에 제한없이 프레임이 생긴다..

이 방법의 경우는 자신이 원하는 방향으로 프레임을 쉽게 나눌 수 있다는 장점이 있다.. 그리고 마우스로 좌측상단 꼭지점을 드레그하여 프레임을 만들 경우 한번에 4개의 프레임으로 나눌 수 있다..

마지막 세번째의 방법은 오브젝트 팔레트를 이용하는 방법이다.. 오브젝트 팔레트에서 자신이 원하는 프레임을 선택하면 간단하게 프레임을 나눌수 있다..

프레임을 선택했을 경우 나타나는 오브젝트 팔레트

이상으로 프레임을 나누는 세가지 방법에 대해서 알아 보았다.. 이 세가지 방법중 두번째 방법은 자신이 원하는 방법으로 프레임을 나눌 경우에 편리하고 세번째 방법은 규격화, 정형화된 프레임을 나눌 경우 편리하다..

그럼 다음은 프레임을 선택했을 경우 나타나는 프로펄티 인스펙터에 대해서 알아 보도록 하자.. 프레임 전체를 조절하는 프로펄티 인스펙트와 프레임을 선택했을 경우 나타나는 프로펄티 인스펙트 2가지 종류가 있다.

프레임 전체를 조절하는 프로펄티 인스펙트(프레임 셋 설정)

우선 프레임 전체를 조절하는 프로펄티 인스펙트에 대해서 하나하나 자세히 알아보도록 하자..

1. 프레임 보더에 대한 설정

프레임 전체에 대한 설정이다.. 만약 2개의 프레임으로 나뉘었을 경우 중간에 생기는 보더에 대한 설정이다. 위에 보이는 예제는 좌측과 우측 2개의 프레임으로 나눈 경우에 나타나는 것이다.. 무엇을 보고 알수 있느냐면 Frameset Rows가 1, Cols가 2이다.. 이것을 보면 프레임을 어떻게 나누었는지 알수 있다.. 그리고 Borders는 Yes 와 No 중에 선택이 가능하고 Yes를 선택하였을 경우 Border Width 값과 Border Color 를 설정하면 프레임 중간에 생기는 Border가 설정한 값대로 나타난다..

대부분의 경우는 프레임 Borders 를 No로 선택을 한다.. 그래야 페이지가 분리되어도 분리되지 않은 것처럼 보이기 때문이다..

2. 프레임 비율 조정

위에서 Value는 좌우로 나눈 경우는 Column에 대한 값의 설정이다.. 위의 예는 좌우로 나눈 경우 좌측 프레임의 간격이다.. 즉 Column 80 Pixels만큼 프레임을 나누었다는 것이다.. 만약 이것이 상하로 나누었을 경우 Value 값은 Row 80 Pixels 로 표시가 된다.. 그리고 그 값은 사용자가 조정이 가능하다..

그리고 Units은 Pixels 혹은 Percents, Relative로 선택이 가능하다. Relative의 경우는 프레임의 크기가 상대적으로 바뀐다. Pixels은 프레임의 크기를 고정시킨다..

다음은 하나의 프레임을 선택했을 경우 나타나는 프로펄티 인스펙트에 대해서 알아보도록 하자..

하나의 프레임을 선택했을 경우 나타나는 프로펄티 인스펙트(프레임 설정)

1. 프레임 네임의 설정

제목대로입니다.. 말그대로 현재 선택되어 있는 프레임의 이름을 설정하는 것입니다.. 이 프레임 이름은 나중에 링크를 걸고 Target을 지정할 경우 필요하므로 반드시 익숙한 단어로 설정을 해 주시기 바랍니다..

뭐 구지 설정하지 않으시면 위에 보이시는 것처럼 프레임 왼쪽의 경우는 leftFrame이라고 주어집니다.. 물론 오른쪽은 mainFrame 으로 자동으로 설정이 되구요.. 간단하죠...

2. 기본적인 프레임 설정 부분

위에 보이는 부분이 실질적으로 현재 프레임에 대한 설정 부분이다..

쉽게 이해가 됐으리라 생각하고 여기까지..

3. 현재 프레임의 여백

해당 프레임의 왼쪽 여백을 입력한 수치만큼 준다(Margin Width), 해당 프레임의 위쪽 여백을 입력한 수치만큼 준다(Margin Height).

자 그럼 어느정도 프레임 설정에 대해서 개념이 잡히시나요.. 그럼 여기서 마지막으로 프레임을 나누는 방법을 순차적으로 설명을 해 보도록 하겠습니다..

프레임을 세개로 나눌 경우를 예로 들어 설명을 드리도록 하겠습니다.. 우선 새로운 작업창을 하나 오픈 하세요..(File => New, 단축키 :ctrl + N) 그리고 우선 오브젝트 팔레트에서 Common 에 마우스를 대고 마우스 오른쪽 클릭을 한다.. 그러면 여러가지 메뉴가 나오는데 거기서 Frames를 클릭하면 좌측에 보이는 프레임 오브젝트 팔레트가 보인다..(좌측에 보이는 것과 약간의 위치 차이가 있을 수 있습니다..!)그 중에서 좌측아래에 있는 을 클릭한다..

그러면 새로운 창이 세개의 프레임으로 나누어 지죠.. 여기서 프레임에 대한 설정을 하기위해 메뉴에서 Window => Frames 를 클릭합니다.. 그러면 아래의 창이 뜨죠..

이상으로 드림위버를 이용한 프레임 나누기 강좌를 마치겠습니다.. 자 이제 프레임은 쉽게 나눌 수 있겠죠..

잘 이해가 가지 않는 부분은 Q & A에 글 올려 주세요.. 자세하게 답변해 드리도록 하겠습니다..

자 그럼 다음시간엔 무슨 내용으로 강좌를 할까요... 드림위버를 동적 홈페이지를 쉽게 만들 수 있는 특별한 기능이 있는데, 그게 바로 타임라인을 이용하는 것입니다.. 다음시간에는 드림위버를 이용하여 미디어 추가하기 라는 제목으로 강좌를 해 드리도록 하겠습니다..