HOME-STUDY

하위메뉴의 레이어 만들기 (實戰)

아래와 같이하위 메뉴를 만들  기본 메뉴(그림)을 준비해놓는다.

먼저 각 메뉴의 하위 메뉴 레이어를 만들 목록 순서를 정한다 - (프로필1. 포토2. 신앙3. 정보4. 추천5. 시와음악6. 게시판7, 본당홈8) 하위 메뉴 레이어 목록을 만든 후 홈 메뉴와 이메일 메뉴는 올려놓고자 하는 위치에 삽입한다.

표1

표2

표3

표4

표5

표6

표7

표8

기본 작업 (설명)

1. 먼저 메뉴 박스에 들어갈 메뉴 그림이미지(또는 글)들을 넣을 표를 그려놓은 후  

2. 프로필에 해당하는 그림 이미지를 표에 삽입한다.  다음 프로필을 클릭한 다음 나모에디터의 메뉴 삽입모드의 레이어     를 클릭하여 하위 메뉴를 넣을 레이어를 만든다.

3. 프로필 메뉴의 레이어 박스에 하위 메뉴를 넣는다.

    레이어 조절 핸들대를 이용하여 옆으로 길게 늘어지게 만드는 경우의 예

위의 모양을 아래와 같이 고쳐준다. 고치는 방법은 표안에 표가 있는 것과 같다.

다음 레이어를 선택하고(조절점이 나타나게)조절 헨들을 사용하시던가 서식/레이아웃정열/내용에

맞추기를 클릭하면 아래와 같이 레이어크기와 표의 크기가 같게 된다.

4. 다음  포토앨범에 해당하는 레이어를  프로필 메뉴와 같이 만든 후 같은 방법으로 하위 메뉴를 담을 레이어를 만든다.     다음 인터넷성당에 하당하는 레이어를 레이어3.  정보광장 레이어4.  추천사이트 레이어 5. 시와음악 레이어 6 . 게시판     7,  본당홈 8.을 만든다.

5. 각 메뉴의 레이어를 만든다.  포로필 하위목록을 만들기 위하여 위 메인 메뉴 밑의 노란색셀 왼쪽에 커서 두고 나모에디터의 메뉴 -목록에서 삽입/레이어를 실행(클릭)하면 레이어가 만들어진다. 여기서 손 바닥 모양으로 커서가 변하는 레이어 조절  핸들 바로 밑에 1 번 프로필 메뉴의 서브메뉴를 복사해서 갖다 붙힌 후 레이어 조절 핸들대를 이용하여 옆으로 길게 늘어지게 만들거나 (표가 들어갈 수 있게) 서식/레이아웃정열/내용에 맞추기를 클릭한다. 아래와 같은 모양이 된다.

6. 레이어 가장자리에 커서를 일치하고 손모양이 나오면 클릭) 레이어가 선택된 상태에서 서식/레이어 속성을 클릭 하면 레이어 속성대화창인 나타남 이곳에서 레이어 ID 에는 layer1 이 표시 되어 있다. 그리고 보이기 (V)를 감추기로 설정한다. (중요) 확인을 하고 레이어 부근을 클릭하면 레이어가 사라진다.

6. 위와 같이 만들어지면 내가 원하는 노란셀부위에 놓습니다. 다음에 다시 레이어를 선택한다. (

7. 차례대로 레이어를 만들어 감추어 두게 된다. 다 만들고 나면 커서가 수직으로 8개가 생긴다.  

8. 각 메뉴의 하이퍼링크를 만든다. 주소엔 #라고 표시하고 대상프레임은 header 라고 표시하여 넣는다.

레이어 설정

 레이어를 만든 후, 창 메뉴의 [스크립트 관리자]의  [레이어 액션 넣기] 기능을 이용하면 된다.

1.  이 프레임 셋은 나모에디트의 프레임-새 프레임셋 08번으로 만든 것이다. ( 상단이 메인메뉴 아래가 하위메뉴- 창)

2.  header 주 메뉴의 메뉴 8개를  각각 선택하고 하이퍼링크 만들기 주소창에 #  대상프레임에 header을 넣어준다.

3.  ① 1번- 프로필을 선택한다. 보기 메뉴의 패널/ 패널 보이기 클릭를 한 후 또는 창-스크립트관리자에서 그림[image1]          을 클릭한 후 오른쪽 창에서 †  또는 추가를 클릭  이벤트는  OnmouseOut 지정, 액션은 그림파일 되돌리기를 한다.

        이어 이벤트 (onMouseOver)  액션  (레이어 보이기) 매개변수-대상 레이어 (layer1) 이렇게 지정

      ② 프로필을 선택한다. (선택이 되어 있을 것이다.  액션창에서 추가를 클릭한다.  액션 속성창이 나타난다.  이            어  이벤트 (onMouseOver)  액션 (레이어 감추기) 매개변수-대상레이어

           (layer2. layer3. layer4. layer5. layer6. layer7 layer8) 이렇게 지정해준다. layer1 이 빠진 것은 이미 1번에서 보이기로 지정했기 때문이다.   정리하면 마우스를 프로필위에 올리면 layer1은 보이고 layer2.3.4.5.6.7은 감추라는 뜻이다.

4. 액션창에서 추가를 클릭한다.   이벤트 :  onMouseOver   액션 : 액션은 그림파일 바꾸기를 한다.

프로필의 메뉴를 예를 들어 다시 설명을 하면  

ㄱ. 프로필을 선택

ㄴ. 창-스크립트 관리자에서 오른쪽 추가를 클릭(액션속성창에서) 그림[image1]을 클릭

ㄷ. 이벤트는  OnmouseOut 지정, 액션은 그림파일 되돌리기를 한다.

ㄹ. 추가 이벤트 (onMouseOver)  액션  (레이어 보이기) 매개변수-대상레이어 클릭-(layer1)클릭-확인

ㅁ. 다시 추가/이벤트 (onMouseOver)  액션  (레이어 감추기) 매개변수-대상레이어 클릭-▼클릭-(layer2) 클릭-확인

ㅂ. 다시 추가/이벤트 (onMouseOver)  액션  (레이어 감추기) 매개변수-대상레이어 클릭-▼클릭-(layer3) 클릭-확인

ㅅ. 다시 추가/이벤트 (onMouseOver)  액션  (레이어 감추기)  매개변수-대상레이어 클릭-▼클릭-(layer4) 클릭-확인

ㅈ. 다시 추가/이벤트 (onMouseOver)  액션  (레이어 감추기)  매개변수-대상레이어 클릭-▼클릭-(layer5)클릭 -확인

ㅊ. 다시 추가/이벤트 (onMouseOver)  액션  (레이어 감추기)  매개변수-대상레이어 클릭-▼클릭-(layer6)클릭 -확인

ㅌ. 다시 추가/이벤트 (onMouseOver)  액션  (레이어 감추기)  매개변수-대상레이어 클릭-▼클릭-(layer7) 클릭-확인

     액션창에서 추가를 클릭한다.   이벤트 :  onMouseOver   액션 : 액션은 그림파일 바꾸기를 한다.

4. 계속해서  다음 포토앨범을 설정한다.

   1). 포토엘범을 선택한다. 창/액션을 클릭한다. 이미 액션창이 나타나 있을 것이다. 그림[image1]을 클릭 이벤트는          OnmouseOut 지정, 액션은 그림파일 되돌리기를 한다.

         액션창에서 추가를 클릭한다. 액션 속성창이 나타난다.  이벤트 (onMouseOver)  액션  (레이어 보이기) 매개변          수 - 대상레이어 (layer2) 이렇게 지정한다.

   2).  포토엘범을 선택합니다.

         액션창에서 추가를 클릭한다. 액션 속성창이 나타난다.

         이벤트(onMouseOver)  액션 (레이어감추기) 매개변수-대상레이어 (layer1. layer3. layer4. layer5.

         layer6. layer7, layer8) 이렇게 지정

   3)  액션창에서 추가를 클릭한다.   이벤트 :  onMouseOver   액션 : 액션은 그림파일 바꾸기를 한다.

        정리하면 마우스를 포토앨범위에 올리면 layer2는 보이고 layer1.3.4.5.6.7은 감추라는 뜻이다.  나머지도 마찬가지         방법으로 하면 된다.