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

Discussion in 'Web Design' started by toolmania1, Apr 26, 2012.

to remove all ads.
  1. toolmania1

    toolmania1 New Member

    Messages:
    85
    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?
     
  2. CaldwellYSR

    CaldwellYSR Member

    Messages:
    658
    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.
     
  3. toolmania1

    toolmania1 New Member

    Messages:
    85
    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.
     
  4. CaldwellYSR

    CaldwellYSR Member

    Messages:
    658
    You're so doing it wrong.
     
  5. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    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
     
  6. toolmania1

    toolmania1 New Member

    Messages:
    85
    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
     
  7. benjamin.morgan

    benjamin.morgan New Member

    Messages:
    269
    Why slice images?
     
  8. toolmania1

    toolmania1 New Member

    Messages:
    85
    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.
     
  9. CaldwellYSR

    CaldwellYSR Member

    Messages:
    658
    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: Apr 27, 2012
  10. toolmania1

    toolmania1 New Member

    Messages:
    85
    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
     
  11. d a v e

    d a v e New Member

    Messages:
    671
  12. CaldwellYSR

    CaldwellYSR Member

    Messages:
    658
    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.
     
  13. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    Not really, considering you can accomplish the same thing with CSS. I was pretty irritated to find they included them in the HTML5 draft spec.
     
  14. CaldwellYSR

    CaldwellYSR Member

    Messages:
    658
    Ah well there you go then :p
     
  15. toolmania1

    toolmania1 New Member

    Messages:
    85
    Css3

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

Share This Page