How to create a sensible image in HTML for HumanitarianResponse.info
In this guideline, the HumanitarianResponse.info editors will learn how to create an HTML image map to be used in humanitarianresponse.info web portal.
The result of the operation is available in https://www.humanitarianresponse.info...
For this you need:
1. Image i.e. caribean countries map, that we want to make sensible
2. List of URLs where I want to links in the image
3. GIMP Image manipulation and map software GIMP http://www.gimp.org/
4. Any HTML Code editor (even Notepad) here I used the free editor https://code.visualstudio.com/
5. The HTML produced can be used in any website. For Humanitarianresponse.info you shall email asking for support to [email protected]
Process:
1. Create the image that you will use and upload to humanitarianresponse.info (i.e. Caribbean countries map) . Be sure to use the width of 795px or 1080px
2. Create the clickable zones (Gimp - Filters- Web - Image map)
3. Save as map and update HTML
4. Send to HR.info
5. Enjoy
Done