Author Topic: Photoshop => GIMP: Export as html  (Read 2860 times)

Steve

  • This 49%er supports Romney
  • Just a Jackass
  • *
  • Posts: 16120
  • Karma: +31/-410
  • Mr. Mom
Photoshop => GIMP: Export as html
« on: October 13, 2011, 04:58:30 PM »
In PS I used to design websites all the time, then slice the different things up (ie buttons) and then use the "export as webpage" option whatever it was called. Basically it would then spit out all the images into an image folder, and spit out all the html code and I just went in and adjusted the targets and different settings.

Anyone have any clue how to do this in GIMP? My PS copy is AWOL.

here is an example of the code PS spits out. I just set the links and stuff, it handedled all the layout and image calls...

Code: [Select]
<html>
<head>
<title>ACE BAIL BONDS | 616.459.8888 | 24 HOUR SERVICE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="bail bond payment plans, cheap bail bonds, affordable bail bonds, ace bail bonds, immigration bonds, federal bail bond, bail out grand rapids, bail bonds, bail bonds grand rapids, bail ottawa, bail grand haven, bail mecosta, bail kent, bail isabella, bail montcalm, bail kalamazoo, bail allegan, bail grand rapids, criminal bail, crminal bonds, jail bail out">

<meta name="description" content="Ace Bail Bonds provides state, immigration, and fedaral bail bonds nationwide. If someone is in jail you need to call Ace Bail Bonds. Ace, Freedom for all!">

</head>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<!-- Save for Web Slices (index.psd) -->
<table id="Table_01" width="1025" height="769" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="images/index_01.gif" width="1024" height="22" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="22" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="5">
<img src="images/index_02.gif" width="420" height="83" alt=""></td>
<td rowspan="4">
<a href="index.php">
<img src="images/acehtml2_03.gif" width="110" height="50" border="0" alt=""></a></td>
<td rowspan="2">
<a href="about.php">
<img src="images/acehtml2_04.gif" width="107" height="37" border="0" alt=""></a></td>
<td colspan="7">
<img src="images/index_05.gif" width="387" height="13" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/index_06.gif" width="10" height="70" alt=""></td>
<td rowspan="2">
<a href="contact.php">
<img src="images/acehtml2_07.gif" width="100" height="36" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
<a href="services.php">
<img src="images/acehtml2_08.gif" width="102" height="36" border="0" alt=""></a></td>
<td rowspan="6">
<img src="images/index_09.gif" width="18" height="733" alt=""></td>
<td>
<a href="testimonials.php">
<img src="images/acehtml2_10.gif" width="150" height="24" border="0" alt=""></a></td>
<td rowspan="6">
<img src="images/index_11.gif" width="7" height="733" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/index_12.gif" width="107" height="46" alt=""></td>
<td rowspan="5">
<img src="images/index_13.gif" width="150" height="709" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
<img src="images/index_14.gif" width="202" height="34" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_15.gif" width="110" height="33" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_16.gif" width="303" height="663" alt=""></td>
<td colspan="6">
<a href="rockthecage.php">
<img src="images/index_17.gif" width="485" height="173" border="0" alt=""></a></td>
<td rowspan="2">
<img src="images/index_18.gif" width="61" height="663" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="173" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/index_19.gif" width="485" height="490" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="490" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="303" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="117" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="110" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="107" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="100" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="41" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="61" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="150" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td></td>
</tr>
</table>
</center>
<!-- End Save for Web Slices -->
</body>
</html>
hey ethic if you and i were both courting lily allen..... oh wait, which one of us has a relationship that lasted more than the bus ride home?

Mike

  • Jackass In Charge
  • Posts: 11257
  • Karma: +168/-32
  • Ex Asshole - a better and more caring person.
Re: Photoshop => GIMP: Export as html
« Reply #1 on: October 13, 2011, 05:18:45 PM »
STOP USING CRAPPY HTML!  For the love of all that is holy come into at least the last 5 years.

Steve

  • This 49%er supports Romney
  • Just a Jackass
  • *
  • Posts: 16120
  • Karma: +31/-410
  • Mr. Mom
Re: Photoshop => GIMP: Export as html
« Reply #2 on: October 13, 2011, 05:47:16 PM »
no-charge or low-charge jobs get this way cause it's damn easy. I made this site in 15 minutes, just can't generate it lol
hey ethic if you and i were both courting lily allen..... oh wait, which one of us has a relationship that lasted more than the bus ride home?

Mike

  • Jackass In Charge
  • Posts: 11257
  • Karma: +168/-32
  • Ex Asshole - a better and more caring person.
Re: Photoshop => GIMP: Export as html
« Reply #3 on: October 13, 2011, 05:54:19 PM »
Don't care.  Stop polluting the web.

micah

  • A real person, on the Internet.
  • Ass Wipe
  • Posts: 6915
  • Karma: +58/-55
  • Truth cannot contradict truth.
    • micahj.com
Re: Photoshop => GIMP: Export as html
« Reply #4 on: October 13, 2011, 07:02:58 PM »
uh, yeah, I gotta agree with Mike.  You're not doing your "clients" any favors by building them shitty websites that have no SEO and no accessibility considerations.

if they don't have money, then they'd be better served using a "build your own website" tool that comes free with most cheap shared hosting plans.
"I possess a device, in my pocket, that is capable of accessing the entirety of information known to man.  I use it to look at pictures of cats and get in arguments with strangers."

Steve

  • This 49%er supports Romney
  • Just a Jackass
  • *
  • Posts: 16120
  • Karma: +31/-410
  • Mr. Mom
Re: Photoshop => GIMP: Export as html
« Reply #5 on: October 13, 2011, 10:57:03 PM »
uh, yeah, I gotta agree with Mike.  You're not doing your "clients" any favors by building them shitty websites that have no SEO and no accessibility considerations.

There are ways of doing SEO. acebailbondsmi.com was #1 in google searches for the past year up until the past few weeks when he stopped paying the SEO company. I designed that entire website in PS.

Anyway I figured it out, the guides were causing the issue.
hey ethic if you and i were both courting lily allen..... oh wait, which one of us has a relationship that lasted more than the bus ride home?

micah

  • A real person, on the Internet.
  • Ass Wipe
  • Posts: 6915
  • Karma: +58/-55
  • Truth cannot contradict truth.
    • micahj.com
Re: Photoshop => GIMP: Export as html
« Reply #6 on: October 13, 2011, 11:56:02 PM »
I somehow doubt you're site with no text ever made the #1 search result, unless you were googling the domain name itself.

http://www.google.com/search?q=bail+grand+rapids

Ace Bail Bonds isn't mentioned until the bottom of page 4 and thats not even a link to your site, its a link to an ad for your business on a different website, grandrapidssuperads.com

Your entire homepage is made up of images and you don't even have ALT text on the images!  There is absolutely zero text for a search engine to index, save for your meta keywords (which google ignores) and your description that doesn't even mention what state you're based out of.

you shouldn't need to pay for SEO (unless you're talking about ads) if you just build your website with a little common sense (like put actual, relevant, text on the page.)
"I possess a device, in my pocket, that is capable of accessing the entirety of information known to man.  I use it to look at pictures of cats and get in arguments with strangers."

Steve

  • This 49%er supports Romney
  • Just a Jackass
  • *
  • Posts: 16120
  • Karma: +31/-410
  • Mr. Mom
Re: Photoshop => GIMP: Export as html
« Reply #7 on: October 14, 2011, 12:15:22 AM »
uh, yeah, I gotta agree with Mike.  You're not doing your "clients" any favors by building them shitty websites that have no SEO and no accessibility considerations.

There are ways of doing SEO. acebailbondsmi.com was #1 in google searches for the past year up until the past few weeks when he stopped paying the SEO company. I designed that entire website in PS.

Anyway I figured it out, the guides were causing the issue.

Not that it matters to me, I'm not part of that anymore. I can tell you it was number one for a long time. I practically disowned him when he decided to pay an SEO company $500 a month, but we tracked all of the calls, emails, and bail and the SEO company paid for itsself many times over every month. It was an easy to see direct correlation to the SEO company, because as soon as he stopped paying it fell off the map in under two months and business cut to half.

They sent over the keywords they wanted in the code, and I put it in. Beyond that we never did a thing and I never messed with the website. For this particular client they paid me in beer and have no need for the SEO, so it's irrelevant anyway.
hey ethic if you and i were both courting lily allen..... oh wait, which one of us has a relationship that lasted more than the bus ride home?

micah

  • A real person, on the Internet.
  • Ass Wipe
  • Posts: 6915
  • Karma: +58/-55
  • Truth cannot contradict truth.
    • micahj.com
Re: Photoshop => GIMP: Export as html
« Reply #8 on: October 14, 2011, 08:15:26 AM »
yeah, i agree that websites paid for in beer probably don't need much consideration on your end.

out of curiosity, do you know who the SEO "company" was? As a programmer working for a company that focuses on making optimized websites, I'd be curious to research what exactly this company was doing on a daily basis to inflate your rank (and what they could do that would so rapidly lower your rank when they stopped working on your behalf)
"I possess a device, in my pocket, that is capable of accessing the entirety of information known to man.  I use it to look at pictures of cats and get in arguments with strangers."

Steve

  • This 49%er supports Romney
  • Just a Jackass
  • *
  • Posts: 16120
  • Karma: +31/-410
  • Mr. Mom
Re: Photoshop => GIMP: Export as html
« Reply #9 on: October 14, 2011, 11:05:27 AM »
I will find out for you today
hey ethic if you and i were both courting lily allen..... oh wait, which one of us has a relationship that lasted more than the bus ride home?