Bản đồ hình ảnh là một hình ảnh có các URL được "ánh xạ" trên đó. Bạn có thể trang trí trang web hoặc trang bắt đầu cá nhân của mình bằng một bản đồ hình ảnh với các trang web yêu thích của bạn mà bạn muốn truy cập. Có rất nhiều phần mềm mà bạn có thể làm được, nhưng bài viết này sẽ sử dụng GIMP.
Các bước
Bước 1. Tập hợp một đồ họa ban đầu mà bạn sẽ lập bản đồ
Bạn có thể sử dụng hình ảnh, hình ảnh, bất cứ điều gì phù hợp với bạn. Tại đây, chúng tôi sẽ sử dụng wikiHow, diễn đàn wikiHow và iGoogle.
Bước 2. Sau khi tạo hình ảnh, (hoặc mở nó), đi tới Bộ lọc >> Web >> Bản đồ hình ảnh
Màn hình hộp thoại Gimp ImageMap
Bước 3. Nhấp vào hình chữ nhật ở bên phải màn hình, sau đó chọn một trong các hình ảnh mà bạn muốn sử dụng
Trong ảnh chụp màn hình này, wikiHow được chọn. Điền các thông tin cần thiết vào màn hình hộp thoại xuất hiện.
Nhấp vào hình chữ nhật và bạn có thể thấy vị trí chính xác của hình ảnh
Bước 4. Tiếp tục quá trình này cho phần còn lại của bản đồ của bạn
Bước 5. Khi bạn đã xác định xong tất cả các khu vực liên kết, hãy lưu bản đồ hình ảnh của bạn
GIMP sẽ tự động đề nghị lưu tệp này dưới dạng tệp có đuôi.map. Nếu bạn muốn, bạn có thể lưu nó như vậy. Nhưng tệp này chứa mã HTML (không có hình ảnh) mà chúng tôi cần chỉnh sửa và sao chép vào trang web của riêng mình, vì vậy bạn nên lưu nó dưới dạng [tên tệp].html và chuyển trực tiếp sang bước 7.
Bước 6. NẾU bạn chưa lưu nó dưới dạng tệp HTML, hãy tìm tệp đã lưu của bạn và đổi tên phần mở rộng thành.html
Bạn có thể nhận được cảnh báo về việc thay đổi phần mở rộng tệp. Bấm có để tiếp tục.
Bước 7. Sử dụng trình soạn thảo văn bản để mở tệp HTML này
Bạn sẽ nhận thấy tệp này chỉ chứa một danh sách các tọa độ và URL. Đây là mã cho trình duyệt biết URL nào cần gán cho phần nào trong hình ảnh của bạn.
Bước 8. Đảm bảo đường dẫn tệp được xác định trong
liên kết đến hình ảnh mà bạn muốn các URL được ánh xạ.
Không hướng chính xác nó vào hình ảnh có thể dẫn đến không có hình ảnh nào được hiển thị.
Bước 9. TÙY CHỌN:
Sử dụng trình duyệt để mở tệp HTML của bạn; nếu mọi thứ hoạt động, bạn sẽ thấy hình ảnh với tất cả các URL được ánh xạ trên đó theo các khu vực bạn đã xác định.
Bước 10. Thêm bản đồ hình ảnh của bạn vào HTML trang web của bạn
Bạn sẽ cần sao chép TẤT CẢ các dòng mã bạn thấy, bao gồm
(xác định đường dẫn đến hình ảnh nguồn của bạn) và mọi thứ giữa các thẻ. Đó là nó! Bạn đã hoàn tất.