6.
Make an OutMap
BoxPress lets you create HTML Imagemaps in Tinderbox with perfect outline form!
To create an OutMap, make a MapMaker container, set its prototype to outmaker_note, and fill it with aliases. Enter the name of their original container into $outSource, select all notes, and run the MapMaker • OutMap stamp. 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:15 | Make a new note (a MapMaker container) and set its prototype to outmaker_note. This will (1) make the background white, and (2) create the origin_adorn adornment for you. |
| 0:38 | Pick some complex container whose descendants you want to map. Select the descendants, hit ⌘L and ⌘X, and then paste them inside your OutMaker container. |
| 1:13 | Select the MapMaker container and do View > Text Window (or hit ⌥⌘X) to invoke a Text Window that will serve as your OutMap Control Panel. It gives you total control over your lovely OutMap! Cut the origin_adorn while you make the adjustments below. |
| 1:36 | Enter the name of their original container into $outSource so that the OutMap will be properly indented. Select all notes and run the MapMaker • OutMap stamp. |
| 2:36 | Paste back the origin_adorn and adjust its size. |
| 2:54 | Continue making adjustments with the Control Panel until you are happy with the appearance. |
| 4:05 | Use the MapStyles stamps to make things pretty in a flash. |
| 4:47 | When you’re satisfied, 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:08 | Zoom in, drag your crop box, crop, and resave. You have now created your Imagemap JPG. |
| 5:51 | Pick a note you want exported with this Imagemap. Invoke the relevant key attributes by running the ^do(Stamp, Keys • Image)^ stamp. Enter the name of the MapMaker container in $bpMapView and the Imagemap JPG in $bpMapJPG. Give it a title if you like. |