KompoZer is an open source WYSIWYG HTML editor based on the now-discontinued Nvu editor. KompoZer is maintained by a community-driven fork and is a project on Sourceforge.
KompoZer’s WYSIWYG editing capabilities are one of the main attractions of the software. In addition, KompoZer allows direct code editing as well as a split code-graphic view. – Wikipedia
In Microsoft FrontPage you create a web to start things off. In Kompozer you don’t. Just put all the files you will use in one folder and that will, for all practical purposes, be your web.
By the way, Kompozer is free software, MS FrontPage is not.
When you start Kompozer a web page is already created. What you should do first is to save it. Click the Save icon, type the title of the page (the text that will be displayed in the browser’s title bar) and click OK. If your page has no title just type the file name. In the window that opens select the folder you want to save the web page in and type the file name (you do not have to type the .html part).
To create an external style sheet, called a linked style sheet, click Tools – CSS Editor. Click the down arrow next to the icon in the top left corner. Choose Linked stylesheet. In the URL textbox type the file name of the css file, e.g. styles.css. The click Create Stylesheet. To start writing the css file, click again the down arrow next to the icon in the top left corner. Choose Style rule. Use the drop down button on the right to select a tag, or just type it. Then click Create Style rule. Click the Text tab and set the tag’s properties. When set all the tags click OK. This will save the css file and put this code into your web page: <link rel=”stylesheet” href=”styles.css” type=”text/css”>.
Open the style sheet in Open Office Writer to print the style sheet with your name on it.
In your code use relative links, not absolute ones. If you folder is H:\kompozer\paper2\ and you have main.html and city.jpg in the folder then in main.html you will refer to the image as city.jpg and not H:\kompozer\paper2\city.jpg
Where should the new page open?
Use a link’s target attribute to determine where the new page shall open.
Open the linked document in a new tab/window: _blank
Open the linked document in the same tab/window as it was clicked: _self
Open the linked document in a named frame (window): framename (this only makes sense if you already have a frame with that name)
Example: <a href=”main.html” target=”frame2″>Home page</a>
This link will open main.html in a frame called frame2.
Pixels and points
|pt||point (1 pt is the same as 1/72 inch)|
|px||pixels (a dot on the computer screen)|
Have a look at these help pages when you are stuck
- A quick quide to using Kompozer
- How to Design and Publish Your Website with KompoZer
- How to Add Images, Change Fonts & Colours, and Create Links
Work in progress
This page is very much a work in progress. If you want to do something with Kompozer, but don’t know how to, please type your problem in the comment box below. I will incorporate the answer in this page so you will be a fellow complice of making the page better.