나모웹에디터이미지맵
페이지 정보
작성일 24-06-28 04:48
본문
Download : 나모웹에디터이미지맵.doc
이렇게 연속해서 여러 개의 꼭지점을 지정한 곳에는 붉은색 실선이 나타나고 이 실선으로 에워싸인 영역이 다각형 영역의 경계선이 되는 것입니다.
사각형 그리기 단추를 선택합니다. 마우스 왼쪽 단추를 그림 위에서 누르는 순간이 사각형의 꼭지점이 시작되고, 마우스 단추를 놓는 순간이 사각형 꼭지점이 끝납니다.
동시에 화면을 보면, 위와 같이 이미지 맵 관련 도구상자가 나타납니다.하이퍼링크 대화 상자가 나타나고 URL을 입력합니다.다각형 영역 설정다각형 그리기 단추 를 선택합니다. 그리고 마우스를 놓는 순간, 방금 지정된 사각형 영역에 대하여 하이퍼링크 만들기 대화 상자가 나타납니다.
◈ 이미지 맵
나모웹에디터이미지맵
이미지 맵 단추를 이용하여 영역을 지정할 때는 다음 세 가지 종류로 하이퍼링크 영역을 지정할 수 있습니다.여러 개의 지점을 잇는 다각형 영역을 지정하기 위하여 그림 위의 시작 지점에서 마우스 왼쪽 단추를 한번 누릅니다.
다각형 영역 설정
사각형 영역 설정
먼저 이미지 맵을 지정할 그림 파일을 선택합니다.
이미지 맵(image map)이란 하나의 그림 안에 영역을 나누어서 각 영역마다 하이퍼링크를 지정하는 것을 말합니다.
이미지맵[1]
순서
내용은다음과같습니다
※ 참고 : 위의 스포이트 모양의 아이콘을 누르고 이미지의 특정 색을 누르면 그 색이 투명하게 됩니다. 따라서 웹 브라우저에서는 그림 위에서 마우스 포인터가 가리키는 지점에 따라 서로 다른 하이퍼링크가 연결되는 것입니다.
먼저 이미지 맵을 지정할 그림 파일을 선택합니다.
영역 지정을 끝내는 방법은 두 가지가 있는데, 일반적인 방법은 마지막 지점을 처음 시작점 위로 겹쳐서 지정하면 영역 지정이 끝나면서 하이퍼링크 만들기 대화 상자가 나타나고, 나모 웹에디터에서 쓰는 두번째 방법은 굳이 시작점 위에 겹쳐서 지정하는 대신 영역 지정을 끝내려는 마지막 지점에서 마우스 왼쪽 단추를 한번이 아닌 두번 누르기를 하면 하이퍼링크 만들기 대화 상자가 나타납니다.
동그라미 영역 설정
,기타,레포트
다각형 그리기 단추 를 선택합니다. 마우스 왼쪽 단추를 그림 위에서 누르는 순간이 사각형의 꼭지점이 시작되고, 마우스 단추를 놓는 순간이 사각형 꼭지점이 끝납니다.
동시에 화면을 보면, 위와 같이 이미지 맵 관련 도구상자가 나타납니다.
하이퍼링크 대화 상자가 나타나고 URL을 입력합니다.동시에 화면을 보면, 위와 같이 이미지 맵 관련 도구상자가 나타납니다.
Download : 나모웹에디터이미지맵.doc( 19 )
나모웹에디터이미지맵說明(설명) 입니다
다음은 이미지 맵을 지정한 보기입니다.
※ 참고 : 위의 스포이트 모양의 아이콘을 누르고 이미지의 특정 색을 누르면 그 색이 투명하게 됩…(To be continued )
그림 파일 위에서 마우스 왼쪽 단추를 한번 누르면, 그림이 선택되면서 그림 테두리에 작은 조절점이 상하좌우 3개씩 나타납니다.
동그라미 그리기 단추 를 선택합니다.
여러 개의 지점을 잇는 다각형 영역을 지정하기 위하여 그림 위의 시작 지점에서 마우스 왼쪽 단추를 한번 누릅니다.
웹 브라우저에서 NAMO라는 파란색 글자 위에 마우스 포인터를 이동시키면, 이 영역에 지정된 하이퍼링크 URL이 상황선 왼쪽에 표시되며, 아울러 이 영역에서 마우스 왼쪽 단추를 누르면 지정된 URL인 주식회사 나모 인터랙티브의 웹 사이트에 접속될 것입니다
동그라미 형태의 하이퍼링크 영역을 설정합니다.웹 브라우저에서 NAMO라는 파란색 글자 위에 마우스 포인터를 이동시키면, 이 영역에 지정된 하이퍼링크 URL이 상황선 왼쪽에 표시되며, 아울러 이 영역에서 마우스 왼쪽 단추를 누르면 지정된 URL인 주식회사 나모 인터랙티브의 웹 사이트에 접속될 것입니다등으로구성되어있습니다이미지맵[1] , 나모웹에디터이미지맵기타레포트 ,
등으로구성되어있습니다
다.동그라미 형태의 하이퍼링크 영역을 설정합니다. 따라서 웹 브라우저에서는 그림 위에서 마우스 포인터가 가리키는 지점에 따라 서로 다른 하이퍼링크가 연결되는 것입니다.다음은 이미지 맵을 지정한 보기입니다. 마우스 포인터가 십자 형태로 변하며 두번째 지점에서 마우스 왼쪽 단추를 누릅니다.직사각형 형태의 하이퍼링크 영역을 설정합니다.동그라미 영역 설정동그라미 그리기 단추 를 선택합니다. 계속해서 마우스 포인터를 이동해 가며 세번째, 네번째 지점을 지정할 수 있습니다.
이미지 맵 단추를 이용하여 영역을 지정할 때는 다음 세 가지 종류로 하이퍼링크 영역을 지정할 수 있습니다.
마우스 왼쪽 단추를 그림 위에서 누르는 지점이 동그라미의 시작쪽이 되고 마우스 단추를 놓는 지점이 동그라미의 끝쪽이 됩니다.다각형 형태의 하이퍼링크 영역을 설정합니다. 마우스 포인터가 십자 형태로 변하며 두번째 지점에서 마우스 왼쪽 단추를 누릅니다.확인 단추를 눌러 대화 상자를 닫습니다.영역 지정을 끝내는 방법은 두 가지가 있는데, 일반적인 방법은 마지막 지점을 처음 시작점 위로 겹쳐서 지정하면 영역 지정이 끝나면서 하이퍼링크 만들기 대화 상자가 나타나고, 나모 웹에디터에서 쓰는 두번째 방법은 굳이 시작점 위에 겹쳐서 지정하는 대신 영역 지정을 끝내려는 마지막 지점에서 마우스 왼쪽 단추를 한번이 아닌 두번 누르기를 하면 하이퍼링크 만들기 대화 상자가 나타납니다.
직사각형 형태의 하이퍼링크 영역을 설정합니다. 이렇게 연속해서 여러 개의 꼭지점을 지정한 곳에는 붉은색 실선이 나타나고 이 실선으로 에워싸인 영역이 다각형 영역의 경계선이 되는 것입니다. 기존의 수많은 웹 페이지에서 이미지 맵을 사용한 곳을 쉽게 찾아볼 수 있는 기능이므로, 여기서 잘 익혀 두시기 바랍니다.
나모웹에디터이미지맵설명(explanation)입니다
내용은다음과같습니다
◈ 이미지 맵
이미지 맵(image map)이란 하나의 그림 안에 영역을 나누어서 각 영역마다 하이퍼링크를 지정하는 것을 말합니다.※ 참고 : 위의 스포이트 모양의 아이콘을 누르고 이미지의 특정 색을 누르면 그 색이 투명하게 됩니다.
사용자께서는 이미지 맵 지정이나 편집을 위하여 다른 어떤 외부 호로그램 없이도 나모 웹 에디터만으로 간편하게 지정하고 편집할 수 있습니다.그림 파일 위에서 마우스 왼쪽 단추를 한번 누르면, 그림이 선택되면서 그림 테두리에 작은 조절점이 상하좌우 3개씩 나타납니다.
그림 파일 위에서 마우스 왼쪽 단추를 한번 누르면, 그림이 선택되면서 그림 테두리에 작은 조절점이 상하좌우 3개씩 나타납니다.먼저 이미지 맵을 지정할 그림 파일을 선택합니다. 계속해서 마우스 포인터를 이동해 가며 세번째, 네번째 지점을 지정할 수 있습니다.사용자께서는 이미지 맵 지정이나 편집을 위하여 다른 어떤 외부 프로그램 없이도 나모 웹 에디터만으로 간편하게 지정하고 편집할 수 있습니다.
사용자께서는 이미지 맵 지정이나 편집을 위하여 다른 어떤 외부 프로그램(program]) 없이도 나모 웹 에디터만으로 간편하게 지정하고 편집할 수 있습니다.사각형 영역 설정사각형 그리기 단추를 선택합니다. 따라서 웹 브라우저에서는 그림 위에서 마우스 포인터가 가리키는 지점에 따라 서로 다른 하이퍼링크가 연결되는 것입니다. 그리고 마우스를 놓는 순간, 방금 지정된 사각형 영역에 대하여 하이퍼링크 만들기 대화 상자가 나타납니다. 그리고 마우스를 놓는 순간, 방금 지정된 동그라미 영역에 대하여 하이퍼링크 만들기 대화 상자가 나타납니다.
설명
다각형 형태의 하이퍼링크 영역을 설정합니다.이미지 맵 단추를 이용하여 영역을 지정할 때는 다음 세 가지 종류로 하이퍼링크 영역을 지정할 수 있습니다.
나모웹에디터이미지맵설명입니다내용은다음과같습니다◈ 이미지 맵이미지 맵(image map)이란 하나의 그림 안에 영역을 나누어서 각 영역마다 하이퍼링크를 지정하는 것을 말합니다. 기존의 수많은 웹 페이지에서 이미지 맵을 사용한 곳을 쉽게 찾아볼 수 있는 기능이므로, 여기서 잘 익혀 두시기 바랍니다.마우스 왼쪽 단추를 그림 위에서 누르는 지점이 동그라미의 시작쪽이 되고 마우스 단추를 놓는 지점이 동그라미의 끝쪽이 됩니다.
레포트/기타
확인 단추를 눌러 대화 상자를 닫습니다. 기존의 수많은 웹 페이지에서 이미지 맵을 사용한 곳을 쉽게 찾아볼 수 있는 기능이므로, 여기서 잘 익혀 두시기 바랍니다. 그리고 마우스를 놓는 순간, 방금 지정된 동그라미 영역에 대하여 하이퍼링크 만들기 대화 상자가 나타납니다.
