• 11. 메뉴에 링크 걸기
  • [레벨:18]Zappy (IP: *.140.105.100)
    조회 수: 14509, 2010-05-11 13:06:50(2010-05-10)
  •  메뉴에 링크 걸기

      문서에 하이퍼링크를 걸겠습니다. 그냥 짧게 링크라고도 표현합니다. 클릭했을 때 다른 문서로 이동되거나 새창이 뜨도록 하는 기능입니다.

       

       열려있는 문서를 모두 닫고 홈페이지/html 폴더 안에 있는 frame1.htm 문서를 불러옵니다. 링크를 걸겠습니다. 그림과 같이 home 그림을 클릭하고 마우스 오른쪽키-> 하이퍼링크 만들기를 선택합니다.
      왼쪽 그림에서 네모친 부분을 클릭합니다. 연결할 문서를 찾겠습니다.
      클릭하면 처음화면으로 가도록 하겠습니다. 홈페이지/html 폴더로 이동하여 main 문서를 선택하고 열기 합니다.
      클릭하면 어디에 변화가 생기게 할 것인가 결정하는 작업을 할 것입니다. 왼쪽 그림에서 네모친 부분을 클릭합니다.
      주 내용 부분에 나타나겠죠. 왼쪽 그림에서 네모친 부분과 같이 선택합니다.
      왼쪽 그림과 같이 대상프레임이 결정되었습니다. 위 그림에서 네모친 부분의 프레임 이름이 detail 이었던 겁니다.

      사실 하이퍼링크를 지정할 때마다 일일이 대상프레임을 선택해줄 필요가 없습니다. 왼쪽에 있는 메뉴를 클릭하면 오른쪽에 있는 본문 내용이 바뀌도록 프레임 속성에서 결정해줄수 있기 때문입니다.

      왼쪽 그림과 같이 왼쪽 프레임에 마우스 오른쪽키를 클릭하고 프레임 속성으로 갑니다.

      기본대상프레임이 detail 로 설정되어 있군요. 한마디로 위에서 우리가 대상프레임을 지정해줄 필요가 없었다는 말입니다.

      하지만 확인차원에서 네모친 부분을 클릭해보겠습니다.

     왼쪽 그림에서 banner 부분을 선택한다면 메뉴를 클릭할 때마다 zappy의 태극기 휘날리며 라고 되어있는 부분의 프레임이 바뀔 겁니다. 만일 contents로 선택한다면 메뉴를 클릭했을대 메뉴가 있는 프레임이 바뀌겠죠.

      왼쪽 그림에서 보면 프레임 이름부분에 contents 라고 씌여 있습니다. 프레임마다 프레임 이름이 주어집니다. 왼쪽 그림에 대상 프레임 창 부분에 제가 빨간 글씨로 써 놓았죠? 그 글씨들이 그 프레임 이름들입니다.

     쉽게 설명하려고 노력했는데.. 이해하셨나요? 링크가 지정된 부분을 클릭했을 때 어느 프레임부분에 문서가 나타나게 할 것인가를 결정하는 작업입니다.

      나모FX에서 프레임셋을 만들때부터 미리 기본대상 프레임이 detail 로 되어 있었던 겁니다.

      위, 왼쪽, 오른쪽 이런식으로 나누어진 프레임셋의 경우 대부분의 사람들이 오른쪽을 본문으로 사용하기 때문에 나모에서 사람들의 작업을 편하게 해주기 위해 설정이 되어 있는 겁니다..

      왼쪽 그림과 같이 변경할거 없이 확인을 클릭합니다.

      이와같은 방법으로 news와 board 부분을 제외하고 전부 링크를 걸어줍니다. 홈페이지 html 폴더에 가면 문서들이 다 나와 있습니다.

      다 작업했으면 왼쪽 그림과 같이 저장하기 해주세요.

     저장할 때 첨부 파일 복사하기 창이 나오면 두 번째 항목 아시죠? ^^

      하이퍼 링크 거는 방법을 설명했습니다. 뉴스와 게시판은 게시판을 링크할 것이므로 여기서 링크를 걸지 않은 것입니다. 다음페이지에서는 무료게시판을 생성하고 링크를 거는 방법을 설명하겠습니다. 무료게시판을 제공하는 사이트에서 제공받기 때문에 게시판 주소가 절대경로로(http로 시작) 되어 있다는 것만 다를뿐.. 링크를 거는 방법은 동일합니다. 다음페이지로 가겠습니다.

       

    <-이전단계로           다음단계로->

     

     

     

댓글 0

번호 제목 닉네임 조회  등록일 
notice [레벨:18]Zappy 20432 2010-05-10
16 [레벨:18]Zappy 16493 2010-05-10
15 [레벨:18]Zappy 22000 2010-05-10
14 [레벨:18]Zappy 14189 2010-05-10
13 [레벨:18]Zappy 17477 2010-05-10
[레벨:18]Zappy 14509 2010-05-10
11 [레벨:18]Zappy 15404 2010-05-10
10 [레벨:18]Zappy 15056 2010-05-10
9 [레벨:18]Zappy 15045 2010-05-10
8 [레벨:18]Zappy 17227 2010-05-10
7 [레벨:18]Zappy 15645 2010-05-10
XE Login