Contents Previous Chapter Next Chapter
6. Format
In this chapter, we explain various commands used to alter the format of documents. In particular, if you execute the Style Sheet command, you can define a style commonly used in many documents.
[Format | Font] <Ctrl+L>
The Font command is used to give attributes to selected text or text that is to be inserted.
If you choose the Font command, the [Font Properties] dialog box is displayed. In the
box, you can set the font style.
Styles Tab
_1.gif)
You can preview the font style through the [Sample] field in the [Font Properties] dialog box. You can change the selected text style or define a style before inserting the text.
Style
Set the font style to Bold, Italic, Underline, Strikethrough, or Typewriter.
_2.gif)
Superscript / Subscript: You can use the Superscript or Subscript format.
Size: You can set the font size to one of seven levels.
Color: You can select the font color; the default color is black.
Extended Styles Tab
_3.gif)
- Citation : changes the character rendering of the contents of the element to logically represent a citation. This is typically rendered in italics.
- Blink : changes the physical rendering of the contents of the element to a blinking font.
- Strong : changes the character rendering of the contents of the element to strengthen the text. This is usually rendered as bold. Strong is intended to be stronger than Emphasis.
- Code : changes the character rendering of the contents of the element to logically represent computer code. This is usually rendered in a fixed-width font.
- Definition : changes the character rendering of the contents of the element to logically represent a defining instance of a term.
- Emphasis : changes the character rendering of the contents of the element to logically emphasize the text, usually rendered in italics.
- Keyboard : changes the character rendering of the contents of the element to logically represent text entered as keyboard input.
- Sample : changes the character rendering of the contents of the element to logically represent a sequence of literal characters, usually rendered with a fixed-width font.
- Variable : changes the character rendering of the contents of the element to logically represent a variable name. This is usually rendered in italics.
- Font : changes the font style. You can use any font which Windows 95 or Windows NT provides.
[Caution] Users with browsers on various platforms will visit your home page. If the platform is Windows 95 or Windows NT, the font style will be unchanged. However, if the platform is Unix or Macintosh, the font style may be changed.
[Format | Character | Increase/Decrease Size]
[Format | Character | Clear All] <Ctrl+E>
The [Format | Character] menu has three submenus used to change character size. You can select one of seven levels as character size.
If you select the [Format | Character | Increase Size] menu, the size of the selected characters will be increased by one level. If there is no selected character, the selection will affect the next characters typed.
If you select the [Format | Character | Decrease Size] menu, the size of the selected characters will be decreased by one level. If there is no selected character, the selection will affect the next characters typed.
If you select the [Format | Character | Clear All] menu, characters' attributes such as color, size, and style will be cleared.
[Format | Paragraph and List] <Ctrl+T>
The Paragraph and List command is used to change the properties of paragraphs and lists. Paragraph style can be changed to have a pre-registered form, and lists can be defined as bulleted lists or numbered lists.
Select the [Format | Paragraph and List] menu, and the [Paragraph and List Properties] dialog box will appear.
.gif)
Paragraph
Normal
Changes the current paragraph to normal text. If the current paragraph is in a numbered list style, the numbers of the list will disappear when the normal style is adopted, but the indentation will still remain. You must remove the indentation by using the [Format | Decrease Indent] menu.
Heading1, Heading2, Heading3, Heading4, Heading5, Heading6
Changes the current paragraph to the header-style paragraph. Heading1 is most prominent, Heading2 is second, Heading3 is third, and so on. If [Heading] is applied, the selected text is changed to Bold.
Formatted
Provides users with the WYSIWYG function. That is, if the user types multi-line text in WYSIWYG editor, the source file has the same multi-line text, spacing, and line breaks. Usually, [Formatted] is rendered as a fixed font.
[Caution] The Formatted paragraph style is always left-aligned.
Address
Defines a separated multi-line set of text to be rendered for address information. Usually, the text is rendered in italics.
Definition Term
Identifies the separated term item in a definition list. This is typically rendered in a bold font but not indented.
Definition Data
Identifies the separated multi-line definition item in a definition list. Definition data should always be preceeded by at least one definition term.
Bulleted List
Defines a non-ordered list consisting of a number of separated multi-line elements and is usually marked by a bullet or similar symbol. A disk is the default mark.
Numbered List
Defines an ordered list consisting of a number of separated multi-line elements.
The numbered list is marked by contiguous integers or other characters. Integers are the
default marks.
[Caution] You can select 0 in the number field. If you select 0 in the non-numeric type list, the result will be different depending on which browser is used. Therefore, be careful when you choose the number 0.
[Information] You can also use the Popup menu to change the properties of paragraphs and lists. The menu appears when you click the right mouse button on the paragraph you want to modify.
[Format | Paragraph Style] <Shift+F6>
The Paragraph Style command is used to set the styles of the current paragraph. A paragraph is defined as a part of a document separated by the <Enter> key, and the command is the function of CSS1.
Select the [Format | Paragraph Style] menu, and the [Style] dialog box will appear. In this box, the user can set font styles, margins, indentations, line spaces, and so on.
Class
Sets a pre-made class into the new paragraph style. A class can only be made with the [Format | Style Sheet] menu. Choose one of the pre-made classes with the mouse and click the [OK] button.
Font
Sets the font of the current paragraph. You can set primary and secondary fonts. In addition to these two fonts, you can also set other fonts by entering them into the [Font] input field directly. Namo WebEditor will apply the primary font if possible. If Namo WebEditor cannot apply the primary font, it will attempt to apply the secondary font.
The primary and secondary fonts can be set using the drop-down button. If you choose one of the fonts with the mouse, the chosen font is displayed in the [Primary Font] or [Secondary Font] menu. For example, if you choose "Arial" and "Century Gothic" for the primary and secondary fonts, the chosen fonts will be displayed in the corresponding fields. If you want to set the third font, enter it into the [Font] input field.
_1.gif)
After choosing the fonts, set the font size, decoration, style, and weight. If you want to cancel the setting, turn the corresponding check box off. In the dialog box, you can set the font weight by selecting a value in the [Weight] field. The larger the value is, the bolder the font is. You can also set the font size by assigning a value after selecting the unit of the assigned value.
Color
Sets font color and background color. You can also set an image as a background. If both a background color and a background image have been set, the background color will be ignored since a background image has priority.
Text
Sets the current paragraph properties. In the tab, you can set justification, indentation, line spacing, and font spacing. Indentation in this tab can have any value, while indentation in the Tools menu can only have one of the values provided by Namo WebEditor.
Box
Sets inside and outside margins. Generally, the two margins make no difference if there is no paragraph border. If there is a paragraph border, the margins will make a difference, as shown in the following figures.
_2.gif)
The left figure shows a paragraph whose outside margin is 30 pixels, and the right one shows a paragraph whose inside margin is 30 pixels. In each figure, a paragraph has a margin outside or inside the paragraph.
Borders
Sets the paragraph border properties. In the tab, you can set border width, style, and color. You can also set a position where the paragraph border is made by entering values into the "Left", "Right", "Top", and "Bottom" fields.
[Format | Form]
Use the Form command to give the properties of the current form or a form for the selected form fields.
General Tab
.gif)
Information
Form Name
Enter the form name to identify one form from another.
Target Frame
If one form is relative to another frame, enter the frame name in this field.
[Hidden Field]
If you want to insert a hidden field in a form, click the [Hidden] button. The [Form
Hidden Field] dialog box will appear. Enter the value and name.
[Clear Form]
The [Clear Form] button is used when you want to delete the current form. The [Clear
Form] command does not remove form fields from the form at the same time.
Settings
Action
Enter the URL of the query server to which the form contents will be submitted. If no
URL is entered, the current document URL will be used.
Method
Sets the method to submit data. The "Method" has one of "Post" and "Get" according to
the CGI program that receives data.
Encoding Type
Specifies the form encoding type.
[Format | Document]
Use the Document command to set the properties of the current document. Once the properties have been set by the Document command, the setting is adopted only in the current window. That is, it is not adopted on any other opened or ready-made documents. Also, it will not affect a newly created document.
Appearance Tab
_1.gif)
Document Colors
All items in [Document Colors] have 16 default color lists. You can choose any color that
you want. Also, you can choose "Custom" to set a color through the color table provided
by Namo WebEditor.
If you choose a color, this is adopted only in the current window. It is not adopted in any
other opened or ready-made documents. Also, it will not affect a newly created
document.
Background
Sets the background color of the document. Choose one of the 16 default colors. If you
choose "Custom", a color table from which you can choose any color, will be displayed.
Text
Sets text character color. The default color is black.
Hyperlink
Sets the color of hyperlinks. The default color is blue.
Visited Hyperlink
Sets the color of a link that has been visited by the Web browser.
Active Hyperlink
Sets the color of link that is currently being visited by the Web browser.
Background
Image
You can select this option to use an image for the background. If this option is selected,
the dimmed text field is activated, and you can input the image file name. If you don't
know where the file is, you can use the [Browse] button to input the file name easily.
Copy Image
Check this box to copy the original image file to the current document folder. The
copied image is used as the current background image.
Sound
You can select this option to use a sound file, either wave or midi as background music.
You can test the music using the _i.gif)
button . The music will be played when a
document is opened by a Web browser.
Loop
You can determine how many times the sound file is played.
If you turn the forever check box on, the sound file will be played continuously and the
Loop input field will be dimmed.
[Extended]
If you want to insert an extended tag into the cursor position, use this button. You can
then give a tag name and an attribute in the [Extended Tag Name and Attributes] dialog
box. Also, you can modify or remove an extended tag with this dialog box.
Information tab
_2.gif)
Location
Displays the complete URL of the document. If the document has been saved once, the
full file name is displayed. The user cannot edit this information field.
Base Location
Used as the absolute URL base to be used for any relative URL links in the document. If
the base URL is given, the base URL and the relative URL will consist of the complete
URL of the document.
Title
Used to enter the title of the document representing the contents. Although the title is
not part of the document text, it is used by Web browsers to label the display window.
All documents should have a title, since some Web search engines search only the title
of documents.
Author
Used to enter the name of the author of the document. If you have already given a
default author name at the Author option of the Program Preference, the default author
name will appear. You can also change that in this field.
Description
Used to describe your document briefly. Some Web search engines will use this field to
show your document briefly.
Keywords
Some Web search engines, such as Yahoo, use this option to help users locate the
document on the Web. Enter proper category names, which can be gotten from a catalog
server, that you think best apply to your document.
Classification
Used to enter a classification to which your document belongs.
Classification names also can be used by some Web search engines to locate documents.
Advanced tab
_3.gif)
System Variables
You can add or remove HTTP-EQUIV attributes. You can add various instructions, such as [Expire Time] or [Refresh]. The HTTP-EQUIV attributes are used to generate an HTTP response header. This header is then used by a Web server or browser.
User Variables
You can add or remove meta-information which is not a HTTP-EQUIV attribute. This information will not be used in the HTTP response header.
Encoding
The user can select various language encoding types in the [char-set] list. This information is used when a browser determines which character set is loaded. If a document is not translated well by your Web browser, check this option.
[Format | Style Sheet]
Use the Style Sheet command to define a new style. This command is different from the Paragraph Style command, in that once a style has been defined by the former, the style can be used repeatedly. The name of the defined style is registerd into the "Change CSS" category in the [Tools | Preferences] menu.
If you click the [Edit] button, the [Style] dialog box, in which you can edit a style, will appear.
If you click the [Add] button, the [Add Style] dialog box, in which you can set a style formatted as either "class", "ID", or "other", will appear.
If you click the [Import] button, the [Open] dialog box, in which you can open a style file from a disk to set a new style, will appear.
If you click the [Save] button, the [Save Style File] dialog box, in which you can save a currently edited style file, will appear. The saved style file must be a style file that has been edited by the Style Sheet command.
Adding a style
- Select the [Format | Style Sheet] menu, and the [Style Sheet] dialog box will appear.
- Click the [Add] button, and the [Add Style] dialog box, in which you can set a style formatted as either "class", "ID", or "other", will appear. In general, the "class" format is preferred when you set a style format.
- Click the [OK] button, and the [Style] dialog box will appear. In this box,
you can edit a style as you wish.
_3.gif)
- Click the [OK] button.
- Now the edited style is displayed in the [Style sheet] dialog box.
_5.gif)
- Click the [OK] button.
- If you click the [Change CSS] icon in the Toolbar2, you can confirm the newly defined style.
_i.gif)
[Format | Increase Indent] <Ctrl+F6>
Use the Increase Indent to increase the indentation of the current paragraph.
The size of each indentation space is equal to six character widths and cannot be
changed by the user.
If you click the [Format | Increase Indent] menu, the current paragraph is indented.
.gif)
_i.gif)
[Format - Decrease Indent] <Ctrl+F5>
Use the Decrease Indent command to decrease the indentation of the current paragraph gradually. You can execute the Decrease Indent command only in a paragraph that has been indented by the Increase Indent command.
[Format | Split List] <Shift+F8>
Use the Split List command to split a list from the current cursor position. You can apply different bullets or numbering properties to the newly split list.
In the following table, if you apply Split List command to the list in the left column, the list will be split into two lists in the right colum.
.gif)
[Format | Merge Lists] <F8>
Use the Merge Lists command to merge two lists into one. This command is valid only when the indent levels of the two lists are equal. If the indent levels are different, you must make the indent levels equal before applying this command.
[Caution] When you merge two lists, the cursor position must be in the first item of the second list. The properties of bullets or numbering of all the items will follow those of the first list.
[Format | Tag] <Alt+Enter>
Use the Tag command to view or change properties of the selected object or the object next to the current cursor position. If the type of the selected object changes, the menu name changes to reflect the object type. For example, if the selected object is a horizontal line, the menu name becomes [Horizontal Line].
By using this command, you can view or change object properties of various types: horizontal lines, images, form fields, applets, and so on.
.gif)
In the above figure, if you use [Format | Horizontal Line] command, the [Horizontal Line Properties] dialog box will appear.