Cách Tạo Image Map Và Cách Xác định Tọa độ điểm ảnh

Thiết kế website giá rẻ tại Hà Nội

Hotline: 0934 69 8662

  • Trang chủ
  • Giới thiệu
  • Thiết kế website
  • Diễn đàn joomla
  • Seo websites
  • Drupal
  • Bảng giá website
  • Hosting
  • Sản phẩm
  • Khóa học
  • Liên hệ

Main Menu

  • Học Photoshop Học Photoshop
  • Download phần mềm Download phần mềm
  • Download Joomla 1.5.23 Download Joomla 1.5.23
  • Download joomla 1.5.22 Download joomla 1.5.22
  • Download Joomla 1.7.0 Download Joomla 1.7.0
  • Download Joomla 2.5.3 full Download Joomla 2.5.3 full
  • JQuery JQuery
  • Tin tức IT Tin tức IT
  • Lập trình PHP cơ bản Lập trình PHP cơ bản
  • Lập trình PHP nâng cao Lập trình PHP nâng cao
  • Download ebook joomla Download ebook joomla
  • Download Joomla 2.5.6 full Download Joomla 2.5.6 full
  • Download VirtueMart 2.0.8 cho Joomla 2.5.X Download VirtueMart 2.0.8 cho Joomla 2.5.X
  • Dịch vụ SEO giá rẻ - SEO giá rẻ Dịch vụ SEO giá rẻ - SEO giá rẻ

Đăng ký học joomla

Tin tức mới nhất

  • Hướng dẫn tạo email theo tên miền dùng outlook
  • Code không cho download ảnh trên website
  • Công cụ check Hosting
  • Có nên thiết kế website giá rẻ
  • Jquery popup div - Jquery popup div on hover
  • lenh half life - Lệnh half life
  • Liên thông giữa Website và Facebook
  • Tạo SubDomain
  • Làm sắc nét ảnh bằng photoshop
  • Tạo chữ bóng trong photoshop
  • max-width width table in chrome
  • Trang web Ác ý Đã biết!
  • Xuất file .ico với Photoshop
  • Check IP Public ở mạng bạn đang sử dụng
  • ![CDATA[
  • Lưu ký tự đặc biệt vào Database với PHP
  • Không sạc được Pin Laptop
  • Download ngôn ngữ Tiếng Việt cho Joomla 2.5 Full
  • Các phép biến đổi định dạng số trong PHP
  • Hiệu ứng chạy cuộn tin tức với jquery

Thống kê truy cập

Truy cập trong ngày:200
Truy cập hôm qua:655
Tổng số truy cập:787498
Đang online: 12 Khách Cách tạo Image Map và cách xác định tọa độ điểm ảnh

Với mỗi bức ảnh đã được hiện thỉ trên website của bạn, bạn có thể sử dụng Image Map để tạo ra nhiều vùng trên một bức ảnh và với mỗi vùng bạn có thể gán cho nó một siêu liên kết riêng.

Ví dụ:

<img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" /> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="/sun.htm" alt="Sun" /> <area shape="circle" coords="90,58,3" href="/mercur.htm" alt="Mercury" /> <area shape="circle" coords="124,58,8" href="/venus.htm" alt="Venus" /> </map>

- Giải thích vài từ khóa quan trọng

+ rect – Hình chữ nhật cần 4 yếu tố để xác định một hình chữ nhật trên ảnh đó là left (trái), top (trên), right (phải) và bottom (dưới) coords="20,15,132,103"

+ circle – Hình tròn cần 2 yếu tố để xác định một hình tròn trên ảnh đó là tọa độ tâm và bán kính coords="253,78,64"

+ poly – Đa giác cần tọa độ tất cả các đỉnh coords="140,138,114,193,159,237,210,205,200,146"

Xác định tọa độ điểm ảnh:

Có rất nhiền cách và phần mềm có thể sử dụng vào việc này nhưng đơn giản và ai cũng có đó là Paint. Để mở paint bạn vào Start -> All Programs -> Accessories -> Paint.

Sau đó bạn mở ảnh muốn xác định bằng Paint và di chuột vào vị trí mà bạn muốn xác định tọa độ. Bạn để ý sẽ thấy góc dưới bên trái xuất hiện tọa độ của điểm ảnh ( ví dụ: 195,320px ).

Comments

0 #7 Trần Anh Tú 2013-05-10 19:18 Quoting cam ơn:
cẢM ƠN anh rất nhiều. em vừa học html cơ bản. cô cho bài tập xác định tọa độ làm bọn em rất đau đầu, nhờ có cách vào paint đơn giản mà anh chỉ bọn em đã làm đc. xin cảm ơn :roll:
Bài viết rất hay, đúng thứ mình cân tìm.Cho mình hỏi, khi đã chọ được vùng trong ảnh làm link rồi. Có code nào làm cho vùng được chọn đó chuyển sang màu khác khi đưa chuột vào không. Quote 0 #6 Trần Anh Tú 2013-05-10 19:17 Bài viết rất hay, đúng thứ mình cân tìm.Cho mình hỏi, khi đã chọ được vùng trong ảnh làm link rồi. Có code nào làm cho vùng được chọn đó chuyển sang màu khác khi đưa chuột vào không.Quoting cam ơn:
cẢM ƠN anh rất nhiều. em vừa học html cơ bản. cô cho bài tập xác định tọa độ làm bọn em rất đau đầu, nhờ có cách vào paint đơn giản mà anh chỉ bọn em đã làm đc. xin cảm ơn :roll:
Quote 0 #5 Trần Anh Tú 2013-05-10 19:16 Bài viết rất hay, đúng thứ mình cân tìm.Cho mình hỏi, khi đã chọ được vùng trong ảnh làm link rồi. Có code nào làm cho vùng được chọn đó chuyển sang màu khác khi đưa chuột vào không. Quote 0 #4 cam ơn 2013-04-05 11:37 cẢM ƠN anh rất nhiều. em vừa học html cơ bản. cô cho bài tập xác định tọa độ làm bọn em rất đau đầu, nhờ có cách vào paint đơn giản mà anh chỉ bọn em đã làm đc. xin cảm ơn :roll: Quote +1 #3 Hieu Skull 2012-02-01 22:23 neu co kho khan trong vie.c tim toa do. thi ban vao trang web nay dung tool cho nhanh:Dhttp://www.image-maps.com/ Quote +1 #2 Lê Huy 2011-11-02 21:12 Không có gì bạn ạ. :D Quote +1 #1 le ngoc hieu 2011-10-30 09:49 cam on ban nhieu ve chia se nay Quote Refresh comments listRSS feed for comments to this post

Add comment

Name (required)

E-mail (required, but will not display)

Notify me of follow-up comments

Security code Refresh

Send Cancel JComments

Các bài viết liên quan

  • Download ngôn ngữ Tiếng Việt cho Joomla 2.5 Full
  • Error: installing Joomla 1.5.22
  • joomla 1.7 phát hành bản beta 1 - Những điều lo lắng
  • Cách sử dụng thư viện của Joomla
  • Cài đặt Sh404SEF
  • Cách tạo sitemap.xml cho joomla
  • Lấy lại password joomla bị mất
  • Có thể giải mã hóa password MD5 của joomla?
  • Hack website joomla 1.5

thiet ke web chuan w3c

Dịch vụ seo website

seo website

© 2009 - 2017 BẢN QUYỀN THUỘC CÔNG TY TNHH THƯƠNG MẠI VÀ DỊCH VỤ NGỌC GIA PHONG

Địa chỉ: Tổ 5 - Phường Yên Nghĩa - Quận Hà Đông - TP Hà Nội.

Hotline: 0934 69 8662 - Email: [email protected] - [email protected]

==========

Dịch vụ vệ sinh tại Hà Nội: Bảng giá vệ sinh công nghiệp tại Hà Nội, đơn giá vệ sinh công nghiệp, vệ sinh công nghiệp ở Hà Nội, dịch vụ vệ sinh nhà ở hà nội,

Kem đa năng Bà Vân, Kem đông y Bà vân,

Giảm cân Sbody: Giảm cân cà phê Nấm men, giảm cân Idol Slim, giảm cân Idol Slim Coffee chính hãng,

Liên kết: my pham mocha, mỹ phẩm chamomile, trị thâm biho ladi, Mỹ phẩm Magic Skin, Mỹ phẩm Ruby World, Mỹ phẩm Magic Mom, mỹ phẩm huyền phi, công ty huyền phi, Kem face Huyền Phi, tẩy lông Huyền Phi, Hôi nách Huyền Phi, hôi miệng Huyền Phi, tái tạo da huyền phi, Mỹ phẩm Mqskin, tái tạo da MQ Skin, Thay da nhân sâm MQ Skin,

Phụ khoa họ nguyễn: Phụ khoa họ nguyễn, Phụ khang họ nguyễn, điều kinh bà hồng, nam khoa bà hồng,

Mỹ phẩm Hamyy Skin: Mỹ phẩm Hamyy Skin, Mỹ phẩm hamyyskin, Kem chống nắng Hamyy Skin, Sữa rửa mặt Hamyy Skin, Kem face tuyết nhung Hamyy Skin, Serum HA Hamyy Skin, Cao nám tuyết hoa Hamyy Skin, Serum nám Hamyy Skin, Tẩy tế bào chết Hamyy Skin, tẩy trang Hamyy Skin, Sữa tắm Hamyy Skin, Kem body Hamyy Skin,

Mỹ phẩm giá tốt: Mỹ phẩm giá tốt, Teela, Kem massage cơ xương khớp Teela, Kem massage Teela,

Mỹ phẩm YSKIN: Mỹ phẩm YSKIN, mỹ phẩm Y Skin, Sữa rửa mặt YSKIN, Kem b5 YSKIN, Serum B5 YSKIN, Kem chống nắng YSKIN, Kem body YSkin, Tẩy tế bào chết YSKIN,

MỸ PHẨM SKIN CREAM: Mỹ phẩm Skin Cream, Kem face Linh Chi Skin Cream, Kem face Linh Chi, Serum Skin Cream, Kem face hoa anh đào Skin Cream, Sữa rửa mặt Skin Cream,

NƯỚC HOA CHARME: Nước hoa Charme, Nước hoa Charme nữ, Nước hoa Charme Nam, Công ty nước hoa Charme, Nước hoa Charme So Sexy, Nước hoa Charme Good Girl, Nước hoa Charme Queen, Nước hoa Charme VIP, Nước hoa Charme Trust, Nước hoa Charme Darling, Nước hoa Charme Lonely, Nước hoa Charme Kiss, Nước hoa Charme Crush, Nước hoa Charme Universal, Nước hoa Charme Roisy, Nước hoa Charme Scandal, Nước hoa Charme Pinnacle, Nước hoa Charme Giò, Nước hoa Charme King, Nước hoa Charme Guility, Nước hoa Charme Boss, Nước hoa Charme Sport, Nước hoa Charme Cool Water, Nước hoa Charme Enter, Nước hoa Charme Sexy Men, Nước hoa Charme Menly, Nước hoa Charme Kingdom, Nước hoa Mr Charme, Nước hoa Charme Luxury, Nước hoa Red De Charme,

MỸ PHẨM ĐÔNG ANH: Mỹ phẩm đông anh, Kem body đông anh, Kem face đêm đông anh, Kem face đông anh, Sữa rửa mặt đông anh, Serum nám đông anh, serum face đông anh, tẩy tế bào chết đông anh, kem chống nắng đông anh, serum mụn đông anh,

MỸ PHẨM NCOLLAGEN: Mỹ phẩm NCollagen, Kem face tím Collagen, Serum C NCollagen, Kem face sâm vàng NCollagen, Kem face nhân sâm xanh NCollagen, Kem face lạnh NCollagen, Kem face mụn NCollagen, Serum rau má NCollagen, Combo tổ yến NCollagen, Kem face tổ yến ngày NCollagen, Kem face tổ yến đêm NCollagen, Serum tổ yến NCollagen, Serum cao cấp NCollagen, Kem face nám đêm NCollagen, Sữa rửa mặt NCollagen, Sữa rửa mặt hồng sâm NCollagen, Sữa rửa mặt Bạch Ngọc NCollagen, Tẩy tế bào chết NCollagen, Kem chống nắng NCollagen, Kem chống nắng HA NCollagen, Kem face retinol NCollagen, Peel da sinh học NCollagen, Serum phục hồi B5 NCollagen, Sữa tắm NCollagen, Kem body NCollagen, Kem body Retinol NCollagen,

MỸ PHẨM LAS BEAUTY: kem rong nho las beauty, kem dưỡng rong nho, kem dưỡng rong nho Nhật Bản,

Valid XHTML 1.0 Transitional

Từ khóa » Cách Dùng Image Map