Step Three: Creating Links from Splices
[current materials] Photoshop (v 6.0). I am using the file imageready.psd .
----------------------------
*stretches sleepily* Writing tutorials is time consuming! Woo! o_o *clears throat* In this lesson, you will learn how to link the splices.
We are still working with imageready.psd, so keep it open!
Step 1) Linking
Open up the Splices Palette (selected in red) and hit the first button, next to 'About'. You've already made that into a rollover, but you want it to link, right? ^_^ Sure you do! Even if you don't, since this is just a practice, I'm gonna teach you how! *ties visitor to a chair*
When you have the button selected that you want to link, just slip down to the Slices Palette and fill in what page you want to link it to. In 'Name' type what you want to call the image. You can leave this blank if you're lazy. It doesn't really affect it. But in URL, you HAVE to put the link's name, or else it won't work.
Repeat this in the other buttons, and preview it again. ^_^ Keep in mind the links wont work anyways because you're viewing your page from a temporary source.
Feel free to save imageready2.psd to see the final product and preview it.
Step 2) Optimize!
Go to File>Save Optimized As> and save both the html and the images into your directory. Then, you can preview your site from there. ^_^ If you have your 'about', 'link', and 'art' pages complete, feel free to preview your site. Neat, neh?
You've finished!! :D Go you! If you have a composer, or know HTML, you can add text below this Weiss menu project. The rollovers will still work. Be sure not to touch the long coding in the header, though. ^^;; You'll mess up your pretty new web page.
----------------------------