• Trang chủ
  • Giới thiệu
  • Liên hệ

Thư viện thiết kế web
Lập trình web php, asp ...

Thiết kế web cơ bản

  • Nguyên tắc thiết kế
  • Lý thuyết màu sắc
  • Hướng dẫn HTML
  • Hướng dẫn CSS
  • Học XML

Lập trình web

  • Lập trình PHP
  • Mã nguồn PHP
  • Lập trình ASP
  • Javascript
  • Ajax

Đồ họa thiết kế web

  • Photoshop & Đồ họa khác
  • Sửa ảnh trực tuyến
  • Đồ họa 3D

Mẫu thiết kế web

  • Web thương mại
  • Du lịch & Khách sạn
  • Mẫu khác

Công cụ web

  • Kiểm tra tên miền
  • Kiểm tra ranking web
  • Sửa ảnh trực tuyến

Tag Cloud

3dsMax background Bản đồ Bản đồ html Bản đồ hình ảnh cau truc cau truc html Css cài đặt câu lệnh dinh dang html dấu nháy đôi font chữ form Giới thiệu Hiển thị RSS Feeds Hiệu ứng Javascript HTML HTML cơ bản HTML Elements học html học php Hỏi đáp icon lien ket html login login form Mã nguồn mở mầu sắc Mẫu web ấn tượng Open Source RSS Feeds Server Side Includes text thiết kế layout với photoshop thiết kế web Thuộc tính của HTML tiêu đề web trang web hấp dẫn Tùy biến sàn gỗ vi du php Văn bản html web thân thiện đoạn html định vị chính xác

Web links

  • Dich vu SEO
  • Thiết kế web SEO
  • Công cụ SEO

Home > Hướng dẫn HTML > Bản đồ hình ảnh trong HTML

Bản đồ hình ảnh trong HTML

Mục: Hướng dẫn HTML   Tags: Tags: Bản đồ, Bản đồ hình ảnh, Bản đồ html

Một bản đồ hình ảnh  chỉ là một loại hình ảnh nhấp, mà bạn có thể thực hiện các lĩnh vực khác nhau để có liên kết đến các URL khác nhau. (Ví dụ là dưới đây.) Để thực hiện một hình ảnh bản đồ, bạn cần phải thêm vào 2 nhóm mã vào trang web của bạn - là người đầu tiên là một phần bản đồ, khu vực, trong đó có định nghĩa, và thứ hai là một từ khóa img đặc biệt, với một thêm -về để làm cho nó sử dụng bản đồ.

Lưu ý: Khi bạn tạo một hình ảnh bản đồ như là một phần của tài liệu của bạn, bạn nên luôn luôn tạo các văn bản liên kết đến khen hình ảnh liên kết. Điều này cho phép người sử dụng của các tổ chức phi đồ họa trình duyệt hoặc những người có những hình ảnh tắt để truy cập đầy đủ các trang web của bạn. Nó cũng như là một hành vi quay lại lên hình ảnh của bạn không nên tải lên.

Từ khóa bản đồ (map tag)

Đây là nơi mà bạn chỉ định một tên vào bản đồ hình ảnh của bạn, mà bạn sẽ cần phải sử dụng sau này trong các từ khóa img. Tên là một yêu cầu tham số của các từ khóa bản đồ, và bản đồ sẽ không hoạt động mà không có nó. Khi sử dụng, một bản đồ từ khóa sẽ như thế này:
<map name=”put tên here”> Diện tích Tags Về Trong Đây …</ bản đồ>

Lưu ý rằng từ khóa bản đồ  phải được đóng cửa vào cuối.

Diện tích từ khóa

Đây là nơi mà bạn chỉ định cho các cá nhân bấm vào khu vực hình ảnh của bạn. Diện tích từ khóa có 3 thông số cần thiết - các hình dạng, các coords, href và các tham số. Nếu một khu vực từ khóa được thực hiện mà không có cả ba, bản đồ hình ảnh của bạn sẽ không hoạt động! Dưới đây là một ví dụ khu vực từ khóa:
<area shape=”put loại hình here” coords=”put tọa độ here” href=”put URL của here”>

Lưu ý rằng những việc trong ngoặc đơn không phải là những gì bạn thực sự đặt tại đó. Đọc trên để giải thích của những người:

Hình dạng và Coords:

Có ba hình, có thể được sử dụng cho một hình ảnh bản đồ - vòng tròn, rect, và poly. Mỗi của các hình dạng khác nhau đòi hỏi một số các con số trong các tham số coords. Thứ tự của khu vực thẻ là rất quan trọng - là người đầu tiên khu vực mentions rằng một từ khóa là một trong những khu vực được sử dụng, do đó, bạn nên chắc chắn rằng bạn thiết lập các khu vực đầu tiên của bạn nhỏ, và những người thân lớn (trong đó có thể quấn quanh những cái nhỏ) cuối cùng .

Để có một vòng tròn, bạn phải xác định ba số: The X và Y tọa độ của các trung tâm của vòng tròn, và bán kính.
<area shape=”circle” coords=”284131,60″ href=”link.htm”>

rect tạo ra một khu vực nhấp chữ nhật, và cho nó, bạn cần số 4 - X và Y phối hợp của các góc trên bên trái, và X và Y phối hợp của các góc dưới cùng bên phải.
<area shape=”rect” coords=”91148194262″ href=”link.htm”>

poly là loại cuối cùng khu vực từ khóa. Nó được sử dụng để tạo ra một đa giac, hoặc nhiều hình dạng bên, là nơi mà người xem có thể bấm vào. Đối với coords, nó đòi hỏi một danh sách các tọa độ X và Y của tất cả các điểm dọc theo The Edge của đa giác. Đối với hình dạng phức tạp poly, coords những tham số có thể rất dài, và nó trở nên dễ dàng để làm cho những sai lầm. Nó thường là hay nhất để giữ poly khu vực của bạn xuống đến 8 điểm hoặc ít hơn.
<area shape=”poly” coords=”203213203387325336″ href=”link.htm”>

href hoặc nohref - lần cuối là điểm đến cho các bạn bấm vào khu vực, trong đó được xác định bởi các href lĩnh vực, trong cùng một cách chính xác theo cách như là href tham số của các từ khóa <a>. Tùy chọn, nếu bạn muốn chỉ định một khu vực, mà không phản ứng để được nhấp vào, bạn có thể thay thế các tham số với href nohref.
Ví dụ về nohref:
<area shape=”default” nohref>

Vì vậy, bất kỳ khu vực chưa được xác định sẽ không phản ứng để được nhấp vào.

Các <img> từ khóa được sử dụng ở đây là chính xác giống như một trong những bình thường, với một Ngoài ra - bạn cần phải thêm một tham số usemap vào nó, mà chỉ vào bản đồ mà bạn tạo ra trước đó trong tài liệu của bạn. Ví dụ, một hình ảnh bản đồ sử dụng một bản đồ, tên là “chuyển hướng” sẽ giống như thế này:
<img src=”navigation.gif” alt=”Navigation” usemap=”#navigation”>

Tôi hy vọng đến trong này hữu ích!

Chia sẻ web này tại: Digg this post Bookmark to delicious Stumble the post Add to your technorati favourite Subscribes to this post
« Làm thế nào để Tạo một màu sắc phù hợp khi thiết kế Website?
Ví dụ đơn giản về dấu nháy đôi CSS »
Copyright © 2009 Thư viện thiết kế web, Android Việt Nam, công ty phần mềm