Does GIMP or Paint.Net use slice tool and output css like Photoshop can?

toolmania1

New Member
In the past, I have used photoshop to design web pages. What I did was draw out the page for how I wanted it to look. Then, where I needed links, I used the slice tool and sliced the web page up. I saved this in some format that the saved files included css code. I could manipulate this css code if I wanted. Photoshop did a really nice job of this. I do not have access to photoshop anymore. Does either GIMP or Paint.Net do something similar?
 

CaldwellYSR

Member
I don't think either of those programs have that functionality because the developers of GIMP (at least) have a little bit of sense. Those are image manipulation software and not web design software. If you want design websites then you need to write the code for it, not use sliced images.
 

toolmania1

New Member
GIMP does image map

I just did an image map in GIMP. I created the image map over part of the bigger image. I double clicked on the image map ( I could see it selected by a box ). Then, I added the url that the user would be taken to in the url box. I then edited the bode in Notepad++ and added the <html> and <body> tags around the image map. I saved the file as an html file. Next, I opened the file in Firefox and clicked on the area for the map. I was taken to http://www.google.com. So, it looks like this works.
 

ronaldroe

Super Moderator
Staff member
In answer to the original question, I don't think they do out of the box, but they both likely have plugins to add the functionality
 

toolmania1

New Member
correct way

Could we have some examples then of the correct way to do this? I am always willing to learn. Also, what is wrong with the way I explained?

Thanks in advance
 

toolmania1

New Member
I like to draw out the whole page to see it visually in something like Photoshop or a similar program. Then, I just slice it up and have it spit out the css for me. I tweak it as needed. I can program css and html. I just think its easier this way. Then, if I only need to update one thing, I open up the file in Photoshop, edit the one image, save only that image and upload. It is very easy to do.
 

CaldwellYSR

Member
What's wrong is that websites shouldn't be made with images. They should be made with code.... With all the advancements in CSS3 there's very little use for images anymore. There's no reason to let a graphics program try (and fail) to put out good CSS code. It's not 1998 anymore...
 
Last edited:

toolmania1

New Member
Images

All that makes sense. But, I don't always have hours on end to make sites. So, I try to find quicker ways to make the sites. And, if load time is the concern, you are right, it's not 1998. Computers, browsers, smartphones can all handle loading images. I test software and use iPhones, Blackberries, and Androids all the time. They have no problem loading pages with images.

The advancements in css3 I have not learned about yet. That may be a good enough reason for me to learn how to do that and abandon my old way of doing sites. Like I said, I am willing to learn. I just need to be sure that what I am learning is better.

What are the advancements in css3 that you are referring to? How do they help with creating web pages?

Thanks in advance
 

CaldwellYSR

Member
It's not a matter of speed it's a matter of having good and valid code. Images are inflexible. Your site isn't going to look the same across browsers and operating systems. The advancements in CSS3 I've been talking about are things like box shadows, gradients, border radius, alot of design elements that people used to use images for are now done with CSS instead.

Another big worry with image mapping and things like that is SEO. Your site won't be crawled correctly and you won't show up on the all important google rankings! Image maps do have their place but your whole site should not be an image map. Period.
 

toolmania1

New Member
Css3

Thanks for directing me towards css3. I studied up real quick on w3 schools. I see what you are saying now. Thanks again :)
 
Top