[Nex]

I wondered for some time how those of you that have a graphical interface on their homepage for navigation made them. Is there a custom Java / Javascript code to place pictures pixelwise in html documents or did you code it all by yourself..? If there is a custom code you can get somewhere then where?

By interface I mean for instance dhab's navigation page or digisaur's page .

[Drorak]

Here I think this java applet called polymap can do this. http://www.lri.ucsf.edu/polymap/polymapMain.html

[This message has been edited by Drorak (edited May 30, 2000).]

[Nex]

thanks for the link!

.. I think there is a javascript way to do that too. i looked at digisaurs sourcecode and he did it with javascript. Since I don't want to rip the code from his or anyone else's site I'd be happy to know how it's done.

[LoneDragoon]

If you want to post something at a particular pixel locations, why not just use CSS and/or layers?

[Moose]

There are many ways to make those cool digital interfaces. There are in turn many programs to make those digital interfaces as well.

When dealing with the actual graphic it self, there are 2 main programs that i use. I primarilly use Adobe ImageReady (comes packaged with Photoshop 5.5) and Macromedia Fireworks 3. I only use Fireworks 3 because of the wonderful integration into Dreamweaver 3. What these programs do is they make complex tables that you define by "slicing" the image. By looking at digisaurs page, and the code, i can tell he used Dreamweaver ( and possibly Fireworks?). All of the rollovers are can be done in either Dreamweaver, Fireworks or ImageReady.

Which brings me to how to put a graphical site togeather. I have and will always use Macromedia Dreamweaver. It is a great program for making sites and maintaining sites. It is similar to Adobe GoLive, but i recomend Dreamweaver. Dreamweaver 3 has a function that will import the Fireworks HTML that you made when silicing your image. It is real handy and allieviates many hours of banging your head against the wall by doing it by hand.

I am going to post a tutorial on my site sometime soon on how i go about doing all this, but until then, if you have any questions you can email me at [email protected] .

------------------
http://www.geocities.com/mountainiii

[Nex]

great! thanks all. I think CSS is only supported by IE no?

[This message has been edited by Nex (edited May 30, 2000).]

[Moose]

there are somethings taht only are supported in IE, but some things do work in Nutscrape....err i mean Netscape. Exploder....damn, Explorer has some css selctors suchs as A:hover that Netscape doesnt support.


------------------
http://www.geocities.com/mountainiii

[Synax]

The image rollovers were done with Javascript and the images were placed on the page by using DIV classes in CSS. It's pretty easy to learn, the CSS that is. He could have used tables also, which is probably what I would have done because older browsers don't support Cascading Style Sheets.

This is personal preference, but I don't use any wsywig editors like Dreamweaver or GoLive, etc... I program it all using a simple text editor (Notepad) I find that you can come out with cleaner code that's easy to add to, fix errors, etc without having to look thru a huge mess of crap. It probably loads faster too since you're using minimal code when you write it by hand. I find wsywig editors add extra code that's unecessary, but once again, this is just my personal preference.

--Synax