Last Updated: May 26, 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.
- About KompoZer
- KompoZer Web Tutorial
- Design Layout
- Div Tag Container
- Adding Text And Images
- Left Menu Code
- Left Menu CSS Style
- Bulleted List
- Add Footer Settings
- Front Page Template Layout
- Template Header
- Insert Header Image
- Borders Tutorial
- Padding Tutorial
- Right Sidebar Style
- Left Menu Mouse Over Effect
- Web Site Favicon
- Google Adsense Settings
- Create Photo Album
- Responsive Settings
- Link External Stylesheet
- Template Tutorial
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.
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.