WebDwarf Tutorials banner
WebDwarf logo
The Page Editor

The Page Editor allows you to set things that affect the page as a whole -- things like background and title. In this tutorial, we cover the following topics: (bookmarks to be updated)

Open the Page Editor
Title tab
Background tab
Suggestions for page and other names

Open the Page Editor
There is no toolbar button for the Page Editor, but even without that, you can still open the Page Editor in several ways:

Title tab
Use the Title tab to define how your page is described by the search engines. The information you enter in this tab will appear in the <head> section of your published HTML page as a <title>.

The Title appears on browser address bars, and in people's favorites lists -- we hope! Your title should be clear, descriptive and short.  For example, if you are selling organic tea, be sure that "organic" and "tea" are part of your title. For example: Jon and Joanne's Organic Tea.

This text will be entered as the <title> element of the published HTML page. If you don't enter a Title, WebDwarf will substitute the page name. Always enter a title. Do not confuse titles with page names -- they are quite separate things -- unless of course, you forget to add the title!

Page Editor Title, Meta Tags tab
Background tab
Use the Background tab to set a background color for your whole page. There is also a direct Page Background  button on the top toolbar of your workpage (illustrated left).

You can also set a tiled background -- a very small image like a bathroom tile repeated many times. For the cost of a sometimes very small image, you can get full coverage of a very large page.

When you are setting a tiled image, you need to specify a direction, either X (across) or Y (down). Often you will specify both. If you have a long thin image, you will often want to tile in one direction only. This gives interesting effects like a page background along the top or left of the screen (as we have done on this page).
PageEditor Background tab
When you are tiling, you can use very thin images as your background, as thin as one pixel. Unfortunately they are too thin to make with WebDwarf, but you can start with something bigger that you make here, then crop it down in an external image editor. There are some ready-made thin tiles in the ClipArt folder -- all are under 600 bytes in file size (tile all these in the Y direction):
The tutorial page FastStart4 has example of a thin strip tiled in the Y direction (down the page). For an example of a thin strip designed to be tiled in the X direction, try biz3_bg.gif from the ClipArt folder.

To remove a background color or tile, set a color of solid white. This is the same as the background set on a fresh blank page.

Radial, Cylinder, and Linear for background colors are only available when publishing your page as SVG.

Suggestions for page and other names

These suggestions are particularly for page names, but also apply to file names; also any objects, geometries or shades that you rename.

Legal characters
Use only letters, numbers and perhaps the underscore  character (_).  Avoid punctuation marks and spaces. There will be occasions when you can use something else and get away with it, but don't make it a habit!

Meaningful names
For pages other than the index, make a name that will mean something to your visitor and you. It is much easier to correctly link to a page called PageEditor than to one called page25.

Keep your page and other names as short as possible. If a page name runs off the end of the Page Name edit box at the top of your screen, it is too long! But also don't make it so short that it loses its meaning.

Camel Capitals. To add clarity, use a mix of upper and lower case characters. They are sometimes called Camel Capitals, because they run up and down like a camel's humps -- think of a camel with two humps!  Using these avoids the need for the underscore which adds a character to the length of the name.

For example, MyPage, MyPage3 and YourPage are acceptable, but not Peter's PagePetersPage is OK, or if you insist, Peters_Page.

For colors you will use throughout your project, use names for the shades like red, blue, yellow etc.

For more examples, see the page and other names in this project. We try to practise what we preach! But not always successfully.

< Tutorials Home
Virtual Mechanics Logo

Character Set
The default Character Set is ANSI. Occasionally, you may find another choice is better.