Getting Started: Advanced Topics

Using the WebExpress Web Site Manager

The Web Site Manager included with WebExpress is a great tool for managing your entire site. It allows you to view your Web Site in Folder Tree fashion, much like Windows 95 Explorer or Windows File Manager.

Most Web Sites exist as one folder on a hard drive. That folder is called the 'Web Root' folder. All files and Sub-folders in and off of this folder are counted as part of your Web Site.

When you select 'File / New Web Site' from the WebExpress Menu, you'll be asked to indicate which folder (or directory) you'll be using to store the documents, files, and images that make up your site. That folder will become your Web Root.

The built-in WebExpress Web Site Manager will then scan that folder and all of its sub folders. It will display all the files in these folders as in tree fashion.

This makes it extremely convenient to load in and edit your HTML documents (Web pages). All you need do is double-click on the file you wish to edit and it will be loaded into WebExpress.

Once you have created a Web Site with the 'File / New Web Site' command, you can access the Site Manager anytime by clicking on 'Window' in the WebExpress Menu and selecting the name of the Web Site you created.

- Use your browser's 'Back' button to return to the tutorial -


Using Images For Your Web Page Background

You can enhance your Web page tremendously by selecting an appropriate image to be dispayed as your page background. Browsers will display any .GIF or .JPG image as a background, but you should remember that images take time to download.

For best results keep background images small (either in size - or at least in file size).

A small image will be 'tiled' to fill the background of your page - that is, repeated continuously across and down the page. For the best results make sure you use a properly prepared image that appears seamless when it is tiled by the browser.

If you don't have the capability to create seamless images yourself, use our Helpful Links page to find some. It lists several on-line 'libraries' that contain public domain seamless background images.

You can also use large, full screen images for backgrounds, but try to keep the file size of the image to under 10K. This is possible if you use .GIF format, and the image itself contains large expanses of the unchanging colors. For example, a full screen image that is half white and half black will be compressed into a .GIF file of only 2K!

To select an image for use as the Background of your Web Page:

  • Select 'Edit / Web Page Properties' from the WebExpress Menu.
  • The Web Page Properties window will appear.
  • Enter the file name of the image you wish to use in the text box below the word 'Picture' in the 'Backround' section of the Web Page Properties window.
  • Alternatively, you can click the 'Browse' button ("...") that appears next to the text box and locate the image with using the file window that appears.

After selecting your image it will appear in WebExpress just as a browser will display it.

- Use your browser's 'Back' button to return to the tutorial -


Adding Sound Or Music To Your Web Page

For visitors to your Web Site that us Microsoft Internet Explorer, WebExpress allows you to add sound or music to your Web page. The file formats that you can use include .MID midi music files and .WAV sound files.

To add sound or music to your page:

  • Select 'Edit / Web Page Properties' from the WebExpress Menu.

  • The Web Page Properties window will appear.

  • Enter the URL of the sound or music file you want played in the text box labeled 'URL:' in the 'Sound / Music' section of the Web Page Properties window. If the sound/music file will be stored in the same folder as your Web page, just enter the file's name here - you don't need the full URL.

  • Use the 'Loop' drop down menu in the same section to select how many times you want the sound or music to be played.

  • Save your page and test it by loading it into Internet Explorer. You should hear the sound you specified when the page loads in.

- Use your browser's 'Back' button to return to the tutorial -


Inserting Extra 'Headers' Into Your Page

This feature, available from the Web Page Properties window ('File / Web Page Properties') allows you to enter special HTML META headers that will be included in your page. META headers don't show up on your page, but they contain information about it and occasionally can be used to cause the browser to treat a page in a certain way.

This feature is for experienced users only, and can be valuable in allowing Search Engines to properly catagorize your Web Site when their 'robots' visit it.

Some of the more valuable META tag definitions are KEYWORDS, DESCRIPTION, AUTHOR, COPYRIGHT, etc...

You can also use the META tag "REFRESH" to cause your page to be reloaded into a user's browser at specified intervals.

To enter a META header using WebExpress:

  • Select 'Edit / Web Page Properties' from the WebExpress Menu.

  • The Web Page Properties window will appear.

  • Click the button that reads 'Header Commands...'

  • The Header Parameters window will appear (shown at right)

  • For each META header you want to add, you must enter a Name and Value for that header.

  • Click the 'Add' button when you've typed the required Name and Value.

  • The header you added will be saved with your Web Page.

For example, if you entered "keywords" for the header Name, and "spark plugs, air cleaners, steering wheels" as the header Value, the header will be saved to your HTML Web Page file as:

<META NAME="keywords" CONTENT="spark plugs, air cleaners, steering wheels">

To learn more about META headers visit our Helpful Links page and check out the HTML reference sites listed there.

- Use your browser's 'Back' button to return to the tutorial -


Defining Additional Colors For Your Web Page

WebExpress allows you to easily define custom colors for your Web Page. You can use these colors to enhance text, your background, and table cell backgrounds.

To define a new color you need only select the 'Define Color' option from any of the Color Menus that appear in WebExpress dialog windows - or you can use the Text Color drop down menu that resides on the WebExpress toolbar.

When you select the 'Define Color' option the Define Color window will appear. To use this window to create and add a new color to your page:

  • Type a name for the new color in the text box that appears below the words 'Define Color'.

  • Click the 'Add' button to add this color name.

  • Use your mouse to drag the crosshair icon over the rainbow palette that appears on the left side of the window.

  • You'll see the color that's displayed in the little preview window at lower left change.

  • When the preview window turns to the color you want, stop dragging the crosshair icon.

  • Now click the 'Change' button, and the color name you added a moment ago will be assigned to the new color you've created.

  • You can 'fine tune' the color using the slide control on the left of the rainbow box. Moving it up or down will make the color lighter or darker.

  • You can also 'fine tune' the color by entering RED, GREEN, BLUE values, or HUE, SATURATION, LUMINANCE values into their corresponding text boxes.

  • To jump right to a color that you only want to lighten or darken, click on the original color in the palette boxes in the lower right of the Define Color window.

  • After making changes, be sure to click the 'Change' button before you click 'OK', so that the new color is assigned to the name that's showing.

- Use your browser's 'Back' button to return to the tutorial -

Copyright © 1997 by MicroVision Development, Inc