Apr 142015
 

Last Updated: May 05, 2015

KompoZer Web Tutorial is focused mainly on beginners wanting to learn HTML, CSS. Advanced users might find it interesting as well.

Note: I have started to add the previous HTML tutorial into a WordPress structure. This allows me to set the tutorial in a responsive format so that Google won’t penalize me.

Before I begin I would like to thank the many forums and blogs where I gathered information and tutorials on using KompoZer and one particular website is Greg Tutor website.

Tutorial Changelog 2.17

KompoZer Web Tutorial

The first action we need to take is, to learn and have an understanding about KompoZer. One of the best ways to learn about any new software is by using the software. While we learn to develop our website, we will learn to use some of the tools in KompoZer.

At the end of this tutorial, you will see a layout similar to this one if you use my settings. Of course you might have opted to add your own settings. This website was designed fully with KompoZer and pspad. Both software, together form a powerful package  and they compliment each other.

Pspad is a great all round editor for windows, it supports HTML, css, xml and php for web developing. KompoZer still has a few bugs that can be a bit challenging for users with limited or no web developing knowledge. Pspad will help you on your way and works well with KompoZer.

The combined software is what I use to develop this tutorial originally when I had published in pure HTML format.  Also bare in mind that KompoZer has not been updated for a while but it is still a great tool to learn for beginners.

Lets begin by opening KompoZer and lets look at the layout. The image below is based on the latest version 0.8b4 pre, which is still under development and with bugs.

To download the latest version click on the following URL KompoZer.

kompozer-web-tutorial-layout

This tutorial will start from the beginning and take you all the way to a fully developed website.

Tip: Always make sure that you save all changes in KompoZer during editing and make sure that you create a copy of your HTML file before you start editing just in case you corrupt the code.

Tip: Make sure that you read all text because sometimes if you leave a few lines without reading you might miss something important.

Click the following URL KompoZer Design Layout to begin. If you have any questions please let me know.

facebooktwittergoogle_pluspinterestlinkedinmailby feather
Manuel Ballesta RuizManuel Ballesta Ruiz has written 473 posts.

 Leave a Reply

(required)

(required)

1 × 5 =

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>