어떻게 픽처 인 픽처 참조를 만드는 방법? 사진에 대한 링크를 삽입하는 방법

배너 및 만들기 사이트 맵을, 초보자 웹 마스터는, 사진에 대한 링크를 삽입 그것을 더 밝고 재미있는 메뉴를 수행하는 방법, 이러한 문제에 직면하고 있습니다. 하지만 어떻게 그것을 구현하는 방법? 당신은 HTML 언어를 알고 있다면 쉽게 아무것도 없다.

우리가이 아이디어를 현실로 만들 수있는 방법을 찾아 보자. 이 글에서, 우리는 당신이 문제를 해결하기 위해 두 가지 옵션을 제공합니다. 하나는 거의 때문에 두 번째는 잘 알려진 것으로 간주됩니다하면서, 많은 시간과 노력을 필요로한다는 사실에 사용되지 않습니다. 우리는 모두 분석 할 수 있습니다.

이미지 링크가 사용되는 경우

우리가 픽처 인 픽처 참조를 만드는 방법에 대해 이야기하기 전에 어디서, 왜 사용하는, 우리는 이해하여야한다. 결국, 우리가 이미지에서 원하는 것을 이해하기 쉬울 것이다.

배너, 광고가 그림을 강매으로 이미지 링크는 일반적으로 사용된다. 이것의 예는 그림이 모두 같은 "명 Vkontakte"에 있습니다. 특정 주소가 내장 된에 사진을 클릭 한 횟수를 기억 하는가? 또한, 자주 그들은 특별 항목을 포함 특히, 메뉴 그룹과 지역 사회의 형태로 사용된다. 다른 사이트에서 발견 많은 같은 이미지.

사진에 링크를 붙여 넣기

가장 간단한 것은 - 사진 링크. 즉, 그것에 대해이야, 우리가 시작하는 이야기. 이 그림은 준비 참조입니다. 이 아이콘을 클릭 즉이 새 페이지로 리디렉션됩니다.

당신이 HTML 마크 업의 도움으로 공통 링크로 정의하는 방법을 알고있는 경우 문제는 발생한다. 유일한 차이점은 대신 텍스트 링크의 이미지를 지정한다는 것이다.

그래서, 자신의 계획을 구현하기 위해, 당신은 (실제로 웹 사이트에 당신은 온라인 모드에서 작업 여부에 따라, 또는 편집자를 zadeystvuete) 그림 자체 인터넷에 업로드하거나 컴퓨터에 저장을 필요로한다.

우리는 이미지 주소를 찾고 그것을 잊지 않도록 기록하고 있습니다. 또한이 사진을 열어야합니다 링크를 수정.

/article/150142/%D0%B0%D0%B4%D1%80%D0%B5%D1%81 ssylki"> 사진 를

따라서, 우리는 그림의 형태로 표시되는 링크를 처방. 아주 쉽게. 그러나이 방법 당신은 단지 하나의 링크가해야한다고 생각하는 경우에만. 그러나 몇 가지가 있어야하는 경우? 그런 다음 우리는 다른 옵션으로 이동합니다.

사진의 메뉴를 확인

첫 번째 방법은 웹 페이지의 연구 마크 업 언어에 독립적으로 개발되었다. 이러한 메뉴의 생성은 몇 시간이 걸릴 수 있습니다.

꽤 시간이 많이 걸리는이며, 메뉴 카드 또는 두 번째 방법의 창조보다 조금 더 걸립니다이 방법은 다양한 편집자와 수리를 좋아하는 사람들에게 적합합니다. 그것은 여러 조각이나 사각형으로 절단되어 사진이 촬영된다는 사실에있다. 상술 한 바와 같이 각 화상, 서명, 및 링크에 대한 기초이다. 다음으로, 코드 페이지 태그는 올바른 순서로 기록됩니다. 즉 픽처 인 픽처 참조 거의 해결을 만드는 방법의 모든 질문입니다. 그러나 두 번째 옵션에 대해 잊지 마세요.

그는 각 영역에 대해 묻는 한 사진과 함께 메뉴를 만들어 해당 링크를 설명하는 것입니다. 이 이러한 매우 복잡한 아무것도 걱정하지 마십시오. 이제 첫 번째 것들 첫째.

어떻게 만드는 방법

우리가 좀 더 첫 번째 방법을 살펴 보자.

우선, 당신은 그래픽 편집기, 그리고 HTML에 대한 지식이 필요합니다. 참조 사진을 만드는 방법, 그것은 마크 업 페이지의이 종류를 알려줍니다.

이 방법으로 이동하기로 결정한다면, 당신은 이미지 및 사진을 잘라 당신이 그들을 채울 수있을 것입니다 장소뿐만 아니라, 자신의 레이블에 넣어 수있는 간단한 그래픽 편집기가 필요합니다.

이 자신의 웹 사이트 인 경우 - 적합 기존의 갤러리 나 라이브러리 파일에 대해 "명 Vkontakte는"이 그룹의 앨범이나 커뮤니티 (바람직 무료) 할 수있다.

또한, 이미지 조각으로 절단, 따라서 그 부분이 수신되는 순서를 기억하는 것이 필요하다. 그 비문에 스탬프 서버를 작성하여 각 그림에 대한 참조를 작성합니다.

위의 코드를 가지고, 원하는 데이터를 대체 할 수 있습니다. 그리고 그들이 가야하는 순서대로 사이트에 이미지를 입력합니다. 동시에 당신이 스트립으로 절단하는 경우, 당신은 새로운 라인의 각 링크를 요청해야하지만 사각형으로 사진을 공유 한 경우에, 당신은 사각형을 보니 많은 링크로 행에 넣어해야합니다.

우리는 사이트 맵을

첫 번째 버전을 좋아하지 않아, 당신은 다른 방법으로 픽처 인 픽처 참조를 만드는 방법을 배우고 싶은 경우에 따라서, 우리는지도 기준을 개발하기 위해 당신을 제공 할 수 있습니다. 그것은 쉽게, 여기에만 문제의 작업 매개 변수 발생할 수 있습니다했다. 왜 더 이해할 것이다.

# 맵 이름 "- 첫째, 우리는 맵이 명령의 usemap = 사용하여 이미지에 연결되어 있음을 유의하십시오."USEMAP는 = 사이트에서 사진을 작성, 따라서 img 태그에 규정되어 #의 MAP1을, 두 번째 부분에 태그를 추가해야합니다. "

링크에 부착 된 영역으로 추가 마크 업 이미지는 페어링 된 태그 사이의 편리한 장소에 배치 할 수 있습니다 <지도> , 페어링 태그를 사용하여 수행됩니다.

사용하는 경우지도의 유형뿐만 아니라 링크, 또한 자신의 활동과 좌표의 영역을 요청해야합니다. 다음으로, 우리는 태그가 기본 매개 변수를 검토 할 것이다.

바로 가기 설정

그래서, 당신의 눈 앞에 준비 참조 사진입니다. 참조를 위해 그것을 특정 영역을 할당 - HTML은 크게 이미지의 기능을 향상시킬 수 있습니다. 이 모든 것은 지금 논의되는 특정 매개 변수에 의해 주어진다.

의이 쌍 태그 <지도>의 기본 매개 변수에 대해 조금 이야기하자. 주로 값의 usemap 같다이 이름. 그래서 당신은 카드를 사진에 기록되어 있음.

<분야> 참조 영역을 설명 - 상기 태그 쌍 <지도> 태그 안에 다른 처방된다. 그는 물론 자신의 매개 변수가, 사람이 아니에요합니다.

첫 번째 - 모양. 웹 마스터의 도움으로 필드의 종류를 설정합니다. 이 될 수 있습니다

• 원 - 원;
• 직사각형 - 사각형;
• 다각형 - 폴리;
• 나머지 지역 이미지 - 기본.

다음 - 좌표. 화소 영역의 좌표의 도움. 이의 기원은 좌표계 - 왼쪽 상단 모서리를. 그 다음, 그리고 주요 문제는 - 그렇게 쉬운 일이 아닙니다 컴퓨터 그래픽과 더 친숙가없는 특히, 픽셀에 의해 좌표를 정의 할 수 있습니다.

우리는 또한 링크의 주소를 설정 꽤 유명한 HREF를 언급.

그리고있는 마지막 옵션은 언급합니다 - nohref합니다. 또한이 영역은 참조하지 것을 보여준다.

물론, 이것은 당신이 그림 또는 링크 맵을 설정할 수있는 매개 변수의 전체 목록이 아닙니다. 그러나 동시에, 그들의 시스템의 밝고 화려한 링크 또는 전체를 생성하기에 충분합니다.

팁

에 대한 어느 방법 링크, 사진의 창조 당신이 선택하는, 중요한 것은 원본 이미지가 좋았다는 것이다. 눈을 잡으려고하지 않는 밝은 색상이나 패턴을 자극하지 않는 디자인을 선택하십시오. 이 사이트 맵 특히 중요합니다. 당신은 할 수 있습니다 콜라주 만들기 , 여러 사진을 그들을 어둡게, 또는 그래픽 프로그램에서 필터 중 하나를 켭니다.

당신이 만들 때 사이트 맵은 눈 패턴 소프트, 비 자극과 이미지를 선택하는 것이 좋습니다. 밝은 사진 -link - 나를 믿어 항상 성공의 열쇠가 아닙니다. "명 Vkontakte는"하지만, 종종 새로운 방문자를 유치하기 위해, 단지 밝기 및 showiness에 초점을 맞 춥니 다.

연구 결과

요약하면. 우리는 당신이 픽처 인 픽처 참조를 만드는 방법을 알아 냈어, 당신은 동일하게 어려움을 다양한 메뉴를 만드는 데 사용할 수있는 두 가지 방법 바라 보았다에 있습니다. 또한, 우리는 이미지 링크를 설정하고 사이트, 그룹 또는 지역 사회의 매우 편리한지도를 만들 수 있도록 주요 매개 변수에 대해 배울하는 방법을 알아 냈어.