Making websites on Linux?

[humphreybc]

Hi everyone,

I'm looking for a Linux alternative to Dreamweaver. I learnt web design in high school and I am familiar with Photoshop and Dreamweaver. We were taught to mock up stuff in Photoshop and slice it, then import them into a Dreamweaver template with a heap of div tags for alignment and CSS for styles.

I'm running Photoshop CS2 under Wine (I don't like GIMP at all) and I've created a mockup for the UMP project website:

http://www.flickr.com/photos/humphreybc/4394668228/sizes/o/

My question is, what program do I now use to take my design and make it into an actual website?

[RichardLinx]

http://www.kde.org/applications/development/

So basically: http://www.kde.org/applications/development/kdevelop/ and http://www.kde.org/applications/development/kimagemapeditor/

You might also like Bluefish (Haven't looked into any of this for a while)

[humphreybc]

If I can I'd like a GNOME app - KDE ones tend to hog a lot of memory on GNOME.

[RichardLinx]

Bluefish is a GNOME app. :) But If I were you I'd go for the miniscule system performance loss and go with the KDE apps since (IMO) they're superior.

[Cope57]

I just use a text editor and I have created quite a few web sites. w3schools (http://www.w3schools.com/) might be your best bet. It is better to know the code, and how to use it, than depend on a application to do the work for you. Or are you looking for a WYSIWYG editor?

Some wysiwyg editors in Linux are:

KompoZer
Nvu
SeaMonkey
Amaya
EditLive!
eWebEditPro
JXHTMLEDIT


Other editors you could use are:

Aptana Studio
EditX
Bluefish
Komodo IDE
GINF: Ginf Is Not FrontPage
Quanta Plus
WebMaker
Screem
Toppage
WebDesigner
ScriptEditor
August
Coffeecup / Linux
FCKeditor

There are more I am sure, but I did not feel like looking through Google to much...

[RichardLinx]

@OP do you know any web dev languages (HTML, PHP, CSS, etc) because your head and a text editor like gedit or kate would be the ideal solution.

[Nevon]

Honestly, the whole "mockup in PS and then slice and export to web" thing isn't really how it's done in the real world. A mockup is great, but when you actually go about creating something for the web, you start from the ground up and try to replicate that mockup. That can be done using nothing but a text editor and a web browser.

Frankly, this is more up my alley than working on Quickshot (I've been ill lately (and still am), that's why I haven't been around much).

[hessiess]

Don't touch the HTML generated by Photoshop with a barge pole, it is a absolute mess and uses tables for layout (ugh). Learn HTML and CSS, then use a text editor.

[squilookle]

It is my understanding that there. Are no Wysiwyg editors for Linux that come near Dreamweaver, although I don't use them anyway so I could be wrong.

I always do mockups in Gimp, then I use Bluefish (on my Linux box at home) or Notepad++ (on my Windows box at work).

[webtechquery]

Hi there.
If talking about an alternate for Dreamweaver in Linux, I dont find any such free IDE. But if you want something which will let u edit in UI, then try Quanta Plus.
You can also check out the following link to check out some Free PHP IDEs in Linux / Ubuntu, not with all UI, but without UI, but they are good to work on, especially Komodo Edit and NetBeans. Try the following web for details:
http://www.webtechquery.com/index.php/2010/01/free-php-ides-for-ubuntu-linux/

Thanx

[kevin11951]

Hi everyone,

I'm looking for a Linux alternative to Dreamweaver. I learnt web design in high school and I am familiar with Photoshop and Dreamweaver. We were taught to mock up stuff in Photoshop and slice it, then import them into a Dreamweaver template with a heap of div tags for alignment and CSS for styles.

I'm running Photoshop CS2 under Wine (I don't like GIMP at all) and I've created some mockups for the UMP project website:

http://humphreybc.wordpress.com/2010/02/28/omg-mockups-for-the-ubuntu-manual-website/

My question is, what program do I now use to take my design and make it into an actual website?

I'm not sure if this has been said yet, but in the real world, sites aare written using a text editor with syntax highlighting and auto completion (in my case Geany), and a graphics program (in my case GIMP). and the graphics program is only for the rare graphic, like a logo, or button, not the entire site.

[humphreybc]

Thanks for the replies guys.

I did learn HTML and CSS but it was a long time ago. I don't have the time nowadays to sit down and re-learn it, I'd rather have something that I can pick up quickly to get the job done :)

[kevin11951]

Thanks for the replies guys.

I did learn HTML and CSS but it was a long time ago. I don't have the time nowadays to sit down and re-learn it, I'd rather have something that I can pick up quickly to get the job done :)

If thats the case, then Linux may not be for you.

[Barrucadu]

According to your resume you know HTML/CSS and worked as a web developer until last year. Perhaps if you no longer know them it should be amended.

[hessiess]

HTML/CSS is NOT difficult!

[humphreybc]

I know it's not difficult, but I just haven't got the time at the moment to learn it again to a level where I could make this mockup as an HTML.

As for the dude who said Linux isn't for me, have you had a look at my wiki?

https://wiki.ubuntu.com/humphreybc

[hessiess]

Find a free template which is simmaler, then hack away

i.e. http://www.oswd.org/

[BenAshton24]

I don't know of any dreamweaveresque programs that might be of use to you, but if you have already learned HTML/CSS then it should be a total breeze to pick up again.

BTW awesome mockup.

[howlingmadhowie]

in case you're interested, here's a mock-up in html and css. i spent about 30 minutes on it, so some of the pictures aren't perfect. it works okay in firefox and chrome.

[humphreybc]

in case you're interested, here's a mock-up in html and css. i spent about 30 minutes on it, so some of the pictures aren't perfect. it works okay in firefox and chrome.

Wow, cool! Do you feel like joining the project and helping with the rest of the site? :D

We're a really cool project, honest. https://wiki.ubuntu.com/ubuntu-manual

[initramdisk]

Hi everyone,

I'm looking for a Linux alternative to Dreamweaver. I learnt web design in high school and I am familiar with Photoshop and Dreamweaver. We were taught to mock up stuff in Photoshop and slice it, then import them into a Dreamweaver template with a heap of div tags for alignment and CSS for styles.

I'm running Photoshop CS2 under Wine (I don't like GIMP at all) and I've created a mockup for the UMP project website:

http://www.flickr.com/photos/humphreybc/4394668228/sizes/o/

My question is, what program do I now use to take my design and make it into an actual website?

Vim is the only program you need to create web pages. Seriously. ;)

[spikyjt]

Vim is the only program you need to create web pages. Seriously. ;)
No, Vim is the only program YOU need to create web pages. There are a lot of ways to crack a nut. My personal "only program I need" is Kate. With KIO doing all the network file transfer, I can work on live sites, or test sites on proper web servers without the irritation of dedicated FTP programs and multiple copies of files.

And like many others on this thread, I "hand code" all my web sites, which I learnt very early on was the only way to go. I used EditPlus then on *******, believe it or not, because Dreamweaver was such a pile of junk (oh how the web has changed since!). It's got much better since then, but it still makes bloated, inflexible pages.

Nevertheless, humphreybc, if you just need to knock up a quick web page and don't care how efficient it is, or how beautiful the code is, a WYSIWYG editor may still be for you and so is Linux. Kompozer is the best I have come across, although QuantaPlus used to be. If QuantaPlus ever gets ported to Qt4, I look forward to using it again, although not for the WYSIWYG bit.

Finally, with a project the size of ubuntu-manual, I think you do need to know, or need someone who knows, HTML and CSS properly, judging by the info on the project. I'd be happy to pitch in, with others too, perhaps howlingmadhowie for instance.

[ade234uk]

Hi everyone,

I'm looking for a Linux alternative to Dreamweaver. I learnt web design in high school and I am familiar with Photoshop and Dreamweaver. We were taught to mock up stuff in Photoshop and slice it, then import them into a Dreamweaver template with a heap of div tags for alignment and CSS for styles.

I'm running Photoshop CS2 under Wine (I don't like GIMP at all) and I've created a mockup for the UMP project website:

http://www.flickr.com/photos/humphreybc/4394668228/sizes/o/

My question is, what program do I now use to take my design and make it into an actual website?

You can easily run Dreamweaver 9 in Wine. It works perfectly. I have been using it in Ubuntu for the last year, and to be honest with you I dont notice any difference against running it in Windows.

[Twitch6000]

dw 9 works with wine well. However if you want something else seamonkey is alright.

[howlingmadhowie]

Wow, cool! Do you feel like joining the project and helping with the rest of the site? :D

We're a really cool project, honest. https://wiki.ubuntu.com/ubuntu-manual

if you need some help with html or css i could help out. just let me know :)

[murderslastcrow]

If you like one of the Linux editors, go ahead and give them a try. Of course, I would have to second that several versions of Dreamweaver run very well in Wine. http://appdb.winehq.org/appview.php?appId=183

I make slices in GIMP and put them together in Kompozer, anyway. XD In many instances, websites are just fine that way. Then again, it's very true that raw HTML has its benefits.

[PhoHammer]

According to your resume you know HTML/CSS and worked as a web developer until last year. Perhaps if you no longer know them it should be amended.

Oh snap!!

That's embarrassing...

[kevin11951]

Oh snap!!

That's embarrassing...

Now come on... was that really "Oh Snap!" worthy? I would have gone with more of an "oh no", or an "ok", but "snap" is a bit much. ;)

[humphreybc]

http://ubuntu-manual.org