Step 10) Drawing a Hotspot. We could have done this in ImageReady, buuut I kinda forgot. So, I'll show you how to do it in Dreamweaver. Go back to the image icon at the top and select 'Draw Rectangular Hotspot'. (Or Oval or polygon. Doesn't matter. Your choice).
Then go to your picture, and well... draw it. Remember this only works on images, not background images or whatever else.
I added a rectangular hotspot to the Title area of the website. Your hotspot should be blue. Click on it, and you can set a Link for it down in the properties panel. I set mine back to index.html. The Key symbol on this website has a circular hotspot on it as well.
(Code for this one is kinda... compicated if you don't have dreamweaver. <map name="Map"> <area shape="rect" (or "circle" or "poly" for polygon) coords="155,13,556,93" href="yourlink.html"> </map> It's usually placed at the end of the code. Right before the </body> tag. You'll have to replace the coords with different numbers and insert the usemap="#Map" into the <img> tag too.)
Step 11) Getting a Tagbox = Copy and Paste. It's not very hard. The next thing on my to-do list was to get a tagbox for the website, because we webcomic makers like it when you leave comments. :D (Unless it's distasteful spam :[) I got my tagbox at Cbox.ws but there are many tagbox providers out there. Just go google up tagbox or chatbox or something. I find Cbox relatively customizable, so I use it.
Register, mess around with your colors and settings until it is to your liking. They give you a copy-and-paste code. Set your chatbox width and height so that it fits inside the table cell/slice.
Make sure once you click in the empty table cell, you then click in code view and go between the <td colspan=blahblah> </td> and paste. Otherwise you'll get a bunch of text in the table instead of the actual tagbox. As the admin of your tagbox, you can delete messages anytime, so feel free to test-spam the colors before it goes online.
>> Next: Text and Text Properties
<< Previous: Images and Image Properties
