Online Demo

This online demonstration of Squarezone SpeedEweb page editing will only work if you are using Internet Explorer 6.0 or later. You must also enable Javascript.

NB. You may need to add this site to your 'Trusted Sites' in IE7+ to insert images. Please see Tutorial8 for instructions.

Choose a layout template from the list in the Page Style panel.

Let's start editing

Notice the Control Panel at the top of the screen. This enables you to control the formatting of this page, just as you would with a word processor. Left click on the Online Demo title, change the text as you wish and click on the Heading 4 h4 button. Try the other heading style buttons.

Now click on any word in this paragraph and click on the Bold bold button to change the style to bold. Click the button again to change it back. You may also select a phrase and click on the button (or press Ctrl B on your keyboard) to make the selection bold. Press Ctrl I for italic.

Try any of the other buttons in the first group. The second and third group of buttons are disabled.

Full 'drag and drop' editing is possible. If you right click on the text you may use the menu to copy and paste. This menu also gives you multi-level 'undo'.

Images

You may place photographs, logos and clip-art on your page and upload them. Click on the Browse...  button in the the control panel. You will be able to browse to your chosen image file.

Left click at the position on your page where your image is to go. Click on Image button to insert your image into the page. A dialogue box will open, asking for the alt text. This is what you see when you hover over an image.

Left click on your new image and use the drag handles to resize it. The actual file that you upload will be resized on the server.

Whilst your image is active (drag handles appear) click on the Left button Left button and your image will be 'floated' left and the following paragraph will appear on the right.

Other buttons

The other buttons have been disabled for this demo, but if you hover the mouse over each in turn, you will see, in the Status bar, a description of what each does. If your status bar is not visible, go to the View menu and select it.

You may create as many new pages as you wish, with each one reflecting the same style as this page. You may create and edit menus and sub-menus and sub-pages. Links are automatically maintained.

Page Style

Select a layout style:

Classic

Left Bar

Top Bar

Grad

SpeedEweb

Return to SpeedEweb

Sign Up

Home

Ordinary People
Amazing Sites