SEARCH

How-To Geek

Create Websites with KompoZer

Are you looking for a way to easily start creating your own webpages? KompoZer is a nice basic website editor that will allow you to quickly get started and become familiar with the process.

Setup

Both the stable and beta versions require no installation. Simply unzip the program folder, move it to Program Files, and create a shortcut. For those who are curious, here is a look at the program folder’s contents.

kompozer-01

This is what you will see when you start KompoZer the first time. The “Main Window” will be in a minimized form and the “Tips Window” will appear with it. You can easily disable the “Tips Window” if desired at this point.

kompozer-02

KompoZer in Action

Curious what things look like once you have started creating webpages? Here is an example page that we created with a title header, modified background color, image, table, and some useful links. Notice at the bottom that you have three viewing options available: “Design, Split (Design & Source combined), and Source”.

kompozer-03

A look at our newly created webpage in Opera Browser.

kompozer-04

Toolbars

Here is a good close-up view of KompoZer’s toolbar area. You can do some customization to all three toolbars if desired…

kompozer-05

There are two different customization windows for KompoZer. The first applies to the topmost toolbar only…

kompozer-001

And the second is for the bottom two toolbars only.

kompozer-002

Menus

KompoZer has a nice set of menus available…here you can see the “File & Edit Menus”.

kompozer-06

The “View & Insert Menus”…

kompozer-07

Followed by the “Format & Table Menus”.

kompozer-08

And finally the “Tools & Help Menus”. Notice that you can access an external text editor in the “Tools Menu”…

kompozer-09

Options

In the “General Area” you can make any necessary changes or modifications for the Recent Pages Menu, saving/publishing, table/CSS editing, and site management.

kompozer-10

Determine the fonts and sizes that you would like to have as defaults in the “Fonts Area”.

kompozer-11

Set up the defaults such as text/link colors, background, and character sets for your new webpages in the “New Page Settings Area”.

kompozer-12

Make any necessary modifications that you desire for items like proxies, Markup, and special characters in the “Advanced Area”.

kompozer-13

Alter any settings if needed for applications and file extensions in the “Applications Area”.

kompozer-14

Conclusion

If you are looking for a good basic website editor to get started creating webpages with, then KompoZer is definitely worth taking a look at.

Links

Download KompoZer (0.7.10) *Stable Version*

Download KompoZer (0.8) *Beta Version*

Akemi Iwaya (Asian Angel) is our very own Firefox Fangirl who enjoys working with multiple browsers and loves 'old school' role-playing games. Visit her on Twitter and .

  • Published 11/11/09

Comments (6)

  1. Ahmed

    This is a Screenshots not how to ,thanks anyway

  2. Craig Barabas

    I have used Kompozer I the past to make a website, I find it’s tools underpowered and the HTML code horribly done.

  3. Adam

    Way too many screenshots – you don’t need that many to make a great ‘how to’.

  4. Tones411

    What program are you using to get the tabbed explorer window as seen in your first screenshot?

  5. Pwidget

    For someone who has not used Kompozer before, this is an excellent “How To” allowing me to see screens, toolbars, and product. Thanks providing this.

  6. sunshine

    I like all the screen shots too, nice for a newbie.

Get Free Articles in Your Inbox!

Join 134,000 newsletter readers

Email:

Go check your email!