In this section: Starting a New Page Formatting Your Web Pages Using Style Sheets to Style Your Web Pages Adding Tables to Your Web Page Adding Pictures (Images) to Your Web Page Working with Table of Contents on Your Web Page Working With Templates Setting Page Properties Creating Links in KompoZer Customizing KompoZer

Creating Web Pages with KompoZer

KompoZer lets you create your own web pages and publish them on the web. You don't have to know HTML to use KompoZer; it is as easy to use as a word processor.

Toolbar buttons let you add lists, tables, images, links to other pages, colors, and font styles. You can see what your document will look like on the Web as you create it, and you can easily share your document with other users, no matter what type of browser or HTML-capable email program they use.

Starting a New Page

Creating a New Page

KompoZer is an HTML (Hypertext Markup Language) editor that allows you to create and edit web pages. KompoZer is a WYSIWYG (What You See Is What You Get) editor, so you can display how your page will look to the reader as you're creating it. It is not necessary for you to know HTML, since most of the basic HTML functions are available as commands from the toolbars and menus.

KompoZer also lets you edit the HTML source if you want. To view or edit the HTML source code, open the View menu, and choose HTML Source, or click the <HTML> Source tab in the Edit Mode toolbar at the bottom of the KompoZer window.

To create a web page, use one of the methods described below. Once you've started a page, you can add and edit text just as you would in a word processor.

To create a new page in KompoZer:

To start from an HTML file stored on your local drive:

  1. Open the Window menu and choose KompoZer. You see the KompoZer window.
  2. Open the File menu and choose Open File. You see the Open HTML File dialog box.
  3. On your local drive, locate the file that you want to edit.
  4. Click Open to display the specified file in a KompoZer window.

To edit a web page:

  1. Open KompoZer
  2. Click on File menu and choose Open Web Location. You will see the Open Web Location dialog box.
  3. Type in the URL of the page to edit (for example, http://www.mozilla.org) and click Create button. You will see the page displayed in KompoZer.

KompoZer also gives you the option of creating a new document using the XHTML format. To create an XHTML document, check the option "create an XHTML document" in the Create New Document or Template dialog box.

Tip: In the KompoZer window you can quickly open the most recent file you've been working on by opening the File menu, choosing Recent Pages, and then selecting the file you want from the list.

[ Return to beginning of section ]

Tabs - Editing Multiple Documents

KompoZer allows you to edit multiple documents at the same time. Rather than to shift from one window to another for editing more than one document, KompoZer offers the feature of Tabs. More than one document can be opened at the same time with KompoZer in the same window but in different tabs.

Tabs can be opened using either Ctrl+T or by choosing Create in: New Tab in the New file open dialog. Even with multiple tabs open, each is handled independently. Each document's state is indicated, i.e. if it is modified and needs saving by a red-floppy icon on the corresponding tab.

[ Return to beginning of section ]

Saving and Browsing Your New Page

You can save KompoZer documents in HTML or text-only format. Saving a document in HTML format preserves the document's formatting, such as text styles (for example, bold or italic), tables, links, and images. Saving a document in text-only format removes all the HTML tags but preserves the document's text.

To save a document as an HTML file:

To change the filename or location of an existing HTML file:

When you save a page in KompoZer, all parts of the page (the HTML, images and other files, such as sound files and style sheets), are saved locally on your hard drive. If you only want to save the HTML part of the page, you must change the KompoZer preference for saving pages. See KompoZer Preferences for more information on changing KompoZer's setting for saving pages.

If an image location is absolute (starts with "http://") and you are connected to the Internet, you will still see that image in the document in KompoZer and Navigator. However, if the image location is relative to the page location (starts with "file:///"), then you won't see the image in the local version of the document.

To save a document as a text-only file:

  1. Open the File menu and choose Export to Text.
  2. Enter the filename and specify the location where you want to save the file.

Note: Images do not appear in documents saved in the text-only format.

Tip: You can choose Revert from the File menu to retrieve the most recently saved copy of the document in which you're working. Keep in mind that your current changes will be lost.

To view your page in a browser window in order to test your links:

Return to beginning of section ]

[Home] [Next] [Previous]

TeliuTe, 07 July 2009

Copyright © 2004-2009 Contributors to the Nvu, KompoZer Help Documentation Project.