Help Screen

WebSite Director

TEXT EDITOR

The Text Editor window is a basic text editor, much like Windows Notepad, where you can ADD and EDIT an HTML document or template in WSD. The editor is in Insert mode by default. The text that you type will be inserted at the current cursor position. Note that due to browser constraints, documents may not exceed 32k bytes.

The Text Editor screen has three parts

  1. HTML Codes
  2. Editing window
  3. WSD functions. 
HTML CODES

The HTML tag buttons allow you to click anywhere in your HTML source in the editor window and then click on one of the HTML code buttons to insert that code at the cursor location. You may also select a block of text and click the beginning tag. The selected tags will be inserted at the beginning and end of the selected text. 

This button allows you to insert a WSD Template. To do this, click the "WSD Field" button. A popup window provides data entry field for completing your template's information. When you have completed the information, click Insert. WSD will automatically insert the template tag. To end the tag, click the button. You may also select a block of text for the template. The start and end tags for the template will be inserted at the beginning and end of the selected text. To assist you with the template commands, a link to the Template tutorial is provided on on top right of the window.

The following HTML codes are provided. Note: If only one line of buttons displays, click >>
 at the end of the line to display additional selection buttons.

HTML Code
Information Required
Inserted code
To bold a word or a block of text:
(1) Place cursor at beginning of the word/text to be bolded, and click B -- or
(2) select the text to be bolded and click B
Note: When you use option (1), the B selection button changes to /B so you can select it at the end of the text that you are italicizing.

(1) <strong>[text]
(2) <strong>[selected text]</strong>

To italicize a word or a block of text:
(1) Place cursor at beginning of the word/text to be italicized, and click I -- or
(2) select the text to be italicized and click I
Note:
When you use option (1), the I selection button changes to /I so you can select it at the end of the text that you are italicizing.

(1) <em>[text]
(2) <em>[selected text]</em>

To insert a hyperlink:
(1) Place cursor at beginning of the word/text and click Link -- or
(2) select the text to be linked and click Link.
A popup window will prompt for the URL. It contains http:// so that you can insert an Absolute link. Or, you may remove the http:// and use a Relative link.

Note:
When you use option (1), the Link selection button changes to /Link so you can select it at the end of the text that you are linking.

(1) <a href="http:/[URL]"> or <a href="../[Relative URL]>
(2) <a href="http:/[URL]">[selected text]</a> or
<a href="../[Relative URL]">[selected text]</a>
To insert a hyperlink with an External Relationship attribute:
(1) Place cursor at beginning of the word/text and click Ext Link -- or
(2) select the text and click Ext Link..
A popup window will prompt for the URL. WSD will automatically insert the Rel=External attribute.

Note:
When you use option (1), the L selection button changes to /L so you can select it at the end of the text that you are linking.
(1) <a href="http:/[URL]"> or <a href="../[Relative URL]>
(2) <a href="http:/[URL]">[selected text]rel="external"</a> or
<a href="../[Relative URL]" rel="external">[selected-text]</a>
To insert an image into your text, place the cursor at the location where the image is to be inserted and click IMG.
A popup window will prompt for the filename of the image; then prompt for the description to be used as the Alt text for the image.
<img src="[filename]" alt="[description]">
To create an unordered list:
(1) Place cursor at beginning of the list and click UL -- or
(2) select the text to be listed and click UL.
Note: When you use option (1), the UL selection button changes to /ULso you can select it at the end of the unordered list. See LI.

(1) <ul>[first line of text to be listed]

(2) <ul>[selected list]</ul>

To create a numbered list:
(1) Place cursor at beginning of the list and click OL -- or
(2) select the text to be listed and click OL.
Note: When you use option (1), the OL selection button changes to /OLso you can select it at the end of the numbered list. See LI .

(1) <ol>[text to be numbered]

(2) <ol>[selected list]</ol>

 

To insert bullets or numbers in your list:
(1) Place cursor at beginning of the line and click LI -- or
(2) select the entire line and click LI.
Note: When you use option (1), the LI selection button changes to /LI so you can select it at the end of the line. See UL or OL .

(1) <li>[text to be bulleted/numbered]

(2) <li>[selected line]</li>

 
To insert a BlockQuote:
(1) Place cursor at beginning of the text and click B-QUOTE -- or
(2) select the block of text and click B-QUOTE.
Note: When you use option (1), the B-QUOTE selection button changes to /B-QUOTE so you can select it at the end of the text.

(1) <blockquote>[text to be bulleted/numbered]

(2) <blockquote>[selected line]</blockquote>

  
To find the definition of a word in your document, highlight the word and click Dict. If you are connected to the Internet, Answers.com displays the definition(s).
... To insert a Header into your document:
(1) Place cursor at beginning of the word/text and click H# -- or
(2) select the block of text and click H#.
Note: When you use option (1), the H# selection button changes to /H# so you can select it at the end of the text in your Header..

(1) <h#>[word/text]

(2) <h#>[block of text]</h#>

To insert the start of a new Paragraphs into your document:
(1) Place cursor at beginning of the word/text and click P -- or
(2) select the block of text and click P.
Note: When you use option (1), the P selection button changes to /P so you can insert the optional closing at the end of the paragraph.

(1) <p>[word/text]

(2) <p>[block of text]</p>

 
To insert the fixed width font to indicate text that is the code for a program:
(1) Place cursor at beginning of the word/text and click CODE -- or
(2) select the block of text and click CODE.
Note: When you use option (1), the CODE selection button changes to /CODE so you can insert it at the end of the word/text.

(1) <code>[word/text]

(2) <code>[block of text]</code>

 
To render text in a fixed width font and lay out the text just the way you type it (such as a table):
(1) Place cursor at beginning of the text and click PRE -- or
(2) select the block of text and click PRE.
Note: When you use option (1), the PRE selection button changes to /PRE so you can insert it at the end of the text.

(1) <pre>[text]

(2) <pre>[block of text]</pre>

 
To make a lists of terms and their definitions, for example:
(1) Place cursor at beginning of the text and click DL -- or
(2) select the block of text and click DL.
Note: When you use option (1), the DL selection button changes to /DL so you can insert it at the end of the text. Used with DT and DD.

(1) <dl>[text]

(2) <dl>[block of text]</dl>

DT is used in conjunction with DL and DD to create definition lists. DL is usually used as the first part of a DT/DD combination.

To insert DT:
(1) Place cursor following the DL code and click DT -- or
(2) select the block of text between the DL beginning and ending codes and click DT.
Note: When you use option (1), the DT selection button changes to /DL so you can insert it at the end of the text.

(1) <dl><dt>[text] <dl>

(2) <dl><dt>[text]</dt><dl>

DD is used in conjunction with DL and DT to create definition lists. DD sets the description part of the DT/DD combination. To insert DD:
(1) Place cursor following the DT code and click DD.
Note: A closing DD is not required.

(1) <dl><dt>[text]<dd>[description text]<dt>

To insert a table into your document:
(1) Place cursor at place in your document where you want the table and click TABLE -- or
(2) select the block of text and click TABLE.
Note: When you use option (1), the DT selection button changes to /TABLE so you can insert it at the end of the text. TABLE is used with TR and TD.

(1) <table><tbody>[text]

(2) <table><tbody>[text]</tbody><table>

To insert a row into your table:
(1) Place cursor at place in your table where you want the row and click TR -- or
(2) select the block of text for the row and click TR.
Note: When you use option (1), the TR selection button changes to /TR so you can insert it at the end of the row. TR is used with TABLE and TD.

(1) <table><tbody><tr>[text]

(2) <table><tbody><tr>[text]</tr></tbody><table>

To insert a column/cell into your table:
(1) Place cursor following the TR and and click TD -- or
(2) select the block of text for the cell and click TD.
Note: When you use option (1), the TD selection button changes to /TD so you can insert it at the end of the cell. TD is used with TABLE and TR.

(1) <table><tbody><tr><td>[text]

(2) <table><tbody><tr><td>[text]<td></tr></tbody><table>

To underscore a word or a block of text:
(1) Place cursor at beginning of the word/text to be bolded, and click U -- or
(2) select the text to be underscored and click U
Note: When you use option (1), the U selection button changes to /U so you can select it at the end of the text that you are underscoring.
(1) <u>[text]
(2) <u>[selected text]</u>

To cause a line (a "strikeout") to be drawn through the text:
(1) Place cursor at beginning of the word/text and click S -- or
(2) select the text and click S
Note: When you use option (1), the S selection button changes to /S so you can select it at the end of the text containing the strikeout.

(1) <s>[text]
(2) <s>[selected text]</s>

NOBR disallows breaks (carriage returns); for example, inside logical groups of symbols and words. To insert a NOBR:
(1) Place cursor at beginning of the string of text and click NOBR -- or
(2) select the text and click NOBR
Note: When you use option (1), the NOBR selection button changes to /NOBR so you can select it at the end of the text.

(1) <nobr>[text]
(2) <nobr>[selected text]</nobr>

To insert a footnote into your document, place the cursor where you want the footnote inserted, and click Footnote.
Note: A popup window will prompt you for your footnote text. The footnote superscripted footnote number displays at the insert location, and the footnote text displays at the end of the document, and ahead of the footer template.

<sup><a href="[ID #]" id="[ID #]" class="footnote">[footnote number]</a></sup>

EDITING WINDOW:

The Text Editor window is a basic text editor, such as Windows Notepad, where you can type text, html tags, etc. The editor is in Insert mode by default. The text that you type will be inserted at the current cursor position. Note that due to browser constraints, documents may not exceed 32k bytes.

WSD FUNCTIONS:
Save in web server standard text format This function is available if the document has not been previously updated via WSD, and is in a format other than the web server standard text format. Select this checkbox before you click [Update] to save the document in the web server standard text format. The standard text format will be listed in parentheses at the end of the option [(LF) for Unix servers and (CRLF) for Windows servers]. If you do not select this checkbox, the document will be saved in its current format.
Preview

This function displays "documents" in a browser window so you can see how it will appear when published. Any header template, footer template, and graphics will be included in the display.

For templates, this function displays the template's HTML code. To view the Template as it will appear when published, see View Sample below.

Update Saves the information displayed in the editor  window.
Update and Return Saves the information displayed in the editor window, and returns to the previous screen.
Cancel Discards all additions/changes you have made to the document and returns you to the previous screen.
Compare with Published Select to display the published and current views of the document in a split browser window; the published version is on the left or bottom window, depending on your method of viewing (Horizontal or Vertical) as set on the User Preferences screen.
View Sample For Templates, select to display the template as it will appear when published.

Copyright 2000-2005 CyberTeams, Inc., http://www.cyberteams.com All rights reserved.
CyberTeams and WebSite Director are registered trademarks of CyberTeams, Inc. All other marks are the property of their respective owners.