LinuxQuestions.org
Latest LQ Deal: Latest LQ Deals
Home Forums Tutorials Articles Register
Go Back   LinuxQuestions.org > Forums > Linux Forums > Linux - Software
User Name
Password
Linux - Software This forum is for Software issues.
Having a problem installing a new program? Want to know which application is best for the job? Post your question in this forum.

Notices


Reply
  Search this Thread
Old 10-31-2011, 03:47 PM   #1
verori
LQ Newbie
 
Registered: Sep 2010
Posts: 18

Rep: Reputation: 0
Looking for (free) web design software for inexperienced/first time user


Am looking to design a website for my company, preferably on a free program, and am totally inexperienced. I'm going to be the only administrator at least for some time so will need to be able to have an ongoing relationship with this software. Would greatly appreciate feedback on which programs I should be looking into. Thanks in advance, peace.
 
Old 10-31-2011, 04:14 PM   #2
etech3
Senior Member
 
Registered: Jul 2009
Location: Virginia
Distribution: Debian Stable Testing Sid Slackware CentOS
Posts: 1,055
Blog Entries: 2

Rep: Reputation: 45
Who is hosting the website? is it onsite or and a hosting company?

Try http://kompozer.net/ or http://www.coffeecup.com/free-editor/.

google html editors (free)
 
Old 10-31-2011, 04:16 PM   #3
sag47
Senior Member
 
Registered: Sep 2009
Location: Raleigh, NC
Distribution: Ubuntu, PopOS, Raspbian
Posts: 1,899
Blog Entries: 36

Rep: Reputation: 477Reputation: 477Reputation: 477Reputation: 477Reputation: 477
Hmm, your category is broad. I'll give you a couple of suggestions though.

Gimp for graphics, image maps, and initial site template. See how to design a web page using Gimp. You should read the Gimp docs to learn to properly use it.

Once I design a site I usually do the coding in Aptana Studio.

Here's one website which I designed using the above combination (note: not a pro).
http://ekeyfinder.sourceforge.net/ (download website sources)

Sometimes I'll also code in vim or Notepad++ (Windows).

EdiT:
I list out all the software I used on my website design.
http://www.pages.drexel.edu/~sag47/#tools.html

Last edited by sag47; 10-31-2011 at 04:21 PM.
 
1 members found this post helpful.
Old 10-31-2011, 04:47 PM   #4
sycamorex
LQ Veteran
 
Registered: Nov 2005
Location: London
Distribution: Slackware64-current
Posts: 5,836
Blog Entries: 1

Rep: Reputation: 1251Reputation: 1251Reputation: 1251Reputation: 1251Reputation: 1251Reputation: 1251Reputation: 1251Reputation: 1251Reputation: 1251
As for the coding part, I'd suggest Kompozer or Bluefish
 
Old 10-31-2011, 09:02 PM   #5
frankbell
LQ Guru
 
Registered: Jan 2006
Location: Virginia, USA
Distribution: Slackware, Ubuntu MATE, Mageia, and whatever VMs I happen to be playing with
Posts: 19,324
Blog Entries: 28

Rep: Reputation: 6142Reputation: 6142Reputation: 6142Reputation: 6142Reputation: 6142Reputation: 6142Reputation: 6142Reputation: 6142Reputation: 6142Reputation: 6142Reputation: 6142
If you are totally inexperienced, About dot com has some good tutorials.

There's lots of great stuff about web design on the web (imagine that!), but many of the "tutorials" are overwhelming; they present so much stuff so fast it is difficult to absorb any of it.

http://webdesign.about.com/

Last edited by frankbell; 10-31-2011 at 09:03 PM.
 
Old 10-31-2011, 09:41 PM   #6
jefro
Moderator
 
Registered: Mar 2008
Posts: 21,981

Rep: Reputation: 3625Reputation: 3625Reputation: 3625Reputation: 3625Reputation: 3625Reputation: 3625Reputation: 3625Reputation: 3625Reputation: 3625Reputation: 3625Reputation: 3625
I'd suggest you use a good word processor. They generally can make fair web pages. OpenOffice or others would do and be about as easy as it gets.
 
1 members found this post helpful.
Old 11-02-2011, 01:26 AM   #7
chrism01
LQ Guru
 
Registered: Aug 2004
Location: Sydney
Distribution: Rocky 9.2
Posts: 18,359

Rep: Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751Reputation: 2751
Try this page http://tips.webdesign10.com/using-li...lopment-ubuntu
 
1 members found this post helpful.
Old 11-15-2011, 11:19 AM   #8
verori
LQ Newbie
 
Registered: Sep 2010
Posts: 18

Original Poster
Rep: Reputation: 0
OK, so now how do I go from design to code?

Thank you so much for all of the advice. I went with GIMP and have whipped up something I am more than happy with.
As far as the writing goes, I think the best 3 options for me are: Aptana, Bluefish or Kompozer.
So how do I go from having a design on GIMP to putting it into one of these programs? I would appreciate any advice, whether its a link to a page that explains this process to me or some actual instruction. Many thanks in advance!
 
Old 11-15-2011, 01:05 PM   #9
sycamorex
LQ Veteran
 
Registered: Nov 2005
Location: London
Distribution: Slackware64-current
Posts: 5,836
Blog Entries: 1

Rep: Reputation: 1251Reputation: 1251Reputation: 1251Reputation: 1251Reputation: 1251Reputation: 1251Reputation: 1251Reputation: 1251Reputation: 1251
It depends on what you created in Gimp, but before you do anything I'd suggest you learn basic HTML and CSS (LOTS of tutorials online). It'll help you decide whether you need to slice the image or achieve the effect with CSS.

The basics of HTML can be learned online (it's really easy), CSS is also easy. Once you've mastered basic CSS I'd strongly recommend The Smashing Book. I found it very helpful in designing websites. Bear in mind it assumes you know basic CSS.

For some more immediate advice, it'd be easier to help you if you showed us your layout image.
 
Old 11-15-2011, 11:41 PM   #10
sag47
Senior Member
 
Registered: Sep 2009
Location: Raleigh, NC
Distribution: Ubuntu, PopOS, Raspbian
Posts: 1,899
Blog Entries: 36

Rep: Reputation: 477Reputation: 477Reputation: 477Reputation: 477Reputation: 477
Well assuming you know HTML/CSS. How I go about it is using guides.

Essentially what you do is select the Move Tool.

Click on a ruler (either vertical on the left or horizontal ruler up top) and drag down to your image.

Section off your design using guides from the rulers.

Then when you have all your guides in place be sure that snap to guides is enabled (up in the menu View > Snap to Guides).

Then create a selection using the rectangle select tool with the edge of the select snapping to your guides.

Once you have your selection press Ctrl+C or Edit > Copy from the menu.

Then you click File > Create > From Clipboard (see docs). Once you have all of your pieces partitioned you can create the HTML around the template.

As you may (or may not) know there are several ways to go about creating the web template with Gimp but that's just how I do it.

SAM

Last edited by sag47; 11-15-2011 at 11:49 PM.
 
Old 11-16-2011, 05:21 AM   #11
salasi
Senior Member
 
Registered: Jul 2007
Location: Directly above centre of the earth, UK
Distribution: SuSE, plus some hopping
Posts: 4,070

Rep: Reputation: 897Reputation: 897Reputation: 897Reputation: 897Reputation: 897Reputation: 897Reputation: 897
Quote:
Originally Posted by verori View Post
Am looking to design a website for my company, preferably on a free program, and am totally inexperienced. I'm going to be the only administrator at least for some time so will need to be able to have an ongoing relationship with this software. Would greatly appreciate feedback on which programs I should be looking into. Thanks in advance, peace.
The answer can massively depend on the nature of the site...if you, for example, intend to sell stuff from your website, that massively increases the problems over a simple, static, "we are here, here are some pictures of products, here is a 'phone number for more information" type of website.

So no answer will be completely useful unless you give rather more information, because the person giving the answer may have a completely different kind of website in mind.

Quote:
Originally Posted by verori View Post
I'm going to be the only administrator at least for some time so will need to be able to have an ongoing relationship with this software.
At least consider whether the advantages of a CMS would be worth it for you. There will certainly be a learning curve, but, from where you are today, a learning curve is inevitable (and should not be underestimated).

Which approach will be best to take depends heavily on where you want the website to get to eventually, but, in some cases, with more complex websites, written manually, you will spend your entire life following down and correcting dangling links. And someone has to have time to be the security expert...

Quote:
Originally Posted by verori View Post
Thanks in advance, peace.
Peace is what you will not get, unless you are careful.
 
Old 11-16-2011, 11:52 PM   #12
verori
LQ Newbie
 
Registered: Sep 2010
Posts: 18

Original Poster
Rep: Reputation: 0
Here is the link to the GIMP file. I'll post another link for a PDF on the off chance someone here doesn't have GIMP.

http://db.tt/eCF9h26i

To clear some of the questions:
- will not be selling anything
- no more than 20 active elements on any given page (no more than 35 elements total per page)
- minimal information updates needed (maybe every couple of months)

Will definitely look into The Smashing Book and have already started with the toturials. Looking forward to gettng more feedback I appreciate the help.

Peace
 
Old 11-17-2011, 11:59 AM   #13
verori
LQ Newbie
 
Registered: Sep 2010
Posts: 18

Original Poster
Rep: Reputation: 0
Here's the page as a JPEG.

http://dl.dropbox.com/u/8379396/TAP%20web%20page.jpg
 
  


Reply



Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off



Similar Threads
Thread Thread Starter Forum Replies Last Post
Good web design software? voxel Linux - Software 2 08-20-2005 11:03 PM
Web page design software? A6Quattro Linux - Software 8 08-10-2005 10:11 PM
Web site design software soujrnr Linux - Software 1 07-09-2004 06:16 PM
Web Design Software chrisk5527 Linux - Software 2 02-27-2004 02:53 PM

LinuxQuestions.org > Forums > Linux Forums > Linux - Software

All times are GMT -5. The time now is 09:40 PM.

Main Menu
Advertisement
My LQ
Write for LQ
LinuxQuestions.org is looking for people interested in writing Editorials, Articles, Reviews, and more. If you'd like to contribute content, let us know.
Main Menu
Syndicate
RSS1  Latest Threads
RSS1  LQ News
Twitter: @linuxquestions
Open Source Consulting | Domain Registration