• 13. 롤오버 기능 사용하기
  • [레벨:18]Zappy (IP: *.140.105.100)
    조회 수: 14188, 2010-05-11 13:07:21(2010-05-10)
  •  롤오버 기능 사용하기

      그림에 마우스를 대면 변하는 롤오버 기능을 배우도록 하겠습니다.

       

      롤오버 기능을 사용하고자 하는 그림을 클릭하고 마우스 오른쪽 키를 이용하여 그림속성으로 들어갑니다.

     밑줄친 롤오버 탭을 클릭하여 롤오버 부분으로 이동합니다

      왼쪽 그림에서 네모칸 친 부분을 클릭합니다. 바뀔 이미지 파일을 찾고자 합니다.

      홈페이지/img 폴더에 있는 home2 그림으로 이미지가 변하도록 하겠습니다.

      그림과 같이 home2 그림을 선택합니다.

      아래쪽에 있는 화살표같이 화면이 나오는지 확인하고 열기를 클릭합니다.

      밑줄친 부분과 같이 롤오버 그림이 지정되었습니다. 미리보기 화면에 마우스를 가져가서 맞게 되었는지 확인하세요

      확인을 클릭하여 롤오버 설정을 마칩니다.

      그림을 모두 롤오버 지정합니다.

     저장할 때 나오는 첨부파일 창은 두 번째 항목을 체크 잊지마세요 ^^;;

      익스플로러 창으로 확인하는 장면입니다.

      마우스를 가져다 대면 그림이 변합니다. 링크가 걸려있으므로 클릭하면 페이지 이동도 하는군요.

        롤오버 기능 사용을 마쳤습니다 간단하죠?

        드디어 우리가 만들고자 하는 홈페이지를 전부 작성했습니다.홈페이지 폴더 안에 있는 index.htm 파일을 실행하여 확인해보세요. 메뉴를 클릭하면 잘 이동을 하나요? 홈을 클릭하면 처음화면으로 나오나요?

        마지막으로 가장 중요한 작업이라고 볼수 있는 인터넷에 올리는 작업이 남았습니다. 내 컴퓨터에 홈페이지 파일이 있으면 무슨소용이 있습니까? 다른 사람들이 볼수있게 하려면 인터넷 서버에 올려야 합니다. 우리는 무료홈페이지 공간을 제공해주는 하나포스를 이용하여 홈페이지를 올리도록 하겠습니다.

       

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

     

     

댓글 0

번호 제목 닉네임 조회  등록일 
notice [레벨:18]Zappy 20432 2010-05-10
16 [레벨:18]Zappy 16493 2010-05-10
15 [레벨:18]Zappy 22000 2010-05-10
[레벨:18]Zappy 14188 2010-05-10
13 [레벨:18]Zappy 17476 2010-05-10
12 [레벨: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