Pinterest Stumbleupon Whatsapp

While I love blogging, there are times when I just want to whip together a simple webpage straight out of HTML. Of course, there is a lot of basic HTML coding that you really don’t want to have to deal with over and over, such as creating tables, inserting images, creating forms and other common webpage components.

Sometimes it’s easier to make use of free web design software that can do all of that coding for you. In particular, I’d like to cover the free web authoring application called KompoZer. I like Kompozer because it’s a very small, lightweight application. While many people like the popular app Dreamweaver, it’s not free. And CoffeeCup is popular software too, but it’s a bit of a larger application than KompoZer. In the case of KompoZer, you could copy the files onto your memory stick and take it anywhere you want to go. Want to quickly whip up an HTML page, just launch the KomoZer executable and you’re good to go!

Free Web Design Software With Everything You Need

The first thing you’ll notice about KompoZer is that the user interface is very straightforward and easy to use. Everything is laid out on the main page, and what isn’t on the main page is well organized within the sub-menus for each object – like tables, forms and links. The entry screen is laid out into a site explorer pane and a composer pane, so your entire web design project stays well organized and within reach on one screen.

free web design software

Of course, KompoZer wouldn’t be useful if it wasn’t up to Web 2.0 standards, but with the CSS Stylesheets wizard, you can create the style rules for your headers, paragraphs, text and other elements of your page without any knowledge of CSS scripting (although a bit of knowledge would help). Just select the element type you want to configure and create the rules on the various tabs – text, background, borders, etc.


free web design software

For example, here I’m configuring all of my H3 headers to use the Arial font and medium font size. As you can see, the style configurations that you can make are detailed, and you don’t need to know a single lick of CSS code.

free web design software

If you’re writing a webpage that’s set up like a typical blog entry, where you have a header image with text wrapped around it on the right, then you’ll need an easy way to import that image into a local directory that your webpage can refer to, as well as a simple way to format and insert the image with that formatting. Kompozer makes this process about as easy as it could possibly be with a single image configuration section.

free web page design

When you browse to and select an image on your computer that you want to use in your webpage, it places a picture of that image in a local “Pictures” directory within the local folder that you’re working in (if you select to make the URL relative to page location). The screen has a field for alternative text, and even any popup “tooltip” that you’d like to include.

free web page design

My favorite part of the image insertion process in Kompozer is the fact that I don’t have top open up the picture in an image editor in order to resize the way I would like. Kompozer has a built in area (much like WordPress) where you can simply set the width and height – and bast of all a “Constrain” option so that your image doesn’t get warped.

free web page design

The table wizard is insanely simple. While most web designers today focus on using CSS to format pages, tables still occasionally have a place when you want to quickly create in-page formatting. Once you’ve chosen the table type you want, configuring the table is a breeze on the table properties screen.

web design software

As a guy who has programmed some pretty complicated tables, I’m impressed by the ease with which you can just toss together a table with this software. Configure borders, alignment and other formatting choices in the tool and voila – your table is done! No complicated HTML code, and no trying to keep track of table, row and cell tags!

web design software

Forms are pretty simple to insert as well – but you’ll need to have an “action URL” that you can submit the form information to for processing. A form configuration wizard lets you choose from standard form elements – text fields, buttons, etc – in order to piece together your form on the page.

Once I finished creating my simple test page, the moment of truth for me was checking the code in the background. Doing so is as easy as selecting the “source” tab at the bottom of the screen.  One of the reasons I’ve always avoided using free (or paid) web design software is that I would always have to deal with a terrible mess of code on the back end whenever I wanted to “tweak” anything. If you’ve ever seen the junk that Microsoft Word creates when you “save as HTML” then you know what I mean. However, clicking on “source” revealed the following code.

web design software

The first thing I noticed is how wonderfully clean and well formatted the code is. Only the basic scripting is included that will accomplish the configuration choices you selected for each object. As you can see, there’s no confusing HTML with the img code or with the table – it’s what you’d expect if someone had gone in and typed it up themselves. The formatting is also laid out in a way that’s easy to read and simple to follow.

Want to quickly see what your new web page looks like? Just click the “Preview” button at the bottom of the page and you get a preview of what it will look like in the web browser. Here is my page with an image, simple headers and an invisible table that I used to format and align text, seemingly in the middle of empty space. The preview looked exactly as I laid out on the page in the design view, no alteration of spacing or weird indents – the sort of things I became accustomed to, and frustrated with, in the old versions of FrontPage (a nightmare web editor!)

All in all, I think I’ve fallen in love with Kompozer. There are times when I put together very fast and simple web pages for new domains that I start up, and this tool allows the speed and flexibility to create some well designed websites utilizing CSS in a fraction of the time it would take to put together the code by hand.

Do you use any free web design software? Have you ever tried Kompozer? Share your insight in the comments section below.

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Wadja
    April 3, 2010 at 7:17 am

    Great !

    Seen it a couple of times but never though it would be this Good !


  2. Larry Sessions
    March 31, 2010 at 10:49 am

    I have used KompoZer as my primary web editor for several years and there is no other free editor that compares to it. At the moment I can think of only two things it doesn't do that I would like. 1) I wish it would deal with those stupid Frontpage publishing issues (I manage a site that requires I use FrontPage and can't use KompoZer to publish it -- fortunately we will soon abandon FP publishing anyway.) and 2) I would like a highlighting option. Oh, yeah, and maybe a format brush. But overall I am extremely pleased with KompoZer. It is an incredible piece of freeware. 10 stars out of 5!

  3. pceasies
    March 31, 2010 at 9:53 am

    Looks nice. I know Dreamweaver doesn't have the cleanest of code. I normally type my code manually and just use it since it is easier to view the page without having to open the browser and it helps keep everything organized.

  4. Ninji
    March 31, 2010 at 7:23 am

    I wonder when komposer could be main alternative user to Adobe Dreamweaver. Bluevoda also good but one thing i hate about bluevoda are user can't upload directly to own server.

  5. Paul
    March 31, 2010 at 3:08 am

    Komposer appears to be NVU with a few minor changes. Nice as I use NVU but it is no longer actively developed. I will switch to Komposer.