Would this put website coders out of business?

[Firehorse]

I guess it would be good for designers to do a quick preview of their design before completion and then either adding finishing touches to the code the program gives or handing it over to a coder to do it professionally.

I've tried out the trial, heres an example of the code it produces.
The problem with this is though you will need to edit all text in photoshop so much as I can see, meaning a non expandable site apart from if you get very detailed from the start.

Show Hide

#backgroundcopy {
background: url(layoutmedia/backgroundcopy.gif) no-repeat;
visibility: visible;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
width: 750px;
height: 450px;
}
#shape1copy {
background: url(layoutmedia/shape1copy.gif) no-repeat;
visibility: visible;
position: absolute;
left: 0px;
top: 413px;
z-index: 4;
width: 750px;
height: 37px;
}
#shape5 {
background: url(layoutmedia/shape5.gif) no-repeat;
visibility: visible;
position: absolute;
left: 4px;
top: 123px;
z-index: 3;
width: 172px;
height: 327px;
}
#layout {
margin: 0px auto 0px auto;
width: 750px;
position: relative;
}
#shape4 {
background: url(layoutmedia/shape4.gif) no-repeat;
visibility: visible;
position: absolute;
left: 176px;
top: 123px;
z-index: 2;
width: 571px;
height: 327px;
}
#shape1 {
background: url(layoutmedia/shape1.gif) no-repeat;
visibility: visible;
position: absolute;
left: 0px;
top: 0px;
z-index: 3;
width: 750px;
height: 38px;
}
#shape2 {
background: url(layoutmedia/shape2.gif) no-repeat;
visibility: visible;
position: absolute;
left: 4px;
top: 0px;
z-index: 2;
width: 743px;
height: 118px;
}
html, body {
padding: 0px;
margin: 0px;
background-color: #31962c;
}

edit: yes you can edit text outside of photoshop, however tables are not automatically expandable.

Posts merged by Flisker (Forum Moderator).

[Chippiewill]

So it's essentially like Adobe Fireworks? It makes a naff version that can be sort of used.

[Firehorse]

So it's essentially like Adobe Fireworks? It makes a naff version that can be sort of used.

Yeh, unless you're making a website already fit to browser which you don't want to be extendable. you can find some examples of some sites made with sitegrinder here, although I highly suspect many of these were thouroughly edited later. http://www.medialab.com/sitegrinder/examplepages.php

[Recursion]

I guess it would be good for designers to do a quick preview of their design before completion and then either adding finishing touches to the code the program gives or handing it over to a coder to do it professionally.

I've tried out the trial, heres an example of the code it produces.
The problem with this is though you will need to edit all text in photoshop so much as I can see, meaning a non expandable site apart from if you get very detailed from the start.

Show Hide

#backgroundcopy {
background: url(layoutmedia/backgroundcopy.gif) no-repeat;
visibility: visible;
position: absolute;
left: 0px;
top: 0px;
z-index: 1;
width: 750px;
height: 450px;
}
#shape1copy {
background: url(layoutmedia/shape1copy.gif) no-repeat;
visibility: visible;
position: absolute;
left: 0px;
top: 413px;
z-index: 4;
width: 750px;
height: 37px;
}
#shape5 {
background: url(layoutmedia/shape5.gif) no-repeat;
visibility: visible;
position: absolute;
left: 4px;
top: 123px;
z-index: 3;
width: 172px;
height: 327px;
}
#layout {
margin: 0px auto 0px auto;
width: 750px;
position: relative;
}
#shape4 {
background: url(layoutmedia/shape4.gif) no-repeat;
visibility: visible;
position: absolute;
left: 176px;
top: 123px;
z-index: 2;
width: 571px;
height: 327px;
}
#shape1 {
background: url(layoutmedia/shape1.gif) no-repeat;
visibility: visible;
position: absolute;
left: 0px;
top: 0px;
z-index: 3;
width: 750px;
height: 38px;
}
#shape2 {
background: url(layoutmedia/shape2.gif) no-repeat;
visibility: visible;
position: absolute;
left: 4px;
top: 0px;
z-index: 2;
width: 743px;
height: 118px;
}
html, body {
padding: 0px;
margin: 0px;
background-color: #31962c;
}

edit: yes you can edit text outside of photoshop, however tables are not automatically expandable.

Posts merged by Flisker (Forum Moderator).

That's just CSS code, anything can code that cleanly, what about (x)HTML? That's where programs always fail.

[Firehorse]

Show Hide

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
<meta name="generator" content="SiteGrinder 2 http://www.medialab.com/sitegrinder" />
<title>layout</title>
<link rel="stylesheet" type="text/css" media="screen, print, projection" href="layout.css"></link>
</head>
<body>
<div id="layout">
<div id="shape6"></div>
<div id="shape1"></div>
<div id="backgroundcopy"></div>
<div id="shape10"></div>
<div id="shape10copy"></div>
<div id="shape8"></div>
<div id="shape9"></div>
<div id="shape7"></div>
<div id="thebuntywillsfoundation"></div>
<div id="layer1"></div>
<div id="shape5"></div>
<div id="shape4"></div>
<div id="shape1copy"></div>
</div>
</body>
</html>

[Awfy]

That'll never replace coders LMAO! Humans are able to learn where as that program isn't able to learn.

[Source]

Plus it's important to realise that the majority of sites on the net now, aren't just pure (x)html/css. Many use web technologies such as PHP to give user interactivity, of which needs a decent programmer to code the functionality.

[Chippiewill]

Yeh, unless you're making a website already fit to browser which you don't want to be extendable. you can find some examples of some sites made with sitegrinder here, although I highly suspect many of these were thouroughly edited later. http://www.medialab.com/sitegrinder/examplepages.php

Pmsl They're mostly flash. Just a tiny bit for positioning. You may aswell use bluevoda