Functionality of CBS Version 2.0

What does this thing do?

CBS does the following really quite well
• transparent Ascii saves to HTML Ascii document
• Automatic intelligent creation of HTML lists and tables
• use of function keys for adding code
• use of multiple button strips for adding code
• use of WYSYWYG formatting of your text
• use of colour to enhance visibility
• Intelligent positioning of HTML codes and Cursors for ease of use
• use of HTML3.0 templates for quick and standardised web pages
• use of user definable text clips for those long URLs you can't remember

• title
• headings 1- 3
• anchor references
• image reference ( with ALT text)
• Ordered list ( automatic )
• Unordered list (automatic )
• List item
• Italic (uses <EM> )
• Bold (uses <STRONG>)
• Center (Netscape's <CENTER> command)
• mailto
• PreFormatting
• Code formatting
• Home Page (text clip )
• Line Break (text clip)
• Text Break (text clip
• Paragraph (text clip
• Table code
• Row Code
• Cell code
• Row and Cell generator (automatic )
• Form code
• Form with get action
• Form with post action
• Text area
• Checkbox
• Password box
• Radio button
• Select code
• Text box
• Reset form
• Submit form
• Back to previous button (User defined text clip)
• Forward to next button (User defined text clip)
• back to home button (User defined text clip)
• 9 further user defined URL links

Back to Previous

I want more detail !!

Button Strip 1: Your Normal Final Writer Button strip

Button strip 2: HTML Web editor features

 
Position 1: 

"2"	-	Designates button strip number 2

2 - Disk icon: 
Saves current document as an ascii document with
the extension ".html", then saves the current documents as
standard finalwriter without the ".html" extension.

3 - Blue Box Within White Background:

Template:
Text clip which includes a HTML3.0 standard template describing the page as
an HTML document.

4 - "T" on White Background:

Title:
Without text selected:
centers line adds title code, and positions
cursor in middle of title.

With Text Selected:
Centers text, increases size, places Title code around text, moves cursor
on to next line.

5 - "1" on white background

Heading one:
Without text selected:
Adds First Heading code, moves cursor between code, and formats cursor
for 24 point type
With text selected:
Changes to 24 point times bold, adds code either side, moves cursor to next
line

6 - "2" on white background

Heading two:
Similar function to heading one

7 - "3" on white background

Heading three:
Similar function to heading one

8 - "A" on grey background

Anchor:
Without text selected:
Anchor code typed in. the word "blah" is placed in the descriptive part for
the link, and the cursor is placed to enable typing the actual web
reference for the link.
With text selected:
Text that is selected becomes the text which will be the description for
the link. The cursor is positioned to enable typing the actual web
reference for the link.


9 - Three squares interlocking

Image code:
With text selected:
The text selected becomes the image source for the picture. The extension
".gif" is placed after the selected text.  The cursor is moved to the ALT
description to use without graphics.  
Without text selected:
Image code is typed, including a ".gif" extension. The ALT text is set at
"A Picture", and the cursor is moved to the SRC position for typing the
graphics filename.

10 - Red Diamond

Ordered list code

With text selected:
Each line of text selected becomes a seperate item within an ordered list.
Cursor is moved to the first list item.
With no text selected:
Ordered list code is added, with three blank list items. The cursor is
positioned at the first list item

11 - Red Circle

Bullet List code

Similar to Ordered list, see above.

12 - Clear / blue circle

Single List item:

With text selected:
List item code is placed in front of the selected text

Without text selected:
List item code is placed on a new line, cursor is positioned after the list
item code.

13 - Italic I		(See notes on HTML3.0 standards)

Emphasise

With text selected:
Emphasise code is placed around the text
Without text selected:
Emphasize code is typed, and cursor is positioned between it.

14 - Bold B			(See notes on HTML3.0 standards)

Strong

Similar to emphasise, except using Strong code.


15 - Two lines with downwards arrow

Center

Similar to Title Except using Netscape <CENTER> code

16 - "M" on grey background

Mailto

With text selected:
The selected text becomes the email address to mail the person, and
The cursor is positioned to allow typing in the description for this link.
Without text selected:
Mailto code is added, with the description "mail this dude" in the link.
The cursor is positioned at the "mailto" code to allow typing of the email
address.

17 - "P" on grey background

Preformatted text

Similar to Emphasise, except using the <PRE> codes.


18 - "C" on Grey background

Coded text

Similar to Emphasise, except using the <CODE> codes.

19 - Number of Black horizontal lines

Home Page Address

Text clip "tc.home" - customisable text clip for home page

20 - "H" on white background

Horizontal seperator

Text clip "tc.hr":
Places <HR> code and newline at cursor.

21 - "B" on white background

Text clip "tc.br":
Places <BR> code and newline at cursor.

22 - "M" on White Background

Text clip "tc.mailto"
- Customisable text clips for yout personal email 'mailto' code.

23 - "P" on White background

Text clip "tc.para"
- Places <P> paragraph code and a new paragraph at cursor position 


 

Button Strip 3 Tables and Forms

 
Position 1:

"3" - Designates which button strip it is for reference.

2	"T" on grey background: 

Table :
With text selected:
Places text within the Table Code, Adds some useful HTML comments
Gives default values for borders, cellspacing, etc..

With none selected:
As above, places cursor between table code.

3  "R" on Grey Background

Row Generator:
With text selected:-
Each line of text becomes a single cell within a HTML3 row.
Useful HTML comments are placed to show where the row and cells
begin and end.

With no text selected:-
Produces code for one full fow with two Cells, and useful comments 
to indicate where to place data

4 "R" White background

'Dumb' Row
With text selected : places text inside row code, with added
useful comments
Without text selected: Places cursor inside row code, as above

5 "C" White background

'Dumb' Cell
With text selected : places text within a single cell, and adds
useful comments 
Without Text selected: Places cursor inside single cell, adds
useful comments as above.


6 "F"	Form code
Places Form code around text selected, or cursor.


7 "G"  Form code with GET action
Similar to button 6, but with additional get action code


8 "P"  Form Code with POST action
similar to button 6, but with additional post action code


9 "T"  Text Area Code
Places text area code . With selected text, the text is placed within
the text area. Cursor is moved to the Name attribute

10 "C"	Check Box Code
Similar to 9 


11 "P"	Password Code
Similar to 9 


12 "R"	Radio button Code
Similar to 9 


13 "S" Select Code
Similar to 9 


14 "T"	Text box Code
Similar to 9 


15 Left Arrow	Reset Form Code
Similar to 9 


16 Right Arrow	Submit Form Code
Similar to 9 


 

 Note: This page is included in the final writer document
 cbs.doc.fw to allow you to configure your text clips nicely. 

Button strip 4 :

 
    Back: Save as 'tc.back'  
<A HREF=".html"> <IMG SRC="gifs/back.gif" ALT="Go Back" >Back  to 
Previous</A> 

   Forward: Save as 'tc.forward' 
 
<A HREF=".html">  <IMG SRC="gifs/forward.gif" ALT="Go to next" >Go To 
Next</A>

   Home: Save as 'tc.home'  
<A HREF="index.html">  <IMG SRC="gifs/home.gif" ALT="Home page" 
>Back to Home</A> 

Nine Further text buttons are defined:
  to  
Save your text clips as  "tc.1" - "tc.9" 
	  

place nice URLs into text clips
<A HREF="http://www.icbl.hw.ac.uk/~cjs/cbs/"> CBS Home Page</A> 

place searchers URLs into text clips
<A HREF="http://lycos.cs.cmu.edu/"> Lycos Home Page</A> 

Omnipresence home Page:
<A HREF="http://www.omnipresence.com/amiga/"> Cool Amiga Page</A> 

Back to cbs Home