Namo Web Editor

Control 6
User’s Guide

Menus

File

Edit

View

Insert

Format

Table

Tools

Help

SEJOONGNAMOTOUR CO., LTD.

File
The File menu contains commands for opening files, saving files, and printing the current document.
The command for setting up page options is also included within the File menu.

Click on an item to view details.

New File-New

Opens a new document.

If the current document is not saved, you are prompted to save it.

Open File-Open... <Ctrl+O>

You can open a document on your local drive, your local network, or from the Internet.

Look in

Displays the name of the current folder or drive. Click to select a different drive from the drop-
down menu.

File name

Contains the name of the selected file in the file list. A file name can also be entered directly.

Namo Web Editor Control 6 User’s Guide | 1

Files of type

Select the file types you wish to view. You can open HTML files (*.htm, *.html), text files (*.txt),
and MIME HTML files (*.mht).

URL

If the file you want to open is located on the Internet, enter its URL here and click the Open URL
button. You must have an active Internet connection to use this feature. Click the drop-down
menu to show a list of previously entered URLs.

Open Template File-Open Template.., <Ctrl+T>

Opens the pre-designed template documents. You can open a pre-designed template and use it after
customizing the template to your taste. However, the system administrator determines whether to
use templates or not. Therefore, you cannot use the template features in case the administrator has
not created the template files.

To insert a template document, select the template category in the Select a category folder and the
template name in the Name list and click OK. You can edit the inserted template in the Edit window of
the Web Editor Control.

Save, Save As Edit-Save, <Ctrl+X>, Edit-Save As...

Saves the current document.

Namo Web Editor Control 6 User’s Guide | 2

Save in

Select the location where you wish to save the document. You can designate a local drive or a
drive on the local network.

File name

Enter a file name for the document and click the Save button.

Save as type

Select a file type from this drop-down menu. You can select among HTML files (*.htm, *.html),
text files (*.txt), and MIME HTML files (*.mht). If you select text file, you are prompted to choose
text file options.

Title

Enter the title of the document. This title will be inserted <Title></Title> tags in HTML source,
and the first line of the document will appear as default.

Print File-Print..., <Ctrl+P>

Prints your document.

Print

Use the File-Print… command to print the current document. Specify the printer name, print range
and number of copies, and click OK.

Namo Web Editor Control 6 User’s Guide | 3

Preview

Preview what the printed document will look like using the File- Print Preview command, as
illustrated below. Refer to Print Preview for more information.

Page Setup

Set up printing options such paper size, margins, headers and footers before printing. Refer to
Page Setup for more information.

Print Preview Edit-Print Preview

Print

Opens the Print dialog box, enabling you to print the document.

Prev Page/Next Page

Shows the next and previous pages of the document. Available when the document consists of
more than one page.

Zoom In/Zoom out

Increases/Decreases the magnification of the preview.

Close

Namo Web Editor Control 6 User’s Guide | 4

 Closes the Print Preview window.

Page Setup File-Page Setup...

Print settings for the current editing session can be specified. The settings are applied to all
documents. Make sure the settings are appropriately defined before printing documents.

Paper

Size/Source: Choose the size and source of the paper.

Orientation

Select the orientation (portrait or landscape) of the printed page.

Margins (inches)

Enter the page margins, the distance of the header from the top of the page, and the distance of
the footer from the bottom of the page, in inches. The default values are 0.7 inch for Left, Top,
Right, and Bottom; 0.39 for Header and Footer..

Header/Footer

Namo Web Editor Control 6 User’s Guide | 5

 Headers and Footers consist of text inserted at the top and bottom of each page. Often, a
document title is included in the Header and page numbers in the Footer. You can set Headers
and Footers differently for odd and even pages.

Header/Footer: Insert the text to be used as the Header/Footer. Use the drop-down menus to
choose from the predefined items, such as document title, page number, etc.

Available Header/Footer items

The document's title as it appears in the title bar of the

Document title &title
browser. If not specified, it will read 'No title'.

The document's file name or URL if the file is on the

File name &filename Internet. Examples: "C:\Work\Myhome.html",
"http://www.magma.com/index.htm"

Page number &page The current page number.

The total number of pages in the document. For

Number of pages &total example, third page of a 5 page document will be shown
as '3/5' by entering '&page/&total'.

Date &date The current date in short format (e.g., 6/21/01).

Date (Including day The current date in long format (e.g., Monday, June 21,
&longdate
of week) 2001).

Time &time The current time in 12-hour format (e.g., 5:00 PM).

Time (24-hour clock) &miltime The current time in 24-hour format (e.g., 17:00).

Start page numbering at

Specifies the beginning page number. This entry has no effect if page numbers are not included
in the Header or Footer. The default value is 1.

Print background color and image

Select this option to print the document's background color or background image. By default, the
background color or image is not printed. Printing the background color can diminish the
document's readability, particularly when printed on a black and white printer, like a laser printer.

Print all text black

Select this option to print all text as black, regardless of text color.

Allow page breaks inside tables

Select this option to allow page breaks to occur inside tables. If you deselect this option, a page
break will be forced to occur before a table that would otherwise be divided by a page break.

Namo Web Editor Control 6 User’s Guide | 6

Use Defaults

Restores all settings to their defaults.

Printer

Lets you select a printer other than the default printer.

Namo Web Editor Control 6 User’s Guide | 7

Edit
The Edit menu contains commands that are used for editing documents.

Click on the items to view details.

Undo Edit-Undo, <Ctrl+Z>

Undo cancels the last action performed. Cancellation is executed from the latest action to the earliest.
Nothing happens if there is nothing left to undo, or no action is performed after opening a document.

Unlike document editing operations, property changes cannot be canceled by the Undo command.

Redo Edit-Redo, <Alt+Z>

Redo re-executes the actions that have been canceled. Redo starts from the latest cancellation to the
earliest. Nothing happens if all cancellations have been re-executed.

Cut Edit-Cut, <Ctrl+X>

Cut copies the selected block of text or graphics and removes it from the document. The block that
was cut is sent to the clipboard and made available for pasting to another part of the original
document or to another document.

Numbered sequences used in documents may change when Cut is performed.

Copy Edit-Copy, <Ctrl+C>

Copy copies the selected block of text or graphics, but does not remove it from the document. The
block that was copied is sent to the clipboard, and made available for pasting to another part of the
original document or to another document.

If you copy new contents to the clipboard, previously copied contents are removed from the clipboard.

Paste Edit-Paste, <Ctrl+V>

Contents in the clipboard are inserted where the cursor is placed. You should perform the Cut, or
Copy operation before executing the Paste command.

Namo Web Editor Control 6 User’s Guide | 8

If you cut or copy contents of a document using Web Editor Control 6, all objects are copied.

Paste Text Edit-Paste Text, <Ctrl+B>

Data in the text format in the clipboard are inserted where the cursor is placed. You should perform
the Cut, or Copy operation before executing the Paste Text command.

Paste Text, unlike the Paste menu, pastes only the text format data. The next example illustrates
how two menu command functions differently.

Original Data Paste Paste Text

• Active Square • Active Square Active Square

• Web Browser • Web Browser
Web Browser
• Windows • Windows
Windows

Paste Image Edit-Paste Image

Inserts the image you've copied to the clipboard on the place where the mouse point is. You should
perform the Cut, or Copy operation before executing the Paste Image command.

Delete Edit-Delete

Deletes the selected block from the document. Deleted contents are not sent to the clipboard, thus
using Edit-Paste command will not restore the block.

Use Edit-Undo to restore text or graphics that were deleted by Edit-Delete.

Select All Edit-Select All, <Ctrl+A>

Selects the entire contents of the document.

Copy Format Edit-Copy Format..., <Shift+F2>

Copies formatting attributes at the character and paragraph level including image, chart and table
properties.

Namo Web Editor Control 6 User’s Guide | 9

Character attributes/Paragraph style

Copies character attributes and paragraph styles.

Font color/Background color

Copies font color and background color.

Table properties/Cell properties

Copies table properties and cell properties. This check box is available only when the cursor is
inside a table.

Hyperlink/Bookmark

Copies hyperlinks and bookmarks. This check box is available only when the cursor is on a
hyperlink or bookmark.

Image layout

Copies image properties such as alignment, width, height, border width, spacing, and style.

Chart type

Copies chart-specific attributes of the selected chart.

All attributes

Copies all available attributes. Available attributes vary depending on the cursor placement.

Namo Web Editor Control 6 User’s Guide | 10

Paste Format Edit-Paste Format, <F2>

Pastes the copied attributes, copied by Copy Format, to the selected objects. You can choose to apply
the copied background color to either a cell background color, a table background color, or a
document background color.

Selection procedure varies depending upon the target object.

Text attributes Select the target text with a selection block.

Place the cursor in the target paragraph. Select multiple paragraphs with
Paragraph attributes
a selection block.

Text & paragraph Select the target with a selection block. Attributes are applied to their
attributes related types.

Find/Replace Edit-Find, Replace, <Ctrl+F>,

Edit-Replace…, <Ctrl+H>

You can search for a word/phrase in the document, and/or replace the matched word/phrase with
other specific text.

Find

Enter the word/phrase you wish to find in the document, or select previously entered items from
the drop-down menu.

Replace with

Enter the text you wish to replace, or select previously entered items from the drop-down menu.

Namo Web Editor Control 6 User’s Guide | 11

Options

Match case: Searches only for occurrences that have the same case as the specified text.

Find whole words only: Searches only for whole-word occurrences.

Match in hyperlinks: Searches only for occurrences of the text in hyperlinks.

Match full-/half- width: Distinguishes between full-width and half-width Asian double-byte
characters.

Direction and range

Up: Searches upward starting from the current insertion point.

Down: Search downward starting from the current insertion point.

Start at top of document: Starts searching from the top of the document.

Find Again Edit-Find Again, <F3>

Click Edit-Find Again command or press <F3> key to repeat finding the text you have just found; The
same options, direction and range will apply.

Namo Web Editor Control 6 User’s Guide | 12

View
Use the View menu to choose various editing aids. You can also reload a document using different
language encoding or you can redraw the screen.

Click an item to view details of the editing aids.

Rulers View-Rulers

Show horizontal and vertical rulers at the edge of the Edit window.

Show All

Shows or hides all rulers. Select the View-Rulers-Show All menu command to show horizontal and
vertical rulers. Use the command again to hide the rulers.

Horizontal Ruler

Shows or hides the horizontal ruler. Select the View-Rulers-Horizontal Ruler menu command to show
the horizontal ruler at the top edge of the Edit window. Use the command again to hide the ruler.

Vertical Ruler

Shows or hides the vertical ruler. Select the View-Rulers-Vertical Ruler menu command to show the
vertical ruler at the left edge of the Edit window. Use the command again to hide the ruler.

Reset Origin

Select the View-Rulers-Reset Origin menu command to reset the origins of both rulers to zero.

Moving the origin of the ruler

1 Click the small gray box at the corner of the two rulers. The mouse pointer changes its shape
into '+', and the coordinate (0,0) displays.

Namo Web Editor Control 6 User’s Guide | 13

2 Drag the mouse pointer to a point on the ruler where you want the new origin. The origin of the
ruler is changed.

Grid View-Grid

Grid is a set of horizontal and vertical lines that can be used to help align page elements. The grid is
only visible in the Edit window and is not visible in a Web browser.

Show

To show the layout grid, select the View-Grid-Show menu command. To hide the grid, use the
command again.

Snap

When snap-to-grid is on, floating page elements (layers) "snap" to the nearest gridline or subdivision.
To turn snap-to-grid on or off, use the View-Grid-Snap menu command.

Settings

Use the View-Grid-Settings menu command to open the Guides/Grid tab dialog box. Use the dialog box
to set your preferences for the layout grid.

Namo Web Editor Control 6 User’s Guide | 14

Guides View-Guides

Guides are lines that you can position anywhere in the Edit window to help align document elements.
Guides are only visible in the Edit window and are not visible in Web browsers.

Show

Use the View-Guides-Show menu command to toggle the guides on and off.

Snap

When the View-Guides-Snap menu command is selected, floating page elements (layers) "snap" to the
nearest guide.

Settings

Use the View-Guides-Settings menu command to specify color and style of the guides.

Edit

Select the View-Guides-Edit menu command to change the cursor shape into a hand. Use the hand to
move the guides without affecting other objects.

If you hold down the <Ctrl> key while dragging a guide, a new guide is created at the position where
you release the mouse button.

Clear All

Select the View-Guides-Clear All menu command to remove all guides in the Edit window.

If you want to remove a specific guide, drag it into the ruler.

Lock

To lock the layout guides so that they cannot be accidentally moved, use the View-Guides-Lock menu
command. Use the command again to unlock the guides.

Creating a guide

Create a guide by dragging it out of the rulers.

1 Place the cursor on the horizontal ruler to make a horizontal guide or on the vertical ruler to
make a vertical guide.

Namo Web Editor Control 6 User’s Guide | 15

2 Drag the guide out of the ruler into the Edit window.

3 To change the position of the guide, place the cursor on the guide and the cursor changes its
shape to . Drag the guide to where you want it.

You can have multiple guides in the Edit window.

Marks View-Marks

Select marks to help with your editing. The marks can be toggled on or off.

Table Gridlines

Toggles a blue outline around tables being edited and dotted gridlines in tables that have hidden
borders.

Paragraph Marks

Toggles paragraph break marks and line break marks.

Namo Web Editor Control 6 User’s Guide | 16

Spaces

Toggles space ( ) marks.

Special Tag Marks

Toggles the marks for layer tags ( ), bookmarks ( ), scripts ( ), comments, unknown tags, and
the start of bulleted or numbered lists. Also toggles the display of dotted outlines around forms,
applets, plug-ins, ActiveX controls, and multimedia objects.

Layer Outlines

Toggles gray outlines around layers.

All

Toggles all marks on or off.

Paragraph Spacing

Toggles spacing between paragraphs.

DBCS Align

Toggles line breaks within a word in double-byte languages. It allows double-byte characters
(Chinese, Korean, Japanese) to have a break line between syllables.

Images View-Image

Decide to show or not show images in the Edit window.

View Images

Toggles images on and off. Image outlines are shown in both modes.

View Background

Toggles the background image.

View GIF Animations

Toggles GIF animations.

Namo Web Editor Control 6 User’s Guide | 17

Page Breaks View-Page Breaks

Enabling this option makes the location of printing page breaks visible in the Edit window. The page
breaks are invisible in a Web browser, but are displayed as red, dotted lines in the Edit window of
Web Editor Control if this option is selected. The option is enabled by default. Select View-Page
Breaks to turn off the option.

When you select the View-Page Layout menu command, page breaks indicators are automatically
activated.

Page Layout View-Page Layout

Selecting the View-Page Layout menu command shows the current document in the Edit window as it
would appear if printed.

When you select the Page Layout option, Page Breaks are automatically enabled. Deselect Page
Breaks and Page Layout to hide the page break indicators and view the document normally (as it
would appear in a Web browser).

Encoding View-Encoding

You can reload the current document using different language encoding (character set) than the
current encoding.

To reload the current document using different encoding, select the View-Encoding menu command
and select the desired encoding from the submenu.

If there are unsaved changes in the document, you are prompted to save the document.

Namo Web Editor Control 6 User’s Guide | 18

Redraw Screen View-Redraw Screen

Redraw the screen if the Edit window does not show the results of the last operation.

HTML Source View-HTML Source, <F6>

Open the HTML window to view tags, attribute names, attribute values, symbols, and comments.
Each code parameter is colored differently to help you identify codes. You can edit the HTML codes
directly in the HTML window.

Modify the settings of the HTML codes in the Source Editing Option tab of the Preferences dialog box.

Document Information View-Document Information...

Displays general information about the current document.

Namo Web Editor Control 6 User’s Guide | 19

Title

Shows the title of the document. If you want to modify the title, click the Modify... button to open the
General tab of the Document Properties dialog box. Use the dialog box to modify the title.

Author

Shows the author of the document.

Encoding

Shows the character set used by the document.

Background color

Shows the background color of the document. To change the color, click the Modify... button and
select the Appearance tab. Use the Document Properties dialog box to modify the color.

Background image

Shows the path or URL to the document's background image, if any.

Namo Web Editor Control 6 User’s Guide | 20

Total size

Shows the total size of the document and all its resource files. Since all files are transmitted over the
Internet in packets, the total size shown might be greater than the sum of all individual file sizes.

Connection speed

Select an Internet connection speed from the drop-down menu.

Transfer time

Shows the estimated time to upload or download the document and all its resources.

Resources

Lists the paths and sizes of all the resources used in the document.

Namo Web Editor Control 6 User’s Guide | 21

Insert
The Insert menu contains commands for inserting objects other than text. You can insert horizontal
lines, hyperlinks, bookmarks, images, layers, and multimedia files. You can also insert external files,
or the current date/time into a document.

Click on an item to view details.

Line Break Insert-Line Break

Normal line break

Inserts a line break after the line containing the cursor. Select the Insert-Line Break-Normal menu
command or press <Shift+Enter>.

Other line break

Inserts a line break with options.

Normal line break

Inserts an ordinary line break (same as using <Shift+Enter>).

Clear left margin

Starts a new line with no left margin. If an image is inserted within a paragraph whose alignment
is set to left (with the text flowing around the image to the right), inserting a line break in one of
the lines to the right of the image will cause the following line to start below the image.

Clear right margin

Namo Web Editor Control 6 User’s Guide | 22

 Starts a new line with no right margin. If an image is inserted within a paragraph whose
alignment is set to right (with the text flowing around the image to the left), inserting a line break
in one of the lines to the left of the image will cause the following line to start below the image.

Clear both margins

Starts a new line that has no margins on either side. If two images are inserted into a paragraph,
with the alignment of one image set to left and the alignment of the other image set to right (with
the text flowing between the two images), inserting a line break in one of the lines between the
images, will cause the following line to start under the two images.

Horizontal Line Insert-Horizontal Line

A horizontal line can be inserted as a divider. The width of the horizontal line is adjusted to the width
of the paragraph. You can specify the properties in the Horizontal Line dialog box.

Size

Width: Sets the length of the horizontal line, in pixels, or as a percentage of the browser window
width.

Height: Sets the thickness of the horizontal line, in pixels.

Alignment

Sets the location of a horizontal line to Left, Center or Right. This only applies if the width of the
line is less than 100% of the window width. The default is Center.

Namo Web Editor Control 6 User’s Guide | 23

Style

Color: Sets the color of the horizontal line.

Solid line (no 3D effect): Disables the default 3D effect applied to the line. The line will appear as a
solid bar.

Comment Insert-Comment...

Add comments (descriptions) to a document.

Comments do not appear in the browser window, but rather within the comment tag ("<!--" and "--">
tags) in the HTML tab.

Inserted comments are not displayed in the Edit window. You can make the special tag marks visible
by selecting the View-Marks-Special Tag Marks menu command. The position where a comment is
inserted is displayed as the special tag mark image in the Edit window. If you double-click the
image, you can view, modify or delete the comment text.

Symbol Insert-Symbol..., <Ctrl+F7>

Insert special characters or symbols that cannot be typed using the keyboard.

Namo Web Editor Control 6 User’s Guide | 24

ANSI

Lets you insert a standard single-byte character. When you click a symbol, its magnified image
appears at the bottom of the left corner on the dialog box. After selecting the symbol that you want to
insert, click Insert.

Unicode

Lets you insert a Unicode character, Before you insert a Unicode character, select the Format-
Document Properties… menu command and set Encoding to “Unicode’ in the General tab of the
Document Properties dialog box.

DBCS

Lets you insert DBCS (double-byte character set) characters. Depending upon the language version
of Windows installed in your computer, you may not be able to see all the characters properly.

Codeset

Select from the drop-down list to view a specific codeset.

Copy to Clipboard

Click to copy the selected character to the clipboard.

Namo Web Editor Control 6 User’s Guide | 25

Image Insert-Image-From File...

From File

Select the Insert-Image-From File... menu command to insert an image using the Image Properties dialog
box.

General

Image path

Enter the path of the image file. Click Browse.... to select a file from a hard drive or network
resource.

Alt text

Enter a short comment that describes the image. This comment will be used in the tooltip for the
image when the mouse-pointer is placed over the image in the browser window. (Internet
Explorer/Netscape Navigator 4.0 or higher.)

Options

Name attribute: Enter a name for the image. This name is used for identification purposes when
the image is used by JavaScript and other programs.

Namo Web Editor Control 6 User’s Guide | 26

 Low resolution: Specifies, optionally, a low resolution version of the image to display when the
original image is unable to download properly.

Hyperlink

URL: The URL of the hyperlink added to the image is shown. Click Edit... to specify the hyperlink.

Target frame: Shows the target frame of the hyperlink. Click Edit... to modify.

Style

Specify the alignment, size, margins and borders of the image.

Alignment

Specifies the alignment of images and text.

Top Middle Baseline

Aligns the top of the Aligns the middle of Aligns the bottom of

image with the top of text. the image with the baseline the image with the baseline
of text. of text.

Namo Web Editor Control 6 User’s Guide | 27

 Bottom Left Right

Aligns the bottom of Places the image at Places the image at

the image with the bottom of the left side of the paragraph the right side of the
text. containing the image. Text in paragraph containing the
the paragraph flows to the image. Text in the paragraph
right of the image. flows to the left of the image.

Top of Text Absolute Middle Absolute Bottom

Aligns the top of the Aligns the middle of Aligns the bottom of

image with the top of the the image with the middle of the image with the bottom of
tallest characters in the text in the same line. the lowest characters in the
same line. This is usually, same line.
but not always, the same as
top alignment.

Size

Specify the size of the image, in pixels, or as a percentage of

Width, Height the whole document. This option can only be applied when
Width/Height is selected.

Restore Size Click to restore the image to the original size in pixels.

Margins and borders

Horizontal/Vertical Specify the horizontal/vertical margin of the image, in pixels.

Border thickness
Specify the thickness of the border, in pixels. Enter '0'

for no borders.

Style

Click to apply styles to the image. Refer to Paragraph Style for details.

Background Image

Specify the path to a background image file in the Document Background Image dialog box.

Namo Web Editor Control 6 User’s Guide | 28

Image path

Enter the path of the image that you want to insert into the document as a background image.

Browse

Click to select a local image file in the Open dialog box.

Layer Insert-Layer Double-click layer or its tag mark

View or modify properties of the selected layer.

Layer name

Displays the name of the layer. A layer is automatically assigned a name by Web Editor Control
at the time of its creation. You can change the name as long as the new name doesn't conflict
with the name of another layer.

A Layer is indicated by its tag mark and outline. The tag mark shows where the tags are inserted
in the HTML code and the outline shows where the layer will appear in the Web browser. Click

Namo Web Editor Control 6 User’s Guide | 29

 View-Mark-Special Tag Marks to show the tag mark, and View-Mark-Layer Outlines to show the
outline.

Position and size

Left/Top: Specifies how much the layer is offset from the left/top edge of the window, in pixels.
Hold the <Shift> key down while you press the arrow keys to move the layer by 10 pixels
increments.

Width/Height: Specifies the width and height of the layer, in pixels. Hold the <Ctrl> key down while
you press the arrow keys to resize the layer by one pixel increments. Hold the <Ctrl> and <Shift>
keys down while you press the arrow keys to resize the layer by 10 pixels increments.

Z-index: A layer's z-index determines whether it is in front of or behind other overlapping layers.
To bring a layer to the front, simply assign a higher z-index to it. To send it to the back, assign it
a lower z-index. If two layers have the same z-index, the one created last is placed in front.

When layers overlap but have no background color, or contain only the same-color text, it may
be difficult to determine by visual inspection which layer is in front. To confirm the layers' order,
check the Layer List window, which lists the layers' names and z-indices.

Visibility: Determines the visibility of a layer. Select among Default, Inherit, View, and Hide. If
Default is selected, a layer will be visible. However, the layer's visibility can be toggled by a
JavaScript action. If you choose Inherit, child layers will have the same visibility as its parent
layer.

Background

Image: Enter a path of the image file to use as the layer's background.

Color: Allows you to select a background color for the layer. If not specified, the layer will appear
transparent.

Save using <LAYER> tag

By default, Web Editor Control creates layers using the <DIV> tag for compatibility with both
Internet Explorer and the latest versions of Netscape. However, if you expect your document to
be viewed using pre-4.5 versions of Netscape, select this option for compatibility with the older
browsers.

Form Field (for administrators) Insert-Form Field

Text Box (for administrators) Insert-Form Field-Text Box…

Namo Web Editor Control 6 User’s Guide | 30

Name

Enter a name for the one-line text box. The name is used to distinguish this field from other fields
in the same form.

Initial Value

Enter the text that will initially appear in the text box when the document is loaded in a browser.
Leave blank to have nothing initially appear in the text box.

Width in characters

Specifies the width of the text box in terms of character width. For example, enter 10 to make the
text box the width of ten characters of average-width. Note that this is not an exact measure, so
you may have to experiment with different values to get the intended width.

Maximum length

Determines the maximum number of characters that can be entered in the text box.

Input type

Standard text This input type is suitable for most uses.

This input type displays each entered character as an asterisk ('*'). Useful
Password
for password fields.

This input type puts Browse... button to the right of the text box that can be
used to select a file on the site visitor's local drives or network. The path to
Filename the selected file is automatically entered into the text box. However, the
site visitor may enter anything they like into the text box; it is up to the
server program to check if the contents of the text box are valid.

Actions

Namo Web Editor Control 6 User’s Guide | 31

 Specifies actions to the text box.

Style

Click to attach a CSS style to the text box using the Style dialog box.

Text Area (for administrators) Insert-Form Field-Text Area…

Name

Enter a name for the text area. The name is used to distinguish this field from other fields in the
same form.

Initial Value

Enter the text that will initially appear in the text area when the document loads in a browser.
Leave blank if you don't want any initial text.

Width in characters

Specifies the width of the textarea in terms of characters. For example, enter 10 to make the
textarea the width of ten characters of average-width. Note that this is not an exact measure, so
you may have to experiment with different values to get the intended width.

Number of lines

Specifies the height of the text box in number of lines. Note that this doesn't limit the amount of
text the site visitor can enter.

Actions

Namo Web Editor Control 6 User’s Guide | 32

 Specifies actions to the text area.

Style

Click to attach a CSS style to the text area using the Style dialog box.

Check Button (for administrators) Insert-Form Field-Check Button...

Name

Enter a name for the check button. The name is used to distinguish this field from other fields in
the same form.

Value

Enter the value that will be submitted to a server or CGI programs if the check box is checked.

Initial State

Set to Checked if you want the check box to be checked by default.

Checked The button appears as checked.

Not checked The button appears as unchecked.

Actions

Specifies actions to the check button.

Style

Click to attach a CSS style to the check button using the Style dialog box.

Radio Button (for administrators) Insert-Form Field-Radio Button...

Namo Web Editor Control 6 User’s Guide | 33

Name

Enter a name for the radio button. The name is used to distinguish this field from other fields in
the same form.

Value

Enter the value that will be sent to the server if the radio button is selected.

Initial State

Set to Checked if you want the radio button to be checked by default.

Checked The radio button appears as checked.

Not checked The radio button appears as unchecked.

Action

Specifies actions to the radio button.

Style

Click to attach a CSS style to the radio button using the Style dialog box.

Drop-down List (for administrators) Insert-Form Field-Drop-down List…

Namo Web Editor Control 6 User’s Guide | 34

Name

Enter a name for the drop-down list. The name is used to distinguish this field from other fields in
the same form.

Drop-down List Box

Shows the specification of the Selected option in the Drop-Down List Settings
Select
dialog box.

Item Shows the Name value specified in the Drop-Down List Settings dialog box.

Value Shows the Value value specified in the Drop-Down List Settings dialog box.

Buttons

Click the Add... button to open the Drop-Down List Settings dialog box, where
Add... you can add an item to the menu by entering a name and value. Check the
Selected check box if you want this item to be selected initially.

Modify... Click to edit the selected menu item.

Remove Deletes the selected item.

Up Moves the selected item up one position in the menu.

Down Moves the selected item down one position in the menu.

Height

Specify the height of the menu in number of lines. If a number greater than 1 is entered, the
menu becomes a list box rather than a drop-down menu. If the height of a list box is smaller than
the number of items, a scroll bar will appear at the right side of the list box.

Allow multiple selections

Namo Web Editor Control 6 User’s Guide | 35

 Choose whether to allow selection of more than one item in the menu. This option only works if
the menu is a list box. If the menu height is set as 1, enabling this option turns the drop-down
menu into a one-line-high list box.

Actions

Specifies actions to the dropdown list.

Style

Click to attach a CSS style to the dropdown list using the Style dialog box.

Push Button (for administrators) Insert-Form Field-Push Button...

Name

Enter a name for the push button. The name is used to distinguish this button from other buttons
in the same form.

Value

Enter the label that will appear on the button.

Button type

This type of push button is used simply to send a value to the server. It is
General
often used together with JavaScript or Visual Basic.

Submit Used for sending a completed form to the server.

Reset Used to reset a form, clearing all entered information.

Actions

Specifies actions to the push button.

Style

Namo Web Editor Control 6 User’s Guide | 36

 Click to attach a CSS style to the push button using the Style dialog box.

Image (for administrators) Insert-Form Field-Image...

Name

Enter a name for the image form field. The name is used to distinguish this field from other fields
in the same form.

Path

Enter the path or URL to the image file.

Vertical Alignment

Specifies the alignment of the image.

Top Aligns the top of the image with the top of text.

Middle Aligns the middle of the image with the baseline of text.

Namo Web Editor Control 6 User’s Guide | 37

 Baseline Aligns the bottom of the image with the baseline of text.

Bottom Aligns the bottom of the image with the bottom of text.

Places the image at the left side of the paragraph containing the image.
Left
Text in the paragraph flows to the right of the image.

Places the image at the right side of the paragraph containing the image.
Right
Text in the paragraph flows to the left of the image.

Aligns the top of the image with the top of the tallest characters in the
Top of Text
same line. This is usually but not always the same as top alignment.

Absolute
Aligns the middle of the image with the middle of text in the same line.
Middle

Absolute Aligns the bottom of the image with the bottom of the lowest characters
Bottom in the same line.

Size

Specify the size of the image in pixels or in percentage respect to the whole document. This
option can only be applied when Width/Height is selected.

Margins and borders

Horizontal/Vertical Specifies the horizontal/vertical margin of the image in pixels.

Specifies the thickness of the border in pixels. Enter '0' for no

Border thickness
borders.

Actions

Specifies actions to the image form field.

Style

Click to attach a CSS style to the image form field using the Style dialog box.

Namo Web Editor Control 6 User’s Guide | 38

Hidden Form Field (for administrators) Insert-Form Field-Hidden Form Field...

Name

Enter a name for the hidden form field. The name is used to distinguish this field from other
fields in the same form.

Value

Enter a value to be sent to the Web server when the form is submitted.

Insert Form Tag (for administrators) Insert-Form Field-Insert with Form Tags

If this option is selected, form tags are also inserted when a form field is inserted.

Script Insert-Script

Document Script (for administrators) Insert-Script-Document Script…

Language

Select or enter the script type you wish to use for the script effect. JavaScript is selected by
default.

Script enclosed within the <HEAD> tags:

Enter the scripts between <!-- JavaScript and // - JavaScript - --> tags. Comment tags are
implemented to ignore the scripts, if the browser does not support the specific script language.

Body Script (for administrators) Insert-Script-Body Script…

Language type

Select or enter the script type you wish to use for a script effect. JavaScript is selected by default.

Namo Web Editor Control 6 User’s Guide | 39

Script enclosed within the <BODY> tags:

Enter the scripts between <!-- JavaScript and // - JavaScript - --> tags. Comment tags are
implemented to ignore the scripts, if the browser does not support the specific script language.

Actions (for administrators)

Sometimes you need to associate an event with a function in a script language such as JavaScript.
Using the Action feature of Web Editor Control 6 enables you to easily connect an event and a
specific function, to edit it, and to create a new script function.

Click the Action button in each dialog box to open the Action Properties dialog box.

Event, Action

Available events and associated actions appear. To connect an event with a specific function,
select the function you want in the right Function list and click the Link button.

To break the connection, select the event and click the Clear Link button.

Function

The Function list shows the list of functions included in the document. Click Add Function or
Edit Function to add or edit a function to the document.

Namo Web Editor Control 6 User’s Guide | 40

 e.g. Selecting the na_open_window function and editing its variables in the Add Function dialog
box.

Edit Parameters Area

For some functions, it is necessary to submit some values to the function when connected to an
event. These values are called parameters, which should be entered manually by users.

If you click an event, the function associated with it appears in the Edit Parameters area below.
You can edit parameters in this area.

Advanced Insert-Advanced

Java Applet Insert-Advanced-Java Applet...

Specify the properties of a java applet.

When you insert a Java applet into a document, a static preview of the applet is shown in the Edit
window. To preview the applet in action, switch to the Preview tab.

Namo Web Editor Control 6 User’s Guide | 41

General

Code: Enter the name of the Java applet to insert. The name must end with '.class' or '.cla'.

Codebase: Enter the path or URL to the Java applet file.

Name: Enter a name for this instance of the Java applet to distinguish it from other instances of
the applet in the document.

Alt text: Enter the text that will appear at the applet's location in the document if a user has
disabled Java support in their browser.

Size and spacing

Width/Height: Specify the width and height of the applet as it will appear in the document. You
can specify the size in pixels or as a percentage of the window size.

Horizontal/Vertical spacing: Specify the amount of blank space around the applet, in pixels.

Alignment

Specify how to align the applet with text on the same line.

Parameters

Namo Web Editor Control 6 User’s Guide | 42

 Click to open the Applet Parameters dialog box, to edit the values of each of the object's
parameters and add or remove parameters.

Style

Click to open the Styles dialog box, to attach a CSS style to the applet.

Plug-In Insert-Advanced-Plug-In...

Specify the properties of a plug-in.

General

Plug-in path: The path or URL to the plug-in file.

Alt text: The text that will be shown in place of the plug-in when using browsers that do not
support the plug-in.

Plug-in address: The URL from which the plug-in program may be downloaded.

Border: The thickness of the dark border around the plug-in, in pixels. Leave blank for no border.
(No border line appears in Internet Explorer.)

Namo Web Editor Control 6 User’s Guide | 43

 Hide plug-in: Select this option to hide the plug-in in the Edit window. To work with a hidden plug-
in, make sure the View-Marks-Special Tag Marks menu command has been selected.

Size and spacing

Width/Height: The width and height of the plug-in as seen in a browser, expressed in pixels, or as
a percentage of the browser window size.

Horizontal/Vertical spacing: The amount of blank space around the plug-in, in pixels.

Alignment

Specifies how the plug-in aligns with text on the same line.

ActiveX Control Insert-Advanced-AcitveX Control...

Specify the properties of an ActiveX object. The dialog box may take some time to load if there are
many java applets installed.

When you insert a ActiveX Control into a document, a static preview of the applet displays in the Edit
window. To preview the applet in action, switch to the Preview tab.

General

Namo Web Editor Control 6 User’s Guide | 44

 Class ID: Select the ActiveX object you want to insert in this drop-down menu.

ID: Enter a name for the inserted object (or just use the default ID).

Codebase: Enter the URL from which the ActiveX control may be downloaded. (This is used by
browsers when a user doesn't have the ActiveX control installed on their system.)

Data file: Enter the URL of the data file used by the ActiveX object.

Size and spacing

Width/Height: Specify the width and height of the ActiveX object as it will appear in the document.
You can specify the size, in pixels, or as a percentage of the window size.

Horizontal/Vertical spacing: Specify the amount of blank space around the object, in pixels.

Alignment

Specify how to align the object with text on the same line.

Parameters

Click to open the ActiveX Control Parameters dialog box, to edit the values of each of the object's
parameters.

Flash Insert-Advanced-Flash...

Specify information for the Flash (*.swf) file. Select the Flash file in the Open dialog box, and enter
information in the ActiveX Control Properties dialog box. Class ID and Codebase information is
automatically entered. Click Parameters... to specify parameters in the ActiveX Control Parameters
dialog box. Refer to Inserting Flash movies for details.

When you insert a Flash movie into a document, a static preview of the applet displays in the Edit
window. To preview the applet in action, switch to the Preview tab.

Shockwave Insert-Advanced-Shockwave...

Specify information for the Shockwave (*.dcr) file. Select the Shockwave file in the Open dialog box,
and enter information in the ActiveX Control Properties dialog box. Class ID and Codebase information
is automatically entered.

When you insert a Shockwave movie into a document, a static preview of the applet displays in the
Edit window. To preview the applet in action, switch to the Preview tab.

Namo Web Editor Control 6 User’s Guide | 45

QuickTime Insert-Advanced-QuickTime...

Specify information for the QuickTime (.mov) file. Select the Quicktime file in the Open dialog box,
and enter information in the Plug-In Properties dialog box. Class ID and Codebase information is
automatically entered. Click QuickTime Properties... to specify more properties in QuickTime Properties
dialog box.

When you insert a QuickTime movie into a document, a static preview of the applet displays in the
Edit window. To preview the applet in action, switch to the Preview tab.

MIDI Insert-Advanced-MIDI...

Specify information for the MIDI (.mid, .midi) file. Select the MIDI file in the Open dialog box, and
enter information in the Plug-In Properties dialog box. Class ID and Codebase information is
automatically entered.

When you insert a MIDI movie into a document, a static preview of the applet displays in the Edit
window. To preview the applet in action, switch to the Preview tab.

RealAudio Insert-Advanced-RealAudio...

Specify information for the RealAudio (*.ra, *.rm, *.rpm) file. Select the RealAudio file in the Open
dialog box, and enter information in the ActiveX Control Properties dialog box. Class ID and Codebase
information is automatically entered. Click Parameters... to specify parameters in the ActiveX Control
Parameters dialog box.

When you insert a RealAudio movie into a document, a static preview of the applet displays in the
Edit window. To preview the applet in action, switch to the Preview tab.

Windows Media Player Insert-Advanced-Windows Media Player...

Specify information for a Windows Media Player (*.asx, *.asf) file. Select the Windows Media Player
file in the Open dialog box, and enter information in the ActiveX Control Properties dialog box. Class ID
and Codebase information is automatically entered.

When you insert a Windows Media Player movie into a document, a static preview of the applet
displays in the Edit window. To preview the applet in action, switch to the Preview tab.

Chart Insert-Advanced-Chart…

Creates charts based on the data in the table.

Namo Web Editor Control 6 User’s Guide | 46

Chart Wizard Insert-Advanced-Chart…

Charts are a way to present tabular information--which may be difficult to grasp--in easy-to-
understand visual form. By using lines, bars, columns, and other shapes (usually on a grid) to
represent data values, charts simplify the presentation of complex data. They let you turn
unintelligible tables into meaningful, impactful pictures. Traditionally, charts have been used in
spreadsheets, slide presentations, and printed documents; but the explosion of the Web has created
new applications for charts. Any time you have a table in your Web site that contains quantitative
(numerical) data, you can use Namo Web Editor Control's Chart Wizard to turn the table into a colorful
chart in just a few steps.

The Chart Wizard is made up of the following three steps.

Chart Type Insert-Advanced-Chart…(Step 1 of 3)

Selecting a chart type

Select the basic chart type using the small icons at the top of the dialog box. There are eight
basic types: column, bar, line, scatter, pie, doughnut, stacked area and radar.

Selecting a sub-type

Once you've selected a basic chart type, select a sub-type using the large icons in the white
area. A brief description of the selected sub-type appears immediately below the white area.

3D effect

Use 3D effect

Enable this check box to give the chart a 3D effect. Not available for line, scatter, stacked area,
or radar graph types. If you choose a 3D column chart, you must enable the 3D effect in order
for the chart to appear correctly.

Depth of 3D effect

Specify the depth of the 3D effect (the chart's length along the Z axis) as a percentage of the
chart's length along the primary axis. For doughnut and pie charts, the depth of the 3D effect is
specified as a percentage of the diameter of the chart.

3D perspective angle

Specify the (vertical) perspective angle of the 3D effect. This affects how "high above" the chart
the viewpoint appears to be.

Data Series Insert-Advanced-Chart…(Step 2 of 3)

Namo Web Editor Control 6 User’s Guide | 47

Series and categories

First row contains series names

If this check box is selected, the first row of the table (or of the selected cells) will be considered
to contain the names of the data series in the rows below it. Otherwise, the first row will be
considered as one of the data series.

First column contains category names

If this check box is selected, the first column of the table (or of the selected cells) will be
considered to contain X-axis labels. Otherwise, the first column will be considered to contain
data values.

X/Y axis

Swap X/Y axis

Swaps the X and Y axes.

Title Insert-Advanced-Chart…(Step 3 of 3)
Chart title

Enter the title of the entire chart.

Chart title location

Specify the location of the chart, or click Hide title if you don't want the title to be visible.

Hide title

Checking this option deactivates all the options on the chart title.

Axis titles

X-axis title

Enter a title for the X-axis.

Y-axis title

Enter a title for the Y-axis.

Alternate Y-axis title

Enter a title for the alternate Y-axis, if any.

Namo Web Editor Control 6 User’s Guide | 48

Chart Properties Chart Shortcut Menu-Chart Properties…

Chart Properties –Series Chart Shortcut Menu-Chart Properties…

Series name

Each series should have a name to identify it in the legend. If you opted to have the first row of
the table (on which the chart is based) treated as containing series names, then each series will
already have a name. You can name or rename the selected series by typing a new name here.

Plot series on

Select whether to plot the selected series on the Primary axis or the Alternate axis.

Data labels

You can have labels appear at each data point in the selected series. The labels can show either
the Series name or the Data value; select the desired label type from the drop-down menu.

3D pie chart options

These options are only available for pie and doughnut charts.

Pull slice out

The slice representing the selected series will be "pulled out" from the rest of chart, as in the
example below.

Raise slice up

Namo Web Editor Control 6 User’s Guide | 49

 The slice representing the selected series will be raised above the rest of the chart, as in the
example below.

Error bar format

You can have error bars appear at each data point in the selected series. Select an error bar
format in the Error bar format drop-down menu, then choose an error type by clicking one of the
radio buttons underneath it.

Legend position

You can choose the position for the legend relative to the chart by using the four radio buttons
arranged in a diamond pattern at the right side of the dialog box. (This setting is not series-
specific.) Select Hide legend if you don't want the legend to be visible.

Preview

Confirm the appearance of the chart in the chart preview.

Chart Properties –Values Chart Shortcut Menu-Chart Properties…

Editing the values in a chart

The Values tab of the Chart Properties dialog box shows the values, series names, and
categories of the selected chart in a spreadsheet-like table. To edit a value, double-click the cell
containing the value and enter the new value.

Adding data series or categories

To add a data series to the chart, right-click a column header and select Insert Column in the
shortcut menu. A new column will be inserted to the left of the column you clicked on. To add a
data series after the rightmost one, right-click in the gray area to the right of the rightmost
column.

To add a category to the chart, right-click a row header and select Insert Row in the shortcut
menu. A new category will be inserted above the row you clicked on. To add a category below
the bottom one, right-click in the gray area below the bottom row.

Namo Web Editor Control 6 User’s Guide | 50

 To undo adding a data series or category, right-click anywhere in the table and select Undo from
the shortcut menu, or type <Ctrl + Z>.

The new data series or category that you added will have values of zero in each cell. Enter the
desired values as described above.

Deleting a data series or category

To delete a data series, right-click a column header and select Delete Column in the shortcut
menu. To delete a category, right-click a row header and select Delete Row in the shortcut menu.

Swapping data series and categories

To turn data series into categories and vice versa, click Swap X/Y Axis.

Chart Properties – Trendlines Chart Shortcut Menu-Chart Properties…

Select series

Select a data series to put a trendline on.

Trendline type

Choose what type of trendline to put on the selected data series.

Add button

Click to add the selected trendline to the chart.

Remove button

Click to remove the selected trendline from the chart.

Displayed trendlines

This list box shows the trendlines that have been added to the chart.

Trendline options

Interval

Specify the interval for a moving average trendline. Not applicable to other types of trednlinds.

Degree

Specify the degree for a polynomial trendline. Not applicable to other types of trednlinds.

Namo Web Editor Control 6 User’s Guide | 51

 Show trendlines in legend

Enable this check box to show trendlines in the chart’s legend. This setting applies to all
displayed trendlines.

Chart Properties – Axis Chart Shortcut Menu-Chart Properties…

Title

Axis title

Select an axis in the list box on the left side of the dialog box and enter or edit the title of the
selected axis.

Scale type

Specify the scale type of the selected axis. The available choices are Linear, Logarithmic (Base
2), and Logarithmic (Base 10). The scale type can only be specified when you selected Y-axis
(primary or alternate).

Configure data range automatically

If this check box is selected, the range of the selected Y-axis (primary or alternate) is configured
automatically to fit the values in the chart. Deselect this check box if you want to configure the
range manually.

The range can be configured manually using the settings described below:

Min. value

Enter the minimum value for the range. The range will start at this value.

Max. value

Enter the maximum value for the range. The range will end at this value.

Major scale

Enter the distance between major gridlines for the selected axis, in terms of the units of the axis.

Minor scale

Enter the number of divisions between major gridlines. Minor gridlines will be drawn at each
division.

Chart Properties - Chart Formatting Chart Shortcut Menu-Chart Properties…

Namo Web Editor Control 6 User’s Guide | 52

Text

Click Font... to choose a font for the selected element. Click Hide to hide the text of the selected
element.

Color

Choose a background color for the selected element in the drop-down color menu. Click Hide to
make the color transparent.

Lines/borders

Choose a color for the selected line element or for the border of the selected compound element
in the drop-down color menu. Click Hide to hide the line or border.
Choose a style for the line or border in the Style drop-down menu.
Choose the thickness of the line or border in the Thickness drop-down menu.

Line elements are elements that consist only of lines, such as gridlines and trendlines.
Compound elements are elements that have several parts including a border, such as the main
title and the legend box.

Data points

Choose a style for the data point markers in the Style drop-down menu.
You can give the data point markers drop shadows by selecting a drop shadow style in the Effect
drop-down menu.

Hyperlinks Insert-Hyperlink..., <F9>

Specify information for a hyperlink.

Namo Web Editor Control 6 User’s Guide | 53

URL

Enter the URL of the target document.

Target frame

If the current document uses frames, you can specify into which frame the target document of
the link should load.

_blank The specified document loads in a new window.

_parent The specified document loads in the parent frame.

_self The specified document loads in the same frame as the current document.

The specified document loads in the entire window including the frame
_top
containing the current document.

Tooltip

Any text entered here will appear as a "tooltip" (a small yellow box containing explanatory text)
when a user temporarily holds the mouse-pointer over the link.

Scheme

Specify which Internet protocol the hyperlink should use. If not specified, HTTP will be used.

Namo Web Editor Control 6 User’s Guide | 54

Host

Enter the domain address of the Web server.

Path

Enter the rest of the URL after the domain address.

Click Encode Path to replace any special characters in the path with ASCII codes.

Ex) '@' is changed to %40.

Click Decode Path to replace ASCII codes for special characters with the actual characters.

Bookmark

To link to a bookmark in the target document, enter the bookmark here. Do not type the #
character; it will be added to the URL automatically.

Parameters

Enter the parameters to send to the Web server, if required. The entered text will be attached to
the URL after the colon mark (;).

Query

Enter the query to send to the Web server, if required.

Use only lower case for filename

Convert every character in the URL into lowercase.

Ex) "WWW.MAGMA.COM" is changed to "www.magma.com."

Clear Link

Click this button to remove all information in the dialog box, effectively removing the link.

Remove Hyperlink Insert-Remove Hyperlink, <Shift+F9>

Remove hyperlinks which have been applied to text or images. Place the cursor on the hyperlink
and click Insert-Remove Hyperlink.

Bookmark Insert-Bookmark...

Namo Web Editor Control 6 User’s Guide | 55

Add or remove bookmarks. Bookmark refers to a mark in a Web page, which lets you jump to a
specific position in a Web document. Setting a hyperlink to a bookmark lets you jump not only to a
Web document, but also to a specific location where a bookmark has been inserted.

Bookmark name

The text in the selected area where you wish to create a bookmark is indicated by default. You
may use the default text or enter a unique name for the bookmark.

Add

Adds a bookmark in the Bookmark name text box to the Bookmark list.

Rename

Changes the name of an existing bookmark. Select the original name from the list, then type the
new name in the Bookmark name field and click Rename.

Remove

Removes the selected bookmark from the list.

Go to Bookmark

Jumps to the selected bookmark position and closes the Bookmarks dialog box.

Other Insert-Other

Namo Web Editor Control 6 User’s Guide | 56

Date/Time

Insert current date and time in the document.

Available formats

Select a date/time format from the list box and click OK to insert the current date and/or time at
the insertion point.

File

Inserts the whole contents of a file in the Edit window. The file format should be either HTML, plain
text, or MIME HTML.

Namo Web Editor Control 6 User’s Guide | 57

Unlike the File-Open menu command, the Insert-Other-File... menu command enables you to insert
the contents of a file into the currently open document. Using this command, you can merge the
contents of two different files.

Non-breaking Space

Enter a Non-Breaking Space to insert consecutive spaces. According to the World Wide Web
Consortium (W3C), only one space is accepted as non-breaking space. However, you may
sometimes enter consecutive spaces when working on a HTML document.

Non-breaking spaces are represented with '&nbsp' tags in the HTML tab, while the spaces between
words are not represented in any tags. To insert consecutive spaces, enter a Non-Breaking Space
(&nbsp), and then the spaces are maintained. You can also insert '&nbsp' by pressing the spacebar
consecutively. When you press the spacebar, the first space is considered as a general blank. Only
those starting with the second space and beyond are recognized as non-breaking spaces.

HTML Tag

If you wish to insert an HTML tag that Web Editor Control does not support, you can insert and edit it
manually using the HTML Tag Attributes dialog box.

Select the Insert-Other-HTML Tag... menu command. In the HTML Tag Attributes dialog box, enter the
name of the tag that you want to add and click Add... or Modify... to open the Attribute Name and Value
dialog box, where you can insert attributes of the tag. When finished, click OK.

Namo Web Editor Control 6 User’s Guide | 58

Format
The Format menu is used to edit the appearance of documents. You can change fonts,
character/paragraph properties, styles, and set the indentations of paragraphs.

Click on an item to view details.

Font Format-Font...

Character

Change the font and style of the character.

General

Primary font/Alternative font: Specify the font for the selected text. If the user's system does not
support the Primary font, the Alternative font is used. If neither font is supported, the default font
specified in the user's browser settings is applied.

Size: Specify the size of the selected text. The default value, Normal, is 3 (12 pt).

Namo Web Editor Control 6 User’s Guide | 59

 Font color/Background color: Specify the font color and the background color. The Default is black
for font color and white for background color. Click Custom to select custom colors after clicking
the color button..

Style

Bold: Increases the thickness of characters.

Italic: Makes characters slant to the right.

Underline: Draws a line under the selected text.

Strikethrough: Draws a line through the selected text.

Monospaced: Applies a fixed-width font to the selected text.

Superscript/Subscript: Raises/lowers the baseline of the selected text slightly and reduces their
size.

Preview

Shows sample text with the chosen attributes applied.

Extended Styles

Apply additional styles to text characters and change their spacing.

Namo Web Editor Control 6 User’s Guide | 60

Styles

Citation: Used for quoted text.

Blinking: Makes text blink at regular intervals. Not supported by Internet Explorer.

Strong: Used for strong emphasis(similar to bold).

Code: Used for program code listings.

Definition: Used for definitions.

Emphasis: Used for emphasis.

Keyboard: Used to indicate keystrokes.

Sample: Used for samples.

Variable: Used for variables.

Spacing

Specifies the spacing between characters and words.

Style

Namo Web Editor Control 6 User’s Guide | 61

 Click the Style... button to open the Style dialog box, where you can specify CSS style attributes
for the selected text.

Preview

Shows some sample text with the selected attributes applied.

Character Edit-Character

Increase Size

Increases the size of the characters. The maximum size is 72pt.

Decrease Size

Decreases the size of the characters. The minimum size is 8pt.

Clear All formatting

Select the Format-Character-Clear All Formatting menu command or press <Ctrl+E> to activate this
function.

Paragraph Format-Paragraph...

Specify attributes for the selected paragraph.

Indents and Spacing

Namo Web Editor Control 6 User’s Guide | 62

Alignment

Choose an alignment type from the drop-down menu. Default means the alignment is not
specified. The default used by most browsers is left alignment.

Indentation

Left/Right: Specify the indentation of the left and right side of the paragraph.

First line: Specify how much the first line of the paragraph should be indented. This entry can be
the same as the indentation for the left side of the paragraph.

Spacing

Controls the spacing between lines and paragraphs.

Style and List Options

Namo Web Editor Control 6 User’s Guide | 63

Style

Select an HTML style from the drop-down list.

Bullet shape

Select the bullet type, if you have selected 'Bulleted list' for the Style.

Number format

Select the number format, if you have selected 'Numbered list' for the Style.

Start numbering at

If the paragraph is part of a numbered list, specify the number of the first item on the list.

Namo Web Editor Control 6 User’s Guide | 64

Document Properties Format-Document Properties...

You can view or edit properties of the current document. Comprehensive information about the
document can be viewed or modified.

Appearance

Specifies various colors and background images.

Colors

Import Colors: Imports all the document properties from the selected file and applies them to the
current document.

Background: Specify the background color of the document. The default is white. If a background
image is also specified, the color of the image takes precedence.

Text: Specify the default text color for the document. The default value is black.

Hyperlink: Specify the color of normal, unvisited hyperlinks. The default is blue.

Visited link: Specify the color of visited hyperlinks. The default is purple.

Active link: Specify the color of active hyperlinks. The default color is red.

Namo Web Editor Control 6 User’s Guide | 65

Background image

Enter the URL or file path to an image file to use as the document's background. If the size of
the image is not large enough to fill the screen, it will be tiled to fill the page.

Paragraph Style Format-Paragraph Style...

Specify the paragraph style of the current paragraph. Paragraphs are divided by the <Enter> key
stroke. Select Format-Paragraph Style... to open the Style dialog box and define various paragraph style
settings.

Internet Explorer 3.x and Netscape 3.x and below cannot properly interpret the values specified here.
Internet Explorer and Netscape 4.x and above can interpret the values more effectively.

Class

Apply class to the selected paragraph. Class refers to an individual style you have defined.

Namo Web Editor Control 6 User’s Guide | 66

Class

If the document's style sheet contains any classes, they will be listed below the class text box.
Select a class from the list to apply that class to the current paragraph. The name of the class
will appear in the class text box. You can create a class in the Style Sheets dialog box.

ID

Enter the name of an ID in the ID text box to apply the style to the current paragraph.

You should start an ID name with a lowercase alphabet letter. You can use underline(_) in the ID
name. ID names should be unique in a same document.

Remove All Attributes

Removes all style attributes from the current paragraph, including any applied class or ID.

Font

You can specify the font styles of a selected paragraph.

Namo Web Editor Control 6 User’s Guide | 67

Font names

Primary font: Specifies the primary font for the paragraph.

Secondary font: Specifies the alternate font for the paragraph.

Font: Additional alternative fonts may be included in this text box.

Primary font and Alternate font

Primary font is used as the default font in the Web browser. However Secondary font is used when
Primary font cannot be found on the user's computer. Secondary font is not actually a font, but a
font type, such as serif or sans serif. There is no limit to the number of alternate fonts you can
specify. Note that you must use commas to separate font names.

Layout

Specify the color properties of the selected paragraph(s).

Namo Web Editor Control 6 User’s Guide | 68

Colors

Foreground: Specify the text color for the entire paragraph. Choose from the Default color, 16
Basic colors, and Custom colors. To set the text color for only a selected part of a paragraph,
click Font Color . Font color uses the <font> tag, while Foreground color uses the <style> tag.

Background: Specify the background color for the entire paragraph. Choose from the Default
color, 16 Basic colors, and Custom colors. Font color uses the <font> tag, while Background color
uses the <style> tag.

Background image

Sets a background image for the paragraph. The background image of a paragraph overrides
the background image of the document. It is recommended that you specify a background color,
for instances when the background image is not properly loaded.

URL: Enter the URL or local file path to an image file in the URL text box.

Browse: Click to locate an image file on the local drive. You can also specify an external file by
typing in the URL.

Attachment: Choose whether to make the background image fix or floating. This attribute is used
for document background images, and is not used in the context of paragraph background
images.

Repeat: Specifies whether to and how to repeat the background image, if it is smaller than the
paragraph as seen in a browser. You can select from the following :

Repeat Repeats the image both horizontally and vertically.

Repeat horizontally Repeats the image horizontally, only.

Repeat vertically Repeats the image vertically, only.

Don't repeat The image is not repeated.

Vert. pos.: Specifies the vertical offset of the image from the top edge of the paragraph.

Horz. pos.: Specifies the horizontal offset of the image from the left edge of the paragraph.

Namo Web Editor Control 6 User’s Guide | 69

Text

Specify alignment, indentation, spacing of paragraphs.

Alignment

Choose the type of alignment from the drop-down list, such as Left, Right, Center, Justify.

Indent

Set the indentation of the first line of paragraph. %, point, mm, cm, pica, inch, pixel, em, or ex
are available measures. The Format-Increase/Decrease Indent menu command is performed with
fixed indentation values. You can also enter your own value here.

Line spacing

Set the spacing between lines in a paragraph. %, point, mm, cm, pica, inch, pixel, em, and ex
are available measures.

Character spacing

Set the spacing between characters in a paragraph. %, point, mm, cm, pica, inch, pixel, em, and
ex can be used as measures.

Namo Web Editor Control 6 User’s Guide | 70

Box

You can apply a rectangular outline to a paragraph. %, point, mm, cm, pica, inch, pixel, em, ex are
available measures.

Margins

Left/Right: Specify left/right margins.

Top/Bottom: Specify top/bottom margins.

Padding

Left/Right: Specify left/right padding.

Top/Bottom: Specify top/bottom padding.

Namo Web Editor Control 6 User’s Guide | 71

Borders

Specify border properties to the selected paragraph(s). Border properties are made up of border style,
color, and width.

Style

Specify the styles of the borders at the left, right, top, and bottom of the paragraph. The border
styles Groove, Ridge, Inset, and Outset do not appear correctly in the Edit window. To view
these border styles, use the Preview tab. The various styles are described below.

none No border.

dotted A dotted line.

dashed A dashed line.

solid A solid line.

double A double solid line.

groove A beveled border.

ridge A frame-shaped border.

inset A sunken beveled effect.

outset A raised beveled effect.

'dotted' and 'dashed' borders appear the same as 'solid' in the Windows O/S. They are properly
viewed with Internet Explorer 4.01 or higher in the Macintosh O/S.

Colors

Namo Web Editor Control 6 User’s Guide | 72

 Specify the color of each border, independently.

Width

Specify the width of each border, independently. The Width units 'thin', 'medium', and 'thick' are
not the actual unit sizes; they are only the width types you may choose.

Style Sheet Format-Style Sheet...

Define a series of styles and apply them to the selected parts using the CSS Style drop-down list on
the Toolbar.

Linked style sheet

Enter the URL or path to an external style sheet (.css file) that you will link the document to. Only
one linked style sheet can be designated, and it is specified in <link> tag.

View Contents

Namo Web Editor Control 6 User’s Guide | 73

 Clicking this icon opens the specified, linked style sheet in Notepad.

Browse

Clicking this icon locates or specifies a style sheet file (*.css) existing on your drive.

Remove

Clicking this icon removes the link to the external style sheet. Note that the style sheet file is not
deleted.

Imported style sheets

Lists external style sheets that have been imported into the current document. As with linked
style sheets, the styles in imported style sheets are available to the document as though they
were defined within the document itself. There is no limit to the number of style sheets you can
import.

View Contents

Opens the selected style sheet (*.css file) in Notepad.

Add External File

Locates and imports a style sheet (.css file) into the current document. You can select one from
your drive or you may enter a URL.

Remove

Removes the reference to the selected style sheet from the document. Note that the style sheet
file itself is not deleted

Down

Moves the selected style sheet one step down in the list.

Up

Moves the selected style sheet one step up in the list.

Internal styles

Namo Web Editor Control 6 User’s Guide | 74

 Lists the styles that are defined in the document's internal style sheet.

Add

Click to add a new style. Opens the Add Style dialog box.

Remove

Deletes the selected style from the document's style sheet.

Edit

Opens the Style dialog box, where you can edit the properties of the selected style.

Save As External File

Saves the document's internal style sheet as an External style sheet (.css file), thereby making it
available for use in other documents.

Style definition

Shows the CSS definition for a style selected from the Internal styles list.

OK

Click to save changes to the document's style sheet information.

Cancel

Click to cancel changes.

Decrease Indent Format-Decrease Indent

Decreases the indentation of the paragraph. You must have increased the indentation of the
paragraph at least once before you decrease it.

Increase Indent Format-Increase Indent

Increases the indentation of the paragraph. One indentation is set at 6 characters in a fixed-
width font.

Namo Web Editor Control 6 User’s Guide | 75

Split List Format-Split List, <Shift+F8>

This command splits a list. The new list starts from the paragraph where the cursor (|) is placed.
If you split a list that is numbered, the new list's numbering starts with number 1.

Before splitting After splitting

• First Circle • First Circle
• Secret Story • Secret StoryImaginary Day
• Imaginary Day|
• Offramp • Offramp
• beyond the Missouri Sky • beyond the Missouri Sky

1. First Circle
1. First Circle
2. Secret Story
2. Secret Story
3. Imaginary Day|
1. Imaginary Day
4. Offramp
2. Offramp
5. beyond the Missouri Sky
3. beyond the Missouri Sky

Merge Lists Format-Merge Lists, <F8>

This command merges two lists. Place the cursor (|) in the first paragraph of the lower list and
execute the menu command. The lower list is merged into the upper list. The two lists are required to
have the same indentation to be merged.

Before merging After merging

• First Circle
• First Circle
• Secret Story
• Secret Story
• Imaginary Day
o Imaginary Day|
• Offramp
o Offramp
• beyond the Missouri Sky
o beyond the Missouri Sky

Page Break Format-Page Break

Insert Page Break

Namo Web Editor Control 6 User’s Guide | 76

Inserts a page break as set in the Page Break dialog box. Page breaks have no effect on how a
document is displayed on the screen; they only affect how the document is paginated when printed.

Page Break Properties

Specify page break settings.

Page break before

Always: Forces a page break before the current paragraph.

Left: Forces a page break before the current paragraph and causes the next page to print as a
left-side (even-numbered) page.

Right: Forces a page break before the current paragraph and causes the next page to print as a
right-side (odd-numbered) page.

Avoid: Specifies that automatic page breaks occurring immediately before the current paragraph
should be avoided.

Auto: Removes any forced page break and resets the automatic page break behavior before the
current paragraph to the default (allowed).

Page break inside

Avoid: Specifies that automatic page breaks inside the current paragraph should be avoided.

Auto: Resets the automatic page break behavior inside the current paragraph to the default
(allowed).

Page break after

Namo Web Editor Control 6 User’s Guide | 77

 Always: Forces a page break after the current paragraph.

Left: Forces a page break after the current paragraph and causes the next page to print as a left-
side (even-numbered) page.

Right: Forces a page break after the current paragraph and causes the next page to print as a
right-side (odd-numbered) page.

Avoid: Specifies that automatic page breaks immediately after the current paragraph should be
avoided.

Auto: Removes any forced page break and resets the automatic page break behavior after the
current paragraph to the default (allowed).

Widow and Orphan Control

Lines at the bottom of a paragraph that are separated from the rest of the paragraph by a page break
are called "orphans"; lines at the top of a paragraph similarly separated are called "widows". To avoid
widows and orphans, specify the minimum number of lines in a paragraph you want to keep together
before or after a page break.

Orphans

If a page break would cause fewer than the specified number of lines to be orphaned, enabling
this option will cause the page break to be moved above the paragraph.

Windows

If a page break would cause fewer than the specified number of lines to be widowed, enabling
this option will cause the page break to be moved up so that at least the specified number of
lines are kept together.

Namo Web Editor Control 6 User’s Guide | 78

Tag Format-Tag…

Displays a dialog box showing the attributes of the selected object.

When you select an object such as an image, a table, or a layer in the document, the name of the
menu item changes according to the type of the selected object, and the matching dialog box
appears.

The Format-Tag... menu command is disabled if no object is selected.

Namo Web Editor Control 6 User’s Guide | 79

Table
Use the Table menu to choose various commands for creating and modifying tables.

Click an item to view details of the table commands.

New Table, Table Properties Table-New Table..., Table-Table Properties...

Create a table or modify the properties of existing tables.

Size

Rows/Columns: Specifies the number of rows and columns in the table.

Width/Height: Specifies the table's width and height in pixels or as a percentage of the browser
window size.

Namo Web Editor Control 6 User’s Guide | 80

Layout

Alignment: Specifies table position relative to the browser window. Click an item in the drop-down
menu to determine table alignment.

Namo Web Editor Control 6 User’s Guide | 81

 Table caption: Specifies the location of the table's caption relative to the table. Available only if the
table has a caption.

Cell padding: Specifies the amount of space (in pixels) between the contents of each cell and the
cell's borders on all sides. If not specified, most browsers use 1 as a default.

Cell spacing: Specifies the amount of horizontal and vertical space (in pixels) between each cell.
If not specified, most browsers use 2 as a default.

Borders

Type: Sets the border type from the drop-down menu.

Thickness: Sets the thickness of the table border in pixels.

Color: Sets the color of the table border.

Light border: Sets the color of the table border on the top and left sides (Internet Explorer only).

Dark border: Sets the color of the table border on the bottom and right sides (Internet Explorer
only).

Background

Image: Specifies the URL of an image file to use as a background image for the table. If
background image and background table are specified, background image takes priority.

Color: Sets the table's background color.

Namo Web Editor Control 6 User’s Guide | 82

Style

Click to open the Style dialog box. Use the dialog box to apply a CSS style to the table. Refer to
Paragraph Style for details.

Draw Table Table-Draw Table

Create a table similar to the way you would draw it with a pencil. Using the Draw Table command
lets you create a table with its cell numbers undefined. You can also edit an existing table using
the Draw Table function.

Click and drag anywhere in the Edit window to create the table's outline.

Click and drag inside the table outline to draw row and column borders, as required.

Continue splitting cells to shape the table.

Escape Table Pencil mode

To escape from the Table Pencil mode, click the Table Pencil icon or press the <Esc> key.

Erase Table Table-Erase Table

Namo Web Editor Control 6 User’s Guide | 83

Use the Erase Table command to erase a part of the table. Click Erase Table on the Toolbar and
drag it to the line you want to erase. Release the mouse button and the line is removed.

Escape Table Eraser mode

To escape from the Table Eraser mode, click the Table Eraser again, or press the <Esc> key.

Insert Rows or Columns Table-Insert Rows or Columns...

Add columns or rows to an existing table.

Insert columns/Insert rows

Choose Insert columns or Insert rows.

Number of columns/rows

Specify the number of columns/rows to add to the table.

Insert position

Choose where to insert the new columns or rows.

Delete Rows or Columns Table-Delete Rows or Columns...

Namo Web Editor Control 6 User’s Guide | 84

Delete rows or columns in a table.

Delete columns/Delete rows

Choose Delete columns or Delete rows of.

Number of columns or rows

Specify the number of columns/rows to delete from the table.

Delete Contents Table-Delete Contents, <Ctrl+Shift+Y>

Shortcut menu: Select cell, Table-Delete Contents

Delete the contents of the selected cells while leaving the table unchanged.

Split Cell Table-Split Cell...

Shortcut menu: Select cell, Split Cell...

Divide a cell into multiple cells.

Select a cell or place the cursor inside the cell, and choose the Table-Split Cell menu command.
Specify the number and arrangement of the new cells in the Split Cells dialog box.

Merge Cells Table-Marge Cell

Shortcut menu: Select cells, Merge Cells

Merge adjacent cells into one cell.

Select two or more cells and choose the Table-Merge Cells menu command.

Cell Properties Table-Cell Properties...

Namo Web Editor Control 6 User’s Guide | 85

 Shortcut menu: Place the cursor in cell, Cell Properties...

Modify cell properties.

Size

Specify the cell's height and width.

Formatting

Specify the cell's alignment and background color.

Header cell: Click this box to designate the cell as a header cell. Cell contents appear bolded and
centered horizontally.

No wrap: Click this box to ensure cell contents do not automatically start to appear on a new line
when exceeding the cell border. The cell width expands to fit cell contents.

Background color: Specifies the background color of the cell. You can select multiple cells by
selecting cells while pressing the <Ctrl> key.

Borders

Color: Specifies the color of the cell's inner borders.

Light border: Specifies the color for the cell's right and bottom inside borders.

Dark border: Specifies the color for the cell's left and top inside borders.

Namo Web Editor Control 6 User’s Guide | 86

Background image

Specifies the background image of the cell. If the image is smaller than the cell, it is tiled to fill
the cell.

Style

Click to open the Style dialog box. Use the dialog box to apply a CSS style to the table. Refer to
Paragraph Style for details.

Fewer Options/More Options

Choose to show comprehensive options or just those frequently used.

Select Table-Select

Table

Selects the table where the cursor is placed.

Current Row

Selects the row where the cursor is placed.

Current Column

Selects the column where the cursor is placed.

Current Cell

Selects the cell where the cursor is placed.

Borders Table-Borders

Namo Web Editor Control 6 User’s Guide | 87

Change the table borders to CSS-style borders before using the cell border feature. If you don't, you
are prompted to do so.

Caption, Insert/Delete Caption Table-Caption

Insert a caption in a table. The caption identifies the contents of a table. You can also use a caption
to divide different tables. Select the Table-Caption-Insert Caption menu command to insert a caption
above the table.

Select the Table-Caption-Delete Caption menu command to delete the caption.

Cell Size Table-Cell Size

Controls the cell size.

Equalize Cell Width

Makes the selected cells the same width.

Equalize Cell Height

Makes the selected cells the same height.

Apply Visible Cell Attributes

Specifies cell widths with HTML attribute values. This helps you recover from excessive
reduction, expansion, and deletion of cells.

Clear All Width Attributes

Namo Web Editor Control 6 User’s Guide | 88

 Removes all cell width attributes from the HTML codes.

Clear All Height Attributes

Removes all cell height attributes from the HTML codes.

Utilities Table-Utilities-sort…

Sort

Sort data within a table according to the sort criteria you selected.

Sort by / then by / then by

Select the column/row to use for sort criterion. The column where the cursor is placed is
selected as the default.

Choose sort the data alphabetically or numerically. Then choose to show the data in ascending
or descending order.

Options

Sort left to right: Sorts by rows rather than columns.

Namo Web Editor Control 6 User’s Guide | 89

 Sort only selected cells: Sorts only selected cells rather than the entire table. Available only when
some cells have been selected.

Sort contents only: Sorts only the contents of the cells, leaving cell attributes such as background
color unchanged.

Exclude the first selected row: Excludes the first row of the table or selection from sorting.

Exclude the last selected row: Excludes the last row of the table or selection from sorting.

Merge Tables/Split Table

Split a table into multiple tables or merge tables into a single table. Choose the Table-Utilities-Split
Table menu command, and the rows below the cursor splits to make a new table.

To merge two tables, place the cursor in the upper table, and choose the Table-Utilities-Merge
Tables menu command.

Convert Text to Table

Convert character strings to a table if the string is divided by relevant delimiters. Delimiters refer
to a symbol by which a set of strings is divided into each cell.

Table size

Specifies the number of columns in a table. The number of rows is automatically calculated.

Delimiter

Namo Web Editor Control 6 User’s Guide | 90

 Specifies the delimiter. The paragraph and <BR> tag, space, and comma can be used as a
delimiter. You can also specify other symbols as a delimiter.

When you select Space as the delimiter, the number on the right indicates the minimum length of
the spaces to be treated as a delimiter. All spaces under that specified length are assumed to be
normal text.

Convert Table to Text

Converts a table to text strings. If a two-by-three table is converted to text, six paragraphs are
generated.

Lock (for administrators) Table-Lock

Lock Table (for administrators) Table-Lock-Lock Table

In case you are editing the template documents such as company documents or public
memorandum, it is essential to insert text while maintaining the pre-designed table format. The
administrator can prevent the table format from being modified by applying the Lock Table menu
to the table.

Functions of Lock Table

The Lock Table menu prevents the following tasks.

• Drawing a table.

• Modifying table properties. (However, you can modify the width and height of the table
using the mouse drag.)

• Deleting a table.

• Inserting/Deleting/Splitting/Merging the cells or rows/columns.

• Copying and pasting rows.

• Merging tables/Splitting a table.

• Inserting/Editing a caption.

Locking the Table

To lock the table, click the table to be locked and select the Table-Lock-Lock Table menu
command or select {Lock-Lock Table} in the shortcut menu.

The following icon indicates that the table is locked.

Namo Web Editor Control 6 User’s Guide | 91

Unlocking the Table

To unlock the table, click the locked table and uncheck the mark on the menu by selecting the
Table-Lock-Lock Table menu command or by selecting {Lock-Lock Table} in the shortcut menu.

Lock Cell (for administrators) Table-Lock-Lock Cell

Functions of Lock Cell

The Lock Cell menu prevents the following tasks.

• Editing contents in the cell.

• Modifying the cell properties. (However, you can modify the width and height of the cell
using the mouse drag.)

• Modifying the cell border.

• Deleting/Splitting/Merging the cells.

Locking the Cell

To lock the cell, click the table to be locked and select the Table-Lock-Lock Cell menu command
or select {Lock-Lock Cell} in the shortcut menu.

The following icon indicates that the cell is locked.

Unlocking the Cell

To unlock the cell, click the locked cell and uncheck the mark on the menu by selecting the
Table-Lock-Lock Cell menu command or by selecting {Lock-Lock Cell} in the shortcut menu.

Simultaneous Application of the Lock Cell and Lock Table menu

The following two icons indicate that both the Lock Cell and Lock Table menu command have
been applied.

Namo Web Editor Control 6 User’s Guide | 92

Namo Web Editor Control 6 User’s Guide | 93
Tools
Use the Tools menu to specify your editing preferences. You can also use this menu to change text
case or open the Layer List window.

Click an item to view tool details.

Check Spelling Tools-Check Spelling…

Suggests corrections for misspelled words. Check Spelling functions in the MS-Word 97 or above
installed, and the user dictionary function is not included.

Ignore

Continues the spell check, leaving the apparently misspelled word alone.

Ignore All

Continues the spell check, ignoring this and all other occurrences of the apparently misspelled
word. However, the apparently incorrect word is not added to the user dictionary; the word will
again be flagged as incorrect the next time you run spell checking.

Change

Replaces the misspelled word with the text in the Change text box and continues the spell check.

Change All

Namo Web Editor Control 6 User’s Guide | 94

 Replaces all occurrences of the misspelled word in the document with the text in the Change
text box, and continues the spell check.

Document Top

Restarts the spell check from the top of the document.

Clean Up HTML Tags Tools-Clean Up HTML Tags

What is Clean Up HTML Tags?

When you import external HTML files made with Microsoft Office or Web documents made by
someone else, it is likely that unnecessary tags will be included. Namo Web Editor Control 6
removes unnecessary and redundant tags automatically .

1. Removes tags that are generated when importing Microsoft Word files.

2. Removes empty tags and redundant tags.

3. Removes unnecessary closing tags such as '</p>'.

4. Changes indentation and line change rules.

Using the Clean Up HTML Tags

You can use the HTML Tags Clean Up function only in the HTML mode. The command is
unavailable in the Edit mode.

Namo Web Editor Control 6 User’s Guide | 95

Remove MS-Word 2000 tags
Deletes the Microsoft word specific tags.

Remove empty tags

Deletes tags that have no contents.

Example: <i></i>

Remove redundantly nested tags

Removes redundant tags.

Example: <i>Namo <i>WebEditor</i></i> -> <i>Namo WebEditor</i>

Remove optional closing tags

Removes tags that don't require closing tags. Selecting this option will reduce the document size
considerably.

Example: <p>Namo Interactive</p> -> <p>Namo Interactive

Integrate adjacent <font> tags when possible

Integrates multiple <font> tags adjacent to each other into a single tag, if possible.

Example: <font size="1"><font color="white">Deep Search</font></font> -> <font size="1"

color="white">Deep Search</font>

Namo Web Editor Control 6 User’s Guide | 96

Remove comment tags
Removes comment tags. Comments that WebEditor uses for various functions will not be
deleted.

Remove specific tags

Select the check box and enter a specific tag or select one from the drop-down menu. Every
case of the specific tag will be deleted.

Example: If you select 'span', <span id="test"> will be deleted as well as <span>.

Wrap lines at
Changes the line at the specified length.

Indent
Specifies the indentation for the HTML source.

Example: When Indent is set to 4 spaces

Before Clean-up After Clean-up

<head>

<head> <meta http-equiv="content-type"

content="text/html; charset=euc-kr">
<meta http-equiv="content-type"
content="text/html; charset=euc-kr"> <title>

<title>Untitled</title> Untitled

<meta name="generator" </title>

content="Namo WebEditor v5.0">
<meta name="generator"
</head> content="Namo WebEditor v5.0">

</head>

Allow line breaks inside tags

Decides whether to allow line breaks inside tags. It is recommended not to, for it may cause
errors.

Capitalize tag names

Capitalizes the tag names.

Example: <TABLE border="1">

Namo Web Editor Control 6 User’s Guide | 97

 Capitalize tag attribute names
Capitalizes the name of attributes in the tags.

Example: <table BORDER="1">

Change Character Format Tools-Change Character Format

Change Case

Change the case of selected text.

Capitalizes the first letter of each sentence.

Sentence case
GOOD Morning -> Good morning

Changes all letters to lowercase.

lower case
GOOD Morning -> good morning

Changes all letters to uppercase.

UPPER CASE
GOOD Morning -> GOOD MORNING

Capitalizes the first letter of each word.

Title Case
GOOD Morning -> Good Morning

Changes uppercase letters to lowercase

tOGGLE cASE and lowercase letters to uppercase.

GOOD Morning -> good mORNING

Namo Web Editor Control 6 User’s Guide | 98

Change Character Width

Changes half-width Asian characters to full-width or vice versa.

Convert to

Full width: Changes half-width characters to full width.

Half width: Changes full-width characters to half width.

Target

Selects the types of characters to apply the change to.

Convert Hiragana/Katakana

Changes Japanese text from Hiragana to Katakana or vice versa.

Convert Symbols to DBCS

If a document contains double-byte characters (such as Japanese or Chinese text) and the character
set was not correctly specified, the document is not displayed correctly in a browser. Select the Tools-
Change Character Format-Convert Symbols to DBCS menu command to turn illegible symbols into legible
double-byte characters.

Namo Web Editor Control 6 User’s Guide | 99

Layer List Tool-Layer List...

Lists the layers present in the document. You cannot edit layers in this window. Double-click a layer
to modify its properties in the Layer Properties dialog box.

Name

Shows the name of each layer.

Shows the Z-index of each layer. The Z-index determines if the layer is in front of or behind other
overlapping layers.

Visibility

Shows the visibility setting of each layer. If the layer visibility is set to Default, nothing appears in
the Visibility column for the layer.

Preferences Tools-Preferences...

Set document and preferences.

Clear All

Restores Web Editor Control's default settings for all preferences.

Edit Preferences

Specify options related to editing documents.

Namo Web Editor Control 6 User’s Guide | 100

General

Lock Insert Key: Disables the overwrite mode when using the <Insert> key. Selecting this option
keeps you from switching to the overwrite mode if you press the <Insert> key.

Automatic link creation: Enables automatic creation of hyperlinks when you type a URL in the Edit
window. For example, if this option is enabled and you type "www.mysite.com" followed by a
space, or press the <Enter> key in the Edit window, a hyperlink to 'http://www.mysite.com' is
automatically added to the text.

Save

Make backups: Automatically saves the old version of the current document when you save the
document again. The backup file has the same name, but with '.bak' as the extension. To open
the backup file, change its extension to '.htm' or '.html' and open the file.

Autosave interval: Select this option to have Web Editor Control automatically save the current
document periodically. Specify the time interval in minutes.

Preserve existing HTML source: Does not reformat or otherwise modify the existing source when
opening, editing, and saving an HTML file that was not originally created in Web Editor Control.

HTML Formatting Options: Click to set various formatting options for HTML generated by Web
Editor Control in the HTML Formatting Options dialog box. Deselect Preserve existing HTML source to
apply the options.

Namo Web Editor Control 6 User’s Guide | 101

Source Editing Options

General

Source font: Specify the font for the HTML window.

Font size: Specify the font size for the HTML window.

Font color: Specify the general font color for the HTML window. The default value is black.

Background color: Specify the background color for the HTML window. The default value is white.

Namo Web Editor Control 6 User’s Guide | 102

Source coloring

Distinguish among HTML tags, contents, and attributes by using different text colors.

Allow source coloring: Check to apply colors to the HTML codes, as specified below.

Tag names: Specify the color for tags in the HTML window.

Attribute names: Specify the color for attribute names in the HTML window.

Attribute values: Specify the color for attribute values in the HTML window.

Symbols: Specify the color for symbols such as &amp and &nbsp.

Comments: Specify the color for comments in the HTML window.

Other options

Show line numbers: Shows line numbers on the left side of the HTML window. Line numbers are
especially helpful when debugging script errors.

Line number color: Specify the color for line numbers.

Margin color: Specify the color of the margin area containing the line numbers.

Auto indent: Automatically indent a new line to the same starting position as the previous line.

Use tabs to indent: Indent using tabs, otherwise use spaces.

Tab width: Specify the length of tabs in characters.

Guides/Grid

Namo Web Editor Control 6 User’s Guide | 103

Grid

Color: Specify the color of the gridlines.

Style: Specify a solid line or dotted line style.

Grid spacing: Enter the spacing, in pixels, between gridlines.

Subdivisions: Enter the spacing of the invisible subdivisions between the gridlines. These
subdivisions are used when snap-to is enabled. Objects snap to the invisible subdivisions. For
best snap-to results, set the grid spacing at an even multiple of the subdivisions. Objects actually
snap to subdivisions, not to gridlines. But if the gridlines are "in sync" with the subdivisions,
objects snap to the gridlines.

Guides

Color: Specify the color of guides.

Style: Specify a solid line or dotted line style.

View

Save settings: Saves your settings.

Namo Web Editor Control 6 User’s Guide | 104

Document Defaults

Except for the font settings, these settings are applied only to new documents, not the current
document.

Colors

Text: Specify the text color. The default value is black.

Background: Specify the document background color. The default value is white.

Hyperlink: Specify the color for unvisited hyperlinks. The default value is blue.

Visited hyperlink: Specify the color for visited hyperlinks. The default value is purple.

Active hyperlink: Specify the color for active hyperlinks. The default value is red.

Color Picker

The Color Picker is a dialog box that enables you to add colors to Custom Colours. You can select
from 216 Web-safe colors or fine-tune a color using the codes. Web-safe colors display the same in
Netscape Navigator and Internet Explorer, regardless of the Operating System. If the Windows

Namo Web Editor Control 6 User’s Guide | 105

 display setting is 256 Colors, the Color dialog box appears rather than the Color Picker dialog box.

Encoding set and fonts

Encoding: Specify the default character set for document. The initial value is (user-defined).

Proportional font: Specify the font and size to use for displaying normal text in Edit mode that has
no specific font and size applied.

Fixed-width font: Specify the font and size to use for displaying preformatted text in Edit mode that
has no specific font and size applied.

Information

Author: The default author name for new documents.

Namo Web Editor Control 6 User’s Guide | 106

Initialization File Generator Tool-Initialization File Generator...
(for administrators)

An administrator can generate or edit an Web Editor Control Initialization File using this dialog box.

For more information on initialization files, refer to Initialization File-Defining the Initialization File in
the Developer's Guide. The following is a list of settings categories (sections) that can be edited in
the dialog box.

Product

Section Initialization File Generator Initialization File

Program Name Name

Logo URL Logo

PRODUCT
Current File Version FileVersion

Help File URL Help

Namo Web Editor Control 6 User’s Guide | 107

UI

Section Initialization File Generator Initialization File

Border Border

Menu ShowMenu, ShowPopupMenu

Tab ShowTab, CreateTab

Status ShowStatus, CreateStatus

HTML Dialog HTMLDialogPath

Main Menu CreateMenu

User Main Menu AddMenu

UI User Context Menu AddPopupMenu

Delete Command DeleteCommand

Accelerator AddAccelerator

Toolbar CreateToolbar, ShowToolbar

Toolbar Image ToolbarImage

Color BaseColor

User Custom Color UseCustomColor

Hide Alert AnswerAskDialog

Namo Web Editor Control 6 User’s Guide | 108

Edit

Section Initialization File Generator Initialization File

Text Color TextColor

BG Color BgColor

BG Image URL BgImage

Hyperlink Color HyperLinkColor

EDIT Visited Link Color VisitedLinkColor

Active Link Color ActiveLinkColor

Tab Size TabSize

Edit Mode EditMode

Preformatted Text Open PreformattedTextOpen

Namo Web Editor Control 6 User’s Guide | 109

View

Section Initialization File Generator Initialization File

Ruler Ruler

Grid Grid

VIEW Guide Guide

Mark Mark

Image Image

Namo Web Editor Control 6 User’s Guide | 110

Document

Section Initialization File Generator Initialization File

Title Title

Author Author

Classification Classfication

Description Description

Keyword Keywork

Default Template URL NewFile

DOCUMENT
Character Set CharSet

Base URL BaseURL

Bg Sound URL BgSound

Sound Loop BgSoundLoop

Top Margin TopMargin

Left Margin LeftMargin

Namo Web Editor Control 6 User’s Guide | 111

Paragraph

Section Initialization File Generator Initialization File

Alignment Align

Indent Indent

Ling Height LineHeight

PARAGRAPH Margin - Left LeftMargin

Margin - Right RightMargin

Margin - Top TopMargin

Margin - Bottom BottomMargin

Namo Web Editor Control 6 User’s Guide | 112

Print

Section Initialization File Generator Initialization File

PRINT Margin - Left LeftMargin

Margin - Right RightMargin

Margin - Top TopMargin

Margin - Bottom BottomMargin

Margin - Header HeaderMargin

Margin - Footer FooterMargin

Different even/odd pages OddEvenDeifferent

OddPageLeftHeader,
OddPageRightHeader,
Header
EvenPageLeftHeader,
EvenPageRightHeader

OddPageLeftFooter,
OddPageRightFooter,
Footer
EvenPageLeftFooter,
EvenPageRightHeader

Start page numbering at StartPageNumber

Namo Web Editor Control 6 User’s Guide | 113

 Print background color and
BgImage
image

Print all text black BlackText

Allow page breaks inside

PaginateInTable
tables

Table

Section Initialization File Generator Initialization File

TABLE Rows RowCount

Width Width

Column Row

Height Height

Alignment Align

Cell padding CellPadding

Cell spacing CellSpacing

Width BorderWidth

Color BorderColor

Light border BorderDarkColor

Namo Web Editor Control 6 User’s Guide | 114

 Dark border BorderLightColor

Color BgColor

Image

Section Initialization File Generator Initialization File

Alignment Align

Horizontal Margin HorizontalMargin

IMAGE
Vertical Margin VerticalMargin

Border thickness BorderWidth

Namo Web Editor Control 6 User’s Guide | 115

MIME

Section Initialization File Generator Initialization File

Encode Range EncodeRange

Encode File Scope EncodeFileScope

MIME
Encode EncodeFilter

Encode EncodeType

Namo Web Editor Control 6 User’s Guide | 116

Event

Section Initialization File Generator Initialization File

Use Mouse Events Mouse

EVENT Use Keyboard Event Keyboard

Use Command Event Command

Namo Web Editor Control 6 User’s Guide | 117

Help
The Help menu contains Web Editor Control Help and About Web Editor Control.

Web Editor Control Help Help-Web Editor Control Help

Opens Web Editor Control 6 online help.

About Web Editor Control... Help-About Web Editor Control...

Displays version, copyright, and other information about Web Editor Control 6. The title of the about
box indicates the installed version of Web Editor Control.

SEJOONGNAMOTOUR CO., LTD. ⓒ 1997-2006 All rights reserved.

Namo Web Editor Control 6 User’s Guide | 118