Web page design help

Chibiartstudios · Post by **Chibiartstudios** » Sun Mar 20, 2005 11:46 pm

I heard a while back that it is possible to make a large image of the layout of your website, menu items and all, and then chop it up into buttons which would then be used as your site. How exactly does one do this? I'd really apreciate some pointers or a link to a site that has them.

Thanks!

Kirb · Post by **Kirb** » Mon Mar 21, 2005 12:29 am

I think you are talking about WYSIWYG (What you see is what you get) editor. One example would be Macromedia Dreamweaver. It essentially allows you to create your site layout using Photoshop and slicing buttons in Image-ready, then putting it all together in DW.
I'm taking a class on it right now.
Dreamweaver doesn't come cheap, though...

Smight · Post by **Smight** » Mon Mar 21, 2005 1:20 am

You can actually set everything up and export the entire site from image-ready without using dreamweaver. Just "save optimized as" to some folder and it creates all the necessary folders and html pages.

If you have imageready just use the slice tool to create boxes and such around the areas you want to be buttons. use the slice selection tool to select these sites and then you can add alt text, rollover actions, and links for those slices in the slices rollout. then just save optimized as and you're done.

Chibiartstudios · Post by **Chibiartstudios** » Mon Mar 21, 2005 1:54 am

Interesting. I didn't know immage ready could do that!

(I don't supose I could convince you top make a tutorial for the newsletter could I?)

So are there any sites where I can get details like how wide the immage should be, how to use the tools, and so on and so forth? In the meantime this helps me a lot. Thanks!

Cortland · Post by **Cortland** » Mon Mar 21, 2005 5:17 am

I think what you want to do is design the site initially in Photoshop, and then use ImageReady to slice up the images, give them rollover effects, links, and everything, and then clean up using Dreamweaver, GoLive, or some such program. Please do NOT leave huge blocks of text as images, because that's just silly.

KrisX designed her Chat Rouge site that way, and I sliced it up for her.

War · Post by **War** » Mon Mar 21, 2005 5:38 am

Mine and Spacejams were done entirely in Photoshop and notepad. Just make the image, slice it up, save optimised, and then edit in notepad to your hearts content.

Bluebug · Post by **Bluebug** » Mon Mar 21, 2005 5:50 am

Here's a tutorial link for ImageReady and splicing. It's the fourth link down from the top.

http://aelice.silhouette-project.com/tu ... orials.htm

Oualawouzou · Post by **Oualawouzou** » Mon Mar 21, 2005 6:14 am

Note that some editors tend to mess with keenspace tags. Keep a copy of a working indextemplate.html safe just in case.

Chibiartstudios · Post by **Chibiartstudios** » Mon Mar 21, 2005 11:02 pm

OK.... Done! Let me know if it works OK. I know it's just the front page right now but it's a start. Looks better than my last POS site anywho.

*sings movin on up*

Thanks alot everyone. You all have NO idea how much this is a godsend.