5.
Make an HTML Imagemap
BoxPress lets you create HTML Imagemaps in Tinderbox!
Make a MapMaker container, set its prototype to mapmaker_note, and fill it with aliases. Remove unwanted SmartExpression segments. Make the font pretty with the MapStyle stamps. Copy View As Image and save your Imagemap JPG inside img/IMAGEMAPS. Then add the Imagemap to any note you export by setting its $bpMapView and $bpMapJPG.
| Time | Topic |
|---|---|
| 0:25 | Why you should make your Map Views out of aliases |
| 1:42 | To begin, make a new note (an MapMaker container) and set its prototype to mapmaker_note. This will (1) make the background white, and (2) create the origin_adorn adornment for you. |
| 3:14 | Add your aliases (select the notes and do ⌘L and ⌘X) and arrange your map. |
| 3:30 | Remove unwanted SmartExpression segments: Bips and Proticons. |
| 4:23 | Pretty-up the font using the MapStyle • Basic stamp. |
| 4:37 | Do Edit > Copy View as Image, open the Mac OS program Preview, and do File > New from Clipboard. Now change the Format to JPEG and save somewhere inside img/IMAGEMAPS. |
| 5:26 | Zoom in, drag your crop box, crop, and resave. You have now created you Imagemap JPG. |
| 5:49 | Any note in your export can now feature this imagemap! Just invoke the IMAGE key attributes, and enter the name of (1) the MapMaker container and (2) the Imagemap JPG. |
| 8:06 | By the way, adding the Imagemap JPG info to any note changes its Proticon to let you know—this note has an HTML Imagemap. |
| 8:38 | To change the LinkMap you must made to a FillMap, change the exporting note’s prototype to fillmap_note. |
| 9:30 | Restore the prettified notes to their default appearance with the Attribute Cleaner stamps. |