Copyright: 40tude HTML Helpfile - (c) 1996-2001 - Softwareentwicklung Marcus Monnig - All rights reserved


Character conversion

To use the character conversion task, select it from one of the task menu items (see Overview of tasks).

 The following conversions are available:

Latin 1 encoding

This conversion converts extended characters, like umlaut characters to their HTML equivalents and vice versa. Note that apart from this manual conversion extended characters can be automatically converted while writing (Learn more).

Slash conversion

Use this to convert slashes in directory paths inside HTML tags from forward to back slashes and vice versa.

Tag case

This conversion changes the case of all tags to lower or uppercase. To do a case conversion of selected tags including words outside tags, use the "Case conversion" function.

Strip tags

Select this conversion to strip all tags inside documents.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Window layouts

Window layouts are accessible by selecting "View -> Window layout" from 40tude HTML's main menu. By loading a window layout you can restore the view states (visible or unvisible) and positions of the main items in the main window and the position of the main window itself.

Up to 5 layouts can be saved and restored. To save the current layout select "View -> Window layout -> Save current as..." from the main menu and enter a number between 1 and 5.

To restore a window layout simply select it from the "View -> Window layout" menu.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


HTML Validation

To check the syntax of your HTML documents you can validate them. Your HTML document(s) will be checked for error and the results will be shown in the "Validate result" message window on the lower right of the main window.

To use this task, select it from one of the task menu items (see Overview of tasks).

Note that you can double-click on a line in the "Validate results" message window to jump to the appropriate line.

Currently 40tude HTML uses a special build of weblint for validation, though technically weblint is not a real HTML syntax validator. Upcoming version of 40tude HTML will offer extended validation support.

The weblint validation options can be set on the validation page of the general settings

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Checking for updates

To check if their is a new version of 40tude HTML available, go online, select "Help -> About..." from the main menu and click on the "Check for update" button.

Alternatively, you can visit the 40tude HTML Homepage and check manually.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Undo/redo function

All editing operations in the editor can be undone by pressing Ctrl+Z. An undone editing operations can be redone by pressing Ctrl+Shift+Z. Alternatively, this functionality is available from the "Edit" item on the main menu.

The group undo option that can be set through the "Edit" item on the main menu, groups editing operation logically. Without the group undo option set, an undo operation undoes the last keypress only, while with the group undo option set, an undo operation undoes a whole sequence of editing operation that logically belong together, e.g. the editing of a whole word or line. Group undo is recommended.

The standard behavior in Windows applications is that changes to a text can't be undone once a file is saved. To change this you can set the "Keep undo stack after save" option on the "Other options" page in the settings dialog.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


To-Do List

The To-Do List keeps track of additons and changes you plan to do.

There are two kind of to-do items: Tag based to-do items are directly embedded inside your HTML files. To create a tag based to-do item, place the caret in your document and select "Add To-do item..." from the context menu.

Besides embedded tag based to-do items you can define to-do items globally for a project. To do this, add an item in the To-do list directly.

To view the to-do list, select "Misc -> To-do list" from 40tude HTML's main menu.

The upper part of the to-do list window shows the found to-do items, while the lower part let's you enter where 40tude HTML tries to locate the to-do items seen above.

To add, edit or delete a to-do item, select the action from the context menu of the list.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Thesaurus

40tude HTML has an integrated thesaurus tool. The thesaurus dictionary is however not part of the standard distribution, so if you want to use this feature you have to download the dictionary from the 40tude HTML product page. The thesaurus dictionary is only available in english.

Once the thesaurus dictionary is available in 40tude HTML's "dicts" subdirectory, you can lookup the current word by selecting "Misc -> Thesaurus..." from 40tude HTML's main menu.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Templates

40tude HTML lets you create and use an unlimited number of HTML templates. To create a template from the current file, as you see it in your editor window, select "File|Save as template" from 40tude HTML's main menu and specify a filename for the template.

You can access you templates by selecting "File|New". The template window will pop up and you can preview the available templates and select your default template that will be used when you click on the "New file" button in 40tude HTML.

You can delete a template by selecting a template in the template window and pressing "Delete". All templates are saved in the "configs\[configuration name]\template" subdirectory below 40tude HTML's program directory.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Overview of tasks

Selected functions in 40tude HTML are organized object-orientated. These functions are called "tasks". Task functions can be applied to either the current document, all open documents or selected project files.

Applying a task on the current file

Select the task from the "Tasks" item on the main menu or from the "Tasks (this file)" item of the editing window context menu.

 Applying a task on all open file

Select the task from the "Tasks (all open files)" item of the editing window context menu.

 Applying a task on selected project files

Select a file or a folder in the project tree, and choose a task from the "Tasks" item of the project management context menu. If you selected a folder in the project tree, the task is applied to all files in that folder.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


The statusbar

Quickly overlooked, the statusbar communicates important information.

The first section shows the current caret position. If this information is bold, the numbers refer to the wrapped row and column numbers, otherwise the numbers show the unwrapped row/column numbers. To switch between these formats double click on this section of the statusbar.

The next section either shows "Ansi" or "Unix". This is the file mode the current document is saved in. To switch between modes double click on this section of the statusbar. (Learn more about file modes).

 The third section of the statusbar shows the project timer. The project timer shows the time you worked on the current project. The colored dot shows if the project timer is currently running. (Learn more about the project timer).

 Finally the rightmost part of the statusbar is used to show general feedback when you use a function. In other programs the kind of feedback given here is given in dialog boxes, however dialog boxes intercept the work flow of the user, so feedback that does not need an answer or decision from the user is shown here.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Search and replace overview

40tude HTML has extremely powerful search and replace features, which are available through the "Search" item on the main menu.

Both, search and replace operation can be done in the current document only, all open documents, all project files or all files in a directory.

Note that all search and replace operations in files are only applied to files with file extensions that are recognized as HTML files by 40tude HTML. These extensions can be set on the File extensions and filters page of the general settings dialog.

More info on searching.

More info on replacing.

More info on regular expressions.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Spelling checker

The spelling checker comes in two flavors: dialog checking and "on the fly" checking.

On the fly spell checking

40tude HTML offers on the fly spell checking as you might know it from Microsoft Word. To enable this feature select "Options ->Spell check options ->On the fly in the current/On the fly in all documents" from the main menu.

With on the fly checking each word in a document will be automatically checked and will get underlined with a red toothed line. To correct a misspelled word right click on the word and select from one of the available actions (see below to find out more).

Dialog checking

To use the spell checking task, select it from one of the task menu items (see Overview of tasks).

 When the spell checking is finished the total number of checked words is shown in the statusbar of the main window.

Actionswhen a misspelled word is found

The Change All button will replace all occurrences of the misspelled word with the word in the "Replace With:" edit field, while the Change button replaces only the current occurrence of the misspelled word.

 The Ignore All button will ignore the word thought to be misspelled throughout the rest of the spell check, while the Ignore button will only ignore the current occurrence.

 The Add button adds the word in the "Not Found:" edit field to the user dictionary specified in the configuration.

The Auto-Correct button adds the words in the "Not Found" edit field and the "Replace With" edit field to the current user dictionary (specified in the Configuration) as an auto-correct pair. Any future occurrence of the presumed misspelled word will then be replaced with the correct spelling automatically. This is useful for common spelling mistakes, such as recieve:receive and teh:the.

 The Suggest button in dialog mode will, if possible, add additional word alternatives to the suggestions list.

 The Start button in dialog mode is used to restart a spell check session from the current cursor position if the spell check window lost focus in favor of another window in the current application. This gives freedom of movement, allowing you to edit the document being checked without ending the current spell check session.

 The Undo Last button in dialog mode restores the last spell check action performed and reselects the previous misspelled word (if possible). This button can be pressed multiple times to undo multiple operations.

The Options button shows a window allowing you to set spell check configuration options

Spell checker options

To open the spell checker options window select "Settings -> Spell check options -> Options" or click on the "Options" button while doing a dialog based check.

The "Dictionaries" page of the configuration window controls which main dictionaries and user dictionaries are active during the spell check.

In both the main and user dictionary lists the checkbox to the left of the item indicates whether or not a specific dictionary is active. To change the active status, simply click on this checkbox.

To add an already existing dictionary to the list, click on the Add button. When adding a preexisting user dictionary, Microsoft Word user dictionaries (.DIC file extension) may also be used. To delete a dictionary already in the list, click on the Remove button.

 To form a new user dictionary, click on the New button.

The "Add Words To" selection box lets you specify which user dictionary new words and auto-corrections are to be added to. This must be an active user dictionary (and not a Microsoft Word user dictionary).

The "Options" page of the configuration window controls specific configuration options related to the spell check.

Ignore Options:

The "Words in UPPERCASE" checkbox, when checked, forces the spelling checker to skip any words completely in uppercase. This can be useful for ignoring abbreviations.

The "Words Containing Numbers" checkbox, when checked, forces the spelling checker to skip any words that may contain one or more numeric characters. This can be useful for ignoring license plates and other partially numeric words. This can also be somewhat detrimental if a numeric key was pressed instead of a character by mistake.

The "HTML Tags" checkbox, when checked, forces the spelling checker to skip any HTML tags encountered (i.e. text between opening and closing angle brackets).

The "URLs and E-mail Addresses" checkbox, when checked, forces the spelling checker to skip any e-mail addresses or world wide web addresses found in the document.

The Reset Ignore All button removes any words previously added to the "Ignore All" list. Words previously in the list will no longer be ignored when encountered.

The Reset Change All button removes any word sequences added to the "Change All" list. Words matching added to the "Change All" list will no longer be automatically replaced.

 Suggest Options:

 The "Generate Automatically" checkbox, when checked, forces the spelling checker to make suggestions for replacement of a word as soon as a misspelled word is located. If this option is not checked, no suggestions are given initially.

The "From Primary Dictionary Only" checkbox, when checked, forces all suggestions to be constructed from the primary dictionary only. If the option is not checked, then suggestions are generated from each main dictionary. The primary dictionary is the first dictionary in the main dictionaries list

General Options:

 The "Re-check Replaced Words" checkbox, when checked, forces the spell checker to re-check words that it has replaced as a result of a change or change all operation. This is a useful feature to counteract the occasional spelling mistake that may occur when typing a corrected word.

The "Convert special characters for checking" checkbox, when checked, makes sure that before a dialog based spell check starts HTML equivalents of extended character like &uuml; are converted to real characters. These characters will be reconverted once the spell check is finished.

If "Disable word wrap while checking" is checked, word wrap is temporary disabled during the check.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Snippets

Open the snippet library by selecting "Misc -> Snippet library..." from 40tude HTML's main menu.

Snippets are text files that are stored on your disk and can quickly be pasted into a document.

Apart from your own text snippets, the snippet library holds some predefined Javascripts that are configured through dialogs. Note that in contrast to your own text snippets you can't delete, edit or add new item to these predefined Javascripts.

Inside text snippets you can insert comment lines that will not be pasted into your documents. These comment lines start with three slashes "///". The three slashes have to be the first characters on a line.

 Snippets are plain text files stored in the "[40tude HTML directory]\snippets\" directory.

 If the "Store new snippets in current configuration only" checkbox is checked new snippets are stored in the "[Current configuration directory]\snippets\" directory. This can be useful when working with multiple configurations or with network installations where the user does not have write access for the "[40tude HTML directory]\snippets\" directory.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Keyboard shortcuts

Using keyboard shortcuts to access a specific function can greatly improve your work flow.

&nbsp;		Ctrl+Space
<BR>		Ctrl+Enter
<HR>		Ctrl+H
<P>		Shift+Enter
Anchor expert		Shift+Ctrl+A
Body expert		Shift+Ctrl+B
Bold		Ctrl+B
Center		Shift+Ctrl+C
Close all		Shift+Ctrl+F4
Close		Ctrl+F4
Comment		Ctrl+K
Compile ESIs		Shift+Ctrl+F12
Copy		Ctrl+C or Ctrl+Ins
Cut		Ctrl+X
Definition list		Ctrl+N
Definition term		Ctrl+W
Definition		Shift+Ctrl+Y
Edit tag		Shift+Ctrl+E
E-mail link expert		Shift+Ctrl+E
En/disable CodeQuick		F8
ESI string edit		Ctrl+Alt+Enter
Euro symbol		Ctrl+Alt+E
Exit		Alt+F4
ExpertEdit tag		Ctrl+E
Find next		F3
Find		Ctrl+F
Font +1		Ctrl++
Font -1		Ctrl+-
Font expert		Shift+Ctrl+F
Force codequick		Alt+Enter
Greater than		Shift+Ctrl+ <</td>
Help on tag (Selfhtml)		Shift+F2
Help on tag (WDG)		F2
Image expert		Ctrl+P
Indent		Shift+Ctrl+I
Italic		Ctrl+I
Less than		Ctrl+ <</td>
Link expert		Ctrl+L
List item		Ctrl+J
Move to closing/opening tag		Ctrl+Down
Move to closing/opening tag		Ctrl+Up
New/change active project		Shift+Ctrl+P
Next document		Alt+Right or Ctrl+Tab
Ordered list		Ctrl+O
Paste		Ctrl+V or Shift+Ins
Prev. document		Alt+Left or Shift+Ctrl+Tab
Quote		Shift+Ctrl+Q
Redo		Shift+Ctrl+Z
Refresh filelist		F5
Repeat last		Ctrl+Y
Replace		Ctrl+R
Save all		Shift+Ctrl+S
Save as		Ctrl+Alt+S
Save		Ctrl+S
Select all		Ctrl+A
Strip this tag		Shift+Ctrl+Del
Table data		Ctrl+D
Table row		Ctrl+T
Underlined		Ctrl+U
Undo		Ctrl+Z
Unindent		Shift+Ctrl+U
Unordered list		Ctrl+Q
View in internal browser		F9
View in Internet Explorer		F11
View in Netscape		F10
View in Opera		F12

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Searching

Select "View -> Find" from 40tude HTML's main menu or press Ctrl+F to start the find dialog.

 Find in current document

Make sure the "Find" tab is active in the find dialog, enter the search word, set your options and click on "Find next". Note that feedback on the search operation, e.g. "Not found", is given in the statusbar of the main window. To mark all occurrences of the search term click on "Mark all". To remove the search marks later you need to select "Search -> Remove search marks".

Find in files

Make sure the "Find in files" tab is active in the find dialog, enter the search word, set your options and click on "Find". A search operation can be done in all open files, all project files or files in a specified directory.

Find again

You can repeat the last search operation by simply pressing F3 or by selecting "Search -> Find next" from the main menu.

 General info on searching and replacing.

Info on replacing.

Info on regular expressions.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Run perl script again

To use this task, select it from one of the task menu items (see Overview of tasks). Note that this task is only available when a perl script file is open.

Select this task to run the a script with the previously used options and parameters.

Further reading: Run perl script task

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Run perl script

Use this task to execute perl scripts for testing purposes.

To use this task, select it from one of the task menu items (see Overview of tasks). Note that this task is only available when a perl script file is open.

If you have Perl installed on your machine, you can execute a script you are editing in 40tude HTML and redirect the output to 40tude HTML "Perl messages" window, it's internal or one of the external browsers.

After the task is started enter all options and paramters to pass to the Perl script.

If you select to redirect the output to 40tude HTML's "Perl messages" window and a line of output refers to a line in the script, you can double-click in the message frame to jump to that line in the script.

Passing parameters by ENV parameters

Perl scripts used on the WWW get their parameters through ENV variables, defined in the CGI specification, and not over the command line.

To find out more about CGI and defined ENV variables, see:

http://hoohoo.ncsa.uiuc.edu/cgi/
http://hoohoo.ncsa.uiuc.edu/cgi/interface.html

A script that simply shows all ENV variables passed from your browser can be found at:

http://hoohoo.ncsa.uiuc.edu/cgi-bin/test-cgi/extra/path?a+query

To pass ENV parameters to your script, click on "ENV parameters" and enter all ENV parameters your perl script needs.

The ENViroment parameter QUERY_STRING starts without the question mark seen in URLs, e.g. in the URL (the following is made up...)

"http://www.cooking.com/cgi/recipesearch.pl?term=onions&maxhits=30"

QUERY_STRING is set to "term=onions&maxhits=30" and this is what you would enter in the QUERY_STRING field of the "Run perl script" window.

Passing parameters by command line:

If you select to pass parameters by the command line, 40tude HTML will execute:

<Path_to_perl> -s <scriptname> -<your_parameters>

e.g.:

C:\Perl\bin\Perl.exe -s myscript.tmp -color1=green

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Replacing

Select "View -> Replace" from 40tude HTML's main menu or press Ctrl+R to start the replace dialog.

 Replace in current document

Make sure the "replace" tab is active in the find dialog, enter the search word and the replacement term and set your options. Clicking on "Replace" will apply the replace operation just once. Clicking on "Replace all" will apply the replace operation on all occurrences of the search term, depending on your options with or without further confirmation.

Replace in files

Make sure the "Replace in files" tab is active in the replace dialog, enter the search word and the replacement term and set your options. A replacement operation can be done in all open files, all project files or files in a specified directory. It is strongly recommended to enable "Confirm replace" when replacing in files. You will then be asked to confirm each replacement in a separate window.

General info on searching and replacing.

Info on searching.

Info on regular expressions.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Repeat last function

The repeat last function repeats the last editing operation, e.g. if you pressed the button that insert the bold tag <b>...</b>, this function can be repeated by simply pressing Ctrl+Y.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Release history

Version 3.3

· Added the frames expert

· Fixed a bug that frooze the application on some computers

· Fixed a few other cosmetic bugs

Version 3.2

· Fixed an access violation upon startup on some systems (NT&Win2k)

· Fixed a bug with huge (>64 KB) editor bookmark files (marks.map)

· "Edit tag", "Strip this tag", etc. now correctly works when the tag already is fully selected

· Triggering CodeQuick with Alt+Enter now works even when CodeQuick is generally disabled (F8)

· The "All supported files" filter now gets correctly updated when adding or removing file extensions

· The file and message panel now correctly restore their previous sizes between sessions when collapsed

· Selected text now gets copied to the search term field in the replace window when the "Find selected text" option is enabled

· The "FRA" button no longer inserts a "</frame>" closing tag

· You can now enter your proxy settings, used by the link checker

· You now get prompted when an open file changed on disk

· You can now open css files in 40tude HTML by disabling TopStyle support (see "Other options" in general settings)

· When using multiple profiles in Netscape Navigator, you can now set which profile to use from within 40tude HTML

· Added proxy settings for link checker

· Right clicking in the project tree now changes the selected item

· Auto Alt text is know correctly disabled in the image expert

· Default "Save as..." directory now gets correctly set

Version 3.1

· Added german language support

· Added to-do list feature

· Added help documentation in old WinHelp format

· Added restore feature for backups

· Added intensive support for TopStyle (CSS Editor; www.bradsoft.com/topstyle/)

· Added an option to maximes the internal browser automatically

· Added shortcuts for wide, small, large window (CTRL+F5 to CTRL+F8)

· Added navigation panel for internal browser, including quick width selection of internal browser

· Added an option to automatically set IMG ALT= to the filename and image size

· Finished ESI tag reference documentation

· Fixed shortcut for Email expert (now Ctrl+M)

· Fixed extraction of image dimensions for some jpeg files

· Fixed the default directory in the "Save as..." dialog

· Fixed automatical saving of current file for browsing when redirection is active

· Made <br> closing tag optional (default is off)

· Projects can now be renamed in the project tree

· Added global esidate feature, that uses the last modification date within a project

· Added "Search from start" for custom functions of search type

· Email link expert now remembers recently used email addresses

· robots.txt and favicon.ico are now longer shown in the list of unused files in the linkchecker

· Changing the active project now prompts which files to open and close

· Snippets can now be imported from text files

· Hitting return in the filelist now correctly opens the file in 40tude HTML

· Sorting of files in the project tree is now correctly saved between sessions

· Fixed a bug that checked the spelling of the first tag in a document

· Fixed "Convert tag case" function to ignore comments and scripts in comments

· Fixed error upon loading of gif images that occured on some machines

Version 3.01

· Fixed an access violation when the settings window was closed

· Fixed "Convert characters" task when applied to all open files

· Fixed a bug that sometimes caused an endless loop when replacing text backwards

· 40tude HTML windows are now longer set on top of other applications windows

· Paths for installed browsers are now correctly evaluated upon first start

· Find/replace dialogs now remember all previous options, including the "Confirm" flag and the origin

· Netscape Navigator window is now correctly activated when called from within 40tude HTML on Windows 98

· Added a snippet library feature that includes some predefined Javascripts

Version 3.00

· Added online help

· Fixed a few other bugs

Version 3 Closed Beta 8

· Fixed an evaluation period check bug

· Fixed keyboard commands in the filelist

· Changed the default button layout (new first "Common" tab)

· Added two new button tabs with multilanguage characters

· Fixed the CodeQuick page in the Help file

· Fixed access violation upon startup of spell checker

· Included the American dictionary in the standard installation

· Fixed "List index out of bounds) error in the image and body expert

· Fixed "Help on tag" to start up even when the caret is not inside a tag

· Improved the "no images on buttons" solution

· Fixed a few other small bugs

Version 3 Closed Beta 7

· Reworked color coding to support style sheet definitions, tags in tags (e.g with ASP tags) and ASP, Webplus, Cold fusion and Zope DTML tags

· Added Zope dtml tag definition file

· Added (un)install support

· Added forms, list and table experts (to be rewritten at a later point)

· Added PNG image support

· Added "Help on Tag" feature for WDG and selfhtml documentation

· Added "Repeat last" feature (Ctrl-Y)

· Fixed a window locking error after "Replace All"

· Remapped "Select all" to Ctrl-A. Anchor expert now mapped to Ctrl+Shift+A

· Added copy, paste, add functions in escaped ESI tag editor

· Esifile tag now correctly resursively evaluated

Version 3 Closed Beta 6

· Renamed 1-4-All to 40tude HTML

· Switched back to the old tabbed buttons layout

· Streamlined open and save operations

· Added Editor Side Includes (ESI) feature

· Added option for multline tabs

· Added multilanguage keyboard support

· Added an option to always close <P> tags

· Reworked default button layout

· Implemented a new macro recorder

· Added perl support

· Added color coding support for backtick quotes in Perl files

· Added black & white printing option (default)

· Added strip tags function (see "Convert characters" task)

· Project timer can now be set, not just resetted

· Added new keyboard shortcut to switch between open files (Ctrl(+Shift)+Tab)

· Ctrl+Up and Ctrl+Down now jumps between opening and closing tags

· Added "Reload file" function

· Added "File information/dependencies" task

· Added tag support for Server Side Includes (SSI)

· "Replace all" in files fixed (wrong replacement string)

· Files are now correctly added to the recent (reopen) menu

· Fixed some keyboard shortcuts that use virtual key (Ctrl+Ins, etc.)

· Fixed "Strip this tag" function

· Added </b> closing tag to tag definition file

· Fixed corrupted painting of statusbar

· Fixed a bug that deleted tags in tags after an ExpertEdit operation

· Fixed a bug that replaces relative with absolute filenames over mapped network drives in ExpertEdit dialogs

· CodeQuick window now hides correctly when starting another function

· Fixed boundaries of character conversion in selected text

Version 3 Closed Beta 5

· Added: Files can now be accessed through a local httpd server when browsing

· Added: Color coding for Perl files

· Added: Collapse depth setting for startup folder

· Added: Button panels can now hold a variable number of buttons

· Added: File selection by typing in file panel

· Added: Project timer

· Fixed: "Save Undo stack" and "Save Bookmarks" between sessions settings fixed

· Fixed: Case conversion now works with <!...> tags

· Fixed: Floating toolbars now return into two rows when docked by doubleclicking

· Fixed: File copy/move through drag & drop in file panel

· Lots of other things...

Version 3 Closed Beta 4

· Added "check for unused files" feature to link checker

· Added Publishing wizard

· Made CodeQuick accept returns when only hint is shown

· Fixed automatic slash conversion

· Added line numbering

· Added show all characters

· Added triple click

Version 3 Closed Beta 3

Note: Please ignore all references to "ESIs" in the program. This is a new feature that is disabled in this release.

Added:

· Finished tag definition file

· Added option to limit tag support to tags known by specific browsers or W3C specifications

· Browser support now shown in CodeQuick

· You can now create custom functions and assign these to a button or a keyboard shortcut later. Available functions: Text insertion, searching for a fixed text, compound function and program execution

· You can now add/remove toolbar panels and set the button layout of each panel

· Keyboard shortcuts are now customizable

· Added Replace/Replace in files function

· Added 16x16 thumbnail preview to all ComboBoxes that hold image filenames (including CodeQuick)

· Deleting in file list now deletes to the recycle bin; Use shift to bypass

· Clicking on gutter now selects a line

· Added "copy to clipboard" to result windows context menues

· Default extension in Save dialogs can now be set

· Added live preview when selecting toolbar panels

· Undo stack is now kept after save operations (optional)

· CodeQuick now works with selected text; Use Alt+Return to trigger

· Removed medium and simple color coding, since advanced is quite quick

· "Delete tag" now works with comments

· Added horizontal scrollbar to result windows

· Tag-attribute pairs that mark URLs can now be set; used by the link checker

· Added autowidth feature that resizes external browsers to a fixed width

· Added option that lets browser access files through local http server

· Added IntelliMouse support

· Added template dialog (File -> New...)

· Added all "tasks", except for the publishing wizard

· Reworked some icons

· "New/change active project" function added

· Conversion of extended characters now works with all chars. > 160

· Added option to limit total size of all backup files

· Custom colors in color dialogs are now saved between sessions

Fixed:

· Set font in file panel to default font

· Fixed color coding of <LI...> and <LINK...>

· Fixed AV when pressing Del at the end of a file

· Fixed saving/restoring of windows layouts between sessions

· Fixed lower/uppercase function for tags

· Fixed d&d from file list to directory tree

· Selecting font expert started body expert - fixed

· Fixed combining of absolute and relative paths

· Lots of other bugs fixed... new bugs introduced...

Version 3 Closed Beta 2

· Changed shortcut for "Undo" from Shift-Z to Ctrl-Z (doh...)

· Fixed access violation (av) when pressing Backspace at the start of a file

· Fixed persistent internal browser window

· Fixed permanently stuck splitters (the bars that split two windows and that you can drag to resize windows)

· Fixed av with very new versions of comctrl32.dll

· Fixed "no bitmaps on buttons" problem with some versions of comctrl32.dll

· Fixed av when starting the color picker expert

· Fixed repainting of file tabs (to red font) after changes done by the convert characters tool

· Fixed upper/lowercase tag conversion that convert one character to much

· Fixed character conversion that ignored the first character in a file

· Made some size adjustments for systems using the Windows display option "big fonts"

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Registration

On this page: Introduction - Registration procedure - Offline registrations - Online registrations - Registration fees - Pricing and upgrade policy - Upgrading from 1-4-All 2.x to 40tude HTML 3.x

Introduction

40tude HTML is distributed as shareware. Feel free to test this program during the 60-days evaluation period. If you would like to use 40tude HTML afterwards, you have to register.

The registered version of 40tude HTML removes the nag-screen on program startup and lets you use the application after the 60-days evaluation period. Registration of the current version of 40tude HTML includes free upgrades to all following 3.x versions.

Please note: The program is not being shipped. Upon Registration you will receive a registration key by either e-mail or postal mail that removes the limitations of the shareware version.

Registration procedure:

40tude HTML is distributed as shareware, what means that we do not ship it. Instead you register the product and will then receive a registration key that you can enter into the application to remove the limitations of the evaluation version.

All orders are processed by KAGI, an excellent shareware registration service. Once KAGI received your order and checked your billing information, they will inform us about your order and we will then send out your registration key by either Email or postal mail. You will receive a registration key within 2 to 4 business days.

Offline registrations:

40tude HTML comes with an application called "Register.exe", which offers a simple way to register. Available payment methods are VISA, Master, American Express, Diners Club and Discover credit card, check, money order and invoice.

To use the Registration program, select "Help|Register Now..." from 40tude HTML's main menu and enter your personal information, your payment method, the product you want to order, etc. in the dialogs. For further information about the Register application, please refer to its helpfile.

Online registrations:

Online registration using a major credit card is available through a secure order form and for users with older browsers, that do not support secure servers, through an insecure order form.

Registration fees

	Single User License for private users, educational institutions and non-profit organizations		US$ 35
	Single User License for commercial users		US$ 70
	Site License for private users, educational institutions and non-profit organizations		US$ 700
	Site License for commercial users		US$ 1200
	World-wide License for private users, educational institutions and non-profit organizations		US$ 2800
	World-wide License for commercial users		US$ 4000

Pricing and upgrade policy:

All versions 3.x will be free upgrades for registered users.

We offer discounts for ordering multiple copies. Please enter the number of registration in the Register.exe program to see the price calculated on the fly or contact us for details.

Site licenses cover a single organization for an area of up to one hundred miles (160 km) in radius. A world-wide license covers everyone in a single organization.

Upgrading from 1-4-All 2.x to 40tude HTML 3.x:

The upgrade to 40tude HTML is free for all users who registered in 1999 or later. If you registered before you need to pay a small upgrade fee (about 30% of the original registration fee or less, depending on your license).

All users who are entitled to the free upgrade will receive their keys automatically by email. If you did not yet receive it, please contact us.

If you registered before 1999 and want to upgrade to 40tude HTML 3.x, please run Register.exe or register online.

By the way, even if you are entitled to the free upgrade, you are of course welcome to pay the upgrade fee if you think version 3.x is worth it for you. ;-)

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Regular expressions

Plain text specification allows simple matching and replacing of exact text within the editor and should be familiar to most users. Regular expressions can be used to specify text by its characteristics rather than by the exact characters. For example, to find all URLs in a text file, it is known that the identifier can only start with certain characters and thereafter can contain only certain other characters. Regular expressions allow the specifications of such items through the use of a syntax borrowed from tools such as GREP, LEX and YACC.

A regular expression is composed of a sequence of sub-expressions, each of the form in the operators table below. The entire expression may be preceeded by ^ to indicate that the expression is only matched at the start of a line, or ended by $ to indicate that the expression can only exist at the end of a line.

Operators

a+        One or more occurrences of a
a*        Zero or more occurences of a
a?        Zero or one (i.e. optional) occurence of a
a{n}        Exactly n occurences of a
a{n,}        n or more occurences of a
a{,m}        Zero or at most m occurences of a
a{n,m}        At least n but not more than m occurences of a
a|b        Either a or b
a||b        a or b or both a and b in any order
abc        a followed by b followed by c
[abc]        A single character, one of a or b or c
[a-b]        A single character, ranging in value from a to b inclusive
[^abc]        A single character, any except a, b or c
(abc)        a followed by b followed by c
"abc"        The letters a followed by b followed by c with no special significance attached to a, b or c
.        Any character except a newline
\a        The letter a, with no special significance attached to a, special forms:
\t        The tab character
\n        The newline character
\r        The return character
\f        The formfeed character
\b        The backspace character
\xNN        The hex character NN
\0ooo        The octal character ooo
\w        A single character, one of [a-zA-Z0-9_]
\W        Any single character not matching \w
\d        A single character [0-9]
\D        A single character not matching \d
\s        A whitespace character [\t\r\n\f\b\ ]
\S        A single character not matching \s

Simple examples

Expression			Matches			Does not match
"this"|"that"			this			This
			that			That
\d{2}\.\d{2}			23.45			2.4
			03.22			0.1
[a-zA-Z_]\w*			Identifier			2Identifiers
\(\*[\x01-\x7F]+\*\)			(* a comment *)			( No comment *)

Complex example

("http://"|"mailto:"|"ftp://")[^ \n\r\"\<\\]+

Would allow the detection of internet references that start with 'http://', 'mailto:' or 'ftp://'.

In english, the expression reads: "Find all occurrences of text that start with 'http://', 'mailto:' or 'ftp://' and are followed by at least one character that is not one of a space (\s), a newline(\n), a carriagereturn(\r), a quote(\"), a bracket (\<), or a slash (\\)."

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Image dimensions reassigning

40tude HTML offers a task to quickly set all width and height values of your image tags.

To use this task, select it from one of the task menu items (see Overview of tasks).

When a browser loads a HTML page it will show parts of the page as soon as it has all information about the text flow in a paragraph. On a page with embedded images that holds no information about the dimensions of the graphics (no width and height values set), the browser has to download the whole image before it knows its size and the text flow in that paragraph. With dimensions set, the browser can show all text and then load each image afterwards, so the reader doesn't have to wait for the image download to start reading your page.

When you select the "Reassign image dimensions" task 40tude HTML will start to scan your document(s) for <img...> tags and list all found images in a dialog. You can then select the images you would like to reassign, so you are able to exclude some images, like images used for spacing. Click "Ok" and 40tude HTML will add or correct the width and height values for the selected images.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Publishing

The integrated publishing function lets you upload your HTML documents and other files to your webserver by FTP (File Transfer Protocol).

To use this task, select it from one of the task menu items (see Overview of tasks).

Sessions

A session holds your settings for uploading to a webserver, so you can always access your previously used settings. To create a new session, click "New" in the publishing window window and enter a name for the new session. All information that you enter on the "Server information" page will be saved under the name of this session. To delete a session click on "Delete".

Server information

The "Server information" holds the necessary data about the webserver you want to upload to, your login and password and overwrite and deletion options.

Host address: The host address for the ftp server of your webserver. You can either use an IP number (e.g. 187.231.17.11) or a name (ftp.domain.com) here.

Port: The port number for the ftp server of your webserver. The default value for ftp servers is 21.

Username: Your account username.

Password: Your account password. Passwords are stored unencrypted on your disk. Leave this field blank on an insecure computer.

Overwrite options: Lets you set if you want to overwrite files that already exist on the webserver.

Delete all files: If this option is checked, all files in directories on your webserver that are accessed by the publishing function will be deleted before uploading to this directory starts. Handle this option with care.

Don't ask for confirmation: If checked, 40tude HTML will not ask for confirmation when you select "Overwrite" or "Delete all files".

Put all files in initial directory: This option is useful when uploading files to Geocities and similiar services. If checked, all files will be uploaded to the initial directory. The settings for "Local root directory" and "Remote root directory" will be ignored. Further note that the publishing function will not retrieve a directory listing before uploading, so existing files will be overwritten without confirmation!

Files

On this page you can set the documents you want to publish. Depending on how you started the publishing task there are already one or more entries in the file list. You can add more by dragging and dropping files from the 40tude HTML's main menu or project tree. When adding new files the "Recursive" setting on the page will be applied, so whenever you add a HTML file, this file will be evaluated for embedded and links to other files and these will also be added to the file list.

 The files in the file list on this page of the publishing window are organized in a tree structure. Two items belong together, the first gives the local filename and path of the source files, the second gives the filename and path of the destination.

The "01" icon means that the file will be uploaded in binary mode, while the "AB" icon communicates an Ascii transfer mode for a file. You can double-click the destination filename and path to switch between transfer modes.

Local root directory: The local root directory on your hard disk used to determine the target directories for your files on your webserver. See below for more information about target directories.

Remote root directory: The remote root directory on your webserver used to determine the target directories for your files on your webserver. You can use an absolute or relative path here. See below for more information about target directories.

Determination of the target files paths

Example:		Local root directory:		D:\MyHTMLs\
		Remote root directory:		public_html
The local file on your hard disk D:\MyHTMLs\index.html would be uploaded to ~/public_html/index.html, where "~" stands for the start directory. You can also enter an absolute path for the remote directory, e.g. /users/me/public_html.

 To determine the target directory for each file in the filelist, 40tude HTML will delete the "Local root directory" setting from each filename and then add the result to the "Remote root directory" setting.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Project timer

The project timer measures the time you worked on a project.

The elapsed time is shown in the statusbar of the 40tude HTMLs main window. A green dot communicates that the timer is currently running. A yellow dot means that the timer is currently not running after a certain amount of inactivity. Once you start working again, the project timer will start again. A red dot communicates that you manually stopped the project timer. You can switch between these states by double-clicking on the colored dot in the statusbar.

To manually set/correct the time displayed, select "Misc. ->Project timer ->Set timer" from 40tude HTMLs main menu and enter the new time.

You can set the inactivity timeout on the "Other options" page in the general settings.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Project management

The project management in 40tude HTML is located on the first page of the tabbed windows on the lower right side of the main window. You can use the project management to organize all files that belong to a website or a part of a website and have quick access to them later.

To load another project or to create a new project select "New/Change project..." from the context menu of the project tree.

Files in a project are organized in folders. To create a new folder, select "New folder..." from the context menu of the project tree and enter the name for the new folder.

 To add files to a folder drag and drop them from the file list in 40tude HTMLs main window onto a folder. Alternatively, you can drag and drop files from the result window of the "Project info/dependencies" task.

The files in a folder are sorted based on your setting in the project tree's context menu.

To open a file that is part of a project, double-click on it in the project tree.

To apply a task on project files, select either the tree root to apply it all files in the project, a folder to apply it to all files in this folder or just one file and select the task ftom the "Tasks" menu item of the context menu.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Validation options

On this page in the general settings dialog, you can set which external program should be used to validate your HTML documents. Currently only weblint, which comes with 40tude HTML is supported, however support for other validators will be added.

Though technically weblint is not a validator, but meant to "take fluff of your webpage", the task is still called validation.

To set the options for the weblint click on the "Change weblint option". The available options are self-explaining.

(More about HTML validation.)

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Tag support options

On this page you can set which tags and experts are supported in 40tude HTML.

Tag definition files

On the lower right side of this page, the available tag definition files are shown. Tag definitions files are plain text files (except for the encrypted standard tag file) located in the "data" subdirectory.

To enable support for a serious of tags defined in a tag definition file, check the box in this list.

Limit tag support

You can limit the support of tags as defined in the active tag definition files to tags known by individual browser versions or defined by the "WWW Consortium" in the box on the upper left side.

Experts

On the upper right side the available experts are shown and can be en/disabled. Enabled experts are listed on the "Experts" menu item in 40tude HTMLs main menu. (More about experts.)

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Style options

On this page you can set the color coding options and font settings.

Note that only colors and styles can vary for different text elements, but the font face and size are global settings.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Printing options

This page holds printing options. Settings are separately available for HTML and for Perl files.

Wrap lines when printing		When printing, wrap long lines
Print line numbers		When printing, print line numbers
Print filenames		When printing, print source filename in header
Print date		When printing, print current date/time in header
Print page numbers		When printing, print page numbers in footer
Black and white		When printing do not apply color coding

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Preferences overview

To change your settings select "Settings -> General settings..." from the main menu. On the left side of the general settings window choose what you want to configure and the appropriate settings page will be shown on the right side of the window.

Note: Multiple configurations are currently disabled.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Other options

Various, unclassified options can be set on this page in the general settings dialog.

Save bookmarks and caret position between states

Enabled this to reload your bookmarks in a document and to place the caret at the last editing position from a previous session when you reload it. (More about bookmarks.)

Keep undo stack after save

Enabled this to be able to undo changes in your documents after you saved them. (More about undo and redo.)

Show tabs in multiple lines

When you have several documents open in 40tude HTML you will need to scroll the tabs with the filenames to reach an open document. When this option is checked tabs will be organized below each other. This gives quicker access to a specific document, however it will reduce the space for the editing window.

Show project timer on statusbar

Shows the time spent on the current project on the statusbar. The inactivity timeout after which the project timer automatically stops can be set below. (More about the project timer.)

Linked files

This box holds tag-attribute pairs that reference linked or embedded files. These pairs are used by the Link checker, the Document info/dependencies task and the publishing function. If you use other special tags that hold references to linked or embedded files, you may add them here.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Language options

Currently 40tude HTML is only available in English. German language support will follow soon.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Help options

40tude HTML has build-in support for external HTML files. (Learn more about external HTML file support.)

On this page you can set the location of the supported help documentations and set which browser should be used to display them.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


File types

File extensions

On the upper part of this page you can set the file extensions of files that are considered HTML, Perl, Javascript documents and multimedia files. Note that image file extensions can not be changed, since view support is available for the default file types only.

Files that have extensions listed on this page are shown in the file panel on the left side of the main window of 40tude HTML and can be edited by and viewed with the program.

To add an extension to the list, press an add button ("+") and type it in. To delete an extension from the list, select the extension and press the delete button ("-"). You can't add extensions with the following characters: \ / : * ? " > < |

The bold extension in the HTML extension list box is the default extension. This extension is used when you save a file in the editor and do not specify an extension.

 Filters

Filters are collections of file extensions. Use filters to determine which files are shown in the 40tude HTML file list. To select the current filter in the application, select "Filters" from the context menu of the file list in 40tude HTMLs main window.

The available filters are set up on the lower part of the "File types" page in the general settings. To edit the collection of extensions for a filter, select a filter in the list and click on "add /remove extension". Alternatively, you can add extensions by dragging and dropping them from one of the extensions above onto a filter.

Note that the "All supported files" and "All files" filters are set automatically and can't be changed.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Editor options

This page holds settings that apply to the editing window in 40tude HTML. Settings are separately available for HTML and for Perl files.

Word wrap		Word-wrap text display
Auto-indent		When not in word-wrap mode, indent caret to first non-space character in line above
Smart tabs		When not in word-wrap mode, TAB keys move to next non-space character in line above
Smart Fill		When auto-indenting (Auto-indent required) or tabbing to a column (smart fill required) and "Use TAB" is active then 40tude HTML will fill the required gap with a minimum number of characters made up of TABs and spaces. When Smart Fill is absent, or Use Tab is absent, then auto-indent and tab to column will insert the required number of spaces
Use TAB		When present, causes TAB characters to be inserted into the text. When absent, spaces are used instead.
Mark wrapped lines		Show a glyph in the gutter for wrapped lines
Block curser for Overwrite		Show a block cursor when 40tude HTML is in overwrite mode
Word select		Double clicking selects word nearest to mouse position
Column track		Track the caret's vertical column during vertical movement through the text
Show line numbers		Show line numbers in the gutter
Show all characters		Show hidden white space characters as glyphs (applies to TAB, SPACE, NEWLINE and wrapped lines)
Visible Gutter		Show left gutter area
Gutter width		The gutter setting describes the width, in pixels, of the gray gutter at the left edge of the editing window
Tab size		Number of spaces a tab character communicates visibly

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


prefdir.htm
Startup directory

This is the initial directory where the file/directory viewer on the left side of the main window cds to upon startup of 40tude HTML. You can either enter a fixed directory here or let 40tude HTML remember the last used directory in the previous session.

Auto collapse

If you prefer to have subdirectories initially collapsed below the startup directory enter the collapse level here.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Custom keyboard shortcuts

All available function in 40tude HTML, what includes the standard functions and any custom functions you defined manually can have a user defined keyboard shortcut. To set or modify a keyboard shortcut for a function, select the function in the list on the left of this page, set the caret into "New shortcut" field, press the new keyboard combination and click on "Set".

If the selected keyboard shortcut is already used by another function, you will be asked if you want to overwrite it.

Note that the keyboard shortcuts of some functions can not be changed and some keyboard shortcuts are can not be assigned to a function.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Custom functions

To create a new function, click on "New" and enter a descriptive text for the new function.

Though a new function is not automatically available as a button in the application, you have to set a glyph and/or the caption for the new button now. A preview of the button is seen on the upper right side of this page.

There are four kinds of custom functions available: Text insertion, Searching, Compound functions and Execution

Text insertion

This function will insert the defined text at the current caret position. If text is selected when using such a function. The text in the left box is inserted before, the text in the right box is inserted after the selected text.

Searching

This function lets you set a pre-defined search operation for quick use at a later point.

Compound function

This function lets you apply a whole series of other functions. To do this select the desired function on the left side and add them to list on the right side.

Execution

This function lets you execute an external program from within 40tude HTML. Set the path to the file to be executed and set optional command line parameters. Note that "%1" can be used to pass the filename of the document you are currently editing to another program.

Note that you need to click on "Apply" after changing or newly defining a custom function.

To create a button for a function defined here, refer to "Custom buttons".

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Custom buttons and button layout

On this page you can create and modify buttons visible in 40tude HTMLs main window and set where they are placed.

The left side of this page shows the available functions, which includes the standard functions and any custom functions you defined on the Custom functions page. Select a category in the top left list to see the available function in a category in the list on the lower left side.

The right side of this page shows the defined buttons. The upper right box lists the button panels and consists of the two fixed panels seen on the left side of 40tude HTMLs main window and the panels that exist as tabbed pages right of the fixed panels. Select a panel to see the buttons defined on this panel.

You can add, remove and move buttons in the lower right list by using the arrowed buttons.

To modify the captions of the tabbed button, delete or add panels or to change their position use the buttons on the upper right side of this page.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


CodeQuick options

The only option that can be set on this page in the general settings dialog is the delay before the CodeQuick window pops-up when editing a tag. The delay makes sure that the CodeQuick window does not stand in your way, when you don't need its assistance.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Coding options

Paths in HTML code

Determines if linked and embedded files are inserted with their relative path to the current HTML document, with their absolute path or with no path at all. Relative paths should be the right selection for most users.

Lowercase all filepaths and filenames

To make sure that all links from your HTML pages to other local files are correct, you might want to consider to force all paths and filenames in links to lowercase.

Use upper case tags

Will insert all tags in upper case, instead of lowercase

 Convert back slashes to forward slashes

Determines if slashes in filenames and paths should be automatically converted to UNIX style slashes. You can also convert characters later with the Conversion task.

Convert extended character while typing

This option is important for users writing HTML documents in French, German, Scandinavian or any other languages that uses special characters, like umlaut characters or characters with accents. With this option active, 40tude HTML will automatically replace these characters with their HTML equivalents, e.g. "ä" with "&auml;"or "À" with "&Agrave". You can also convert characters later with the Conversion task.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Internal browsing options

Whenever you preview a document in the internal browser the file panel on the left side of the main window can automatically be closed, so you have the widest window possible to preview your document.

Further a navigation toolbar that lets you go back and forth in the browsers history list can be shown.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


External browsing options

On this page the locations of the three supported browsers are set. Note that 40tude HTML will try to evaluate these paths itself when it is started for the first time, but you might need to add or edit items manually when installing a new version of a browser.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


HTML viewers

On this page in the general settings dialog browsing options that apply to all internal and external browsers are set.

Depending on the setting in the top box of this page, the current document will either be saved (or better to say copied) as a temporary file and this temporary file will be shown in the HTML viewer or alternatively the current document itself will automatically be saved under its own filename and the file itself will be shown in the viewer. Choosing the third option 'Automatically save all open files' will automatically save all files currently open in the editor when clicking on one of the above buttons and show the current document in the HTML viewer. This option is especially useful when working with framed documents.

Learn more about viewing you documents in browsers.

The "URL" box on the bottom of this page lets you set if your files are accessed by local filenames or though a httpd server when you view them in the browser. If the later applies, set the URL for your server and the server documents root directory here.

 Learn more about browsing through a local server.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Backup options

On this page you can enable 40tude HTMLs backup option. Further you can limit how many files are kept by file number and file size.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Perl support

Perl support in 40tude HTML includes color coding for Perl files and the possibility to execute your Perl scripts and show the execution results inside the Perl message window on the lower part of the main window.

To run a Perl script select this task from one of the "Task" menu items (Learn more about the "Run perl script task").

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Overview of the application

When you start 40tude HTML's you will see the main window, which can be divided into 7 parts. (Note: If you don't see all of the 7 parts in the application, try to make them visible by pressing the arrowed buttons on the thin lines that separate these parts.)

The buttons (1 & 2)

The buttons give you quick access to common used functions. The two button panels on the left (1) are always visible, while the buttons on the right (2) are organized on tabbed panels. Often used functions are located on the two left panels (2).

You can fully customize the appearance of all button panels by specifying where a button is located and by changing the titles and number of tabbed pages. (Learn about customizing the button layout).

The file explorer (3 & 4)

On the left side of the main window you have access to your files as you know it from the Windows Explorer. The upper part shows the directory view (3), the lower part shows the file view (4).

Note that you can filter which file types are visible in the file view. To select a filter, right click in the file view (4) and select "Filter" from the context menu. (Learn more about setting up filters.)

To open a file in 40tude HTML simply double-click it in the file view. To open multiple files from one directory, select them in the file view, right click and select "Open in 40tude HTML" from the context menu.

The file explorer is fully drag and drop enabled. You can copy and move files by dragging them from the file view (4) to another directory in the directory view (3). To create a link to a file simply drag a file from the file view and drop it in the edit window. If you drag and drop image files onto the editor an <img ...> tag will be created, dragging and dropping other file types will create an <a href=...> tag. (Learn more about drag and drop support.)

To update the file list and directory tree, press F5. (Learn about keyboard shortcuts.)

The edit window (5)

The edit window is where you edit your documents.

Documents are organized on tabbed pages and the caption of each tab shows the filename of the document. When you move the mouse over a tab the filename with its full path is shown. If the filename on a tab is red it means that the file is modified and the modification is not yet saved to disk. When you right-click on a tab the color of the tab will switch to white. A white tab means that redirection is active and each time you start a browser from within 40tude HTML not the current document, but the document with the white tab is shown. The redirection feature is useful when creating framed documents. (Learn more about redirection.)

The gray, left part of the edit window (5) is called the gutter, which is used to show line numbers, bookmarks and word-wrap indicators. Bookmarks, like bookmark "6" in the screenshot above are used to mark a certain location in a document and to quickly go back to this location later. (Learn more about bookmarks.)

The message/project/browser window (6)

The lower right part of the main window is used to display various information and data. Again, this part of the main window is a divided into tabbed pages.

The first page is used to show your project files in a tree structure. To add files to a project use drag and drop, either from the 40tude HTML's file explorer (4) or from the Windows Explorer. Further project functionality is available through the context menu of the project window. (Learn more about projects.)

The second page, titled "Browser" is where the internal browser is shown. Refer to the browsing chapter to learn more.

All other pages on the lower right part of the main window are message windows, used to show feedback after certain functions, like searching, replacing, link checking, etc..

The statusbar (7)

Quickly overlooked, the statusbar communicates important information.

The first section shows the current caret position. If this information is bold, the numbers refer to the wrapped row and column numbers, otherwise the numbers show the unwrapped row/column numbers. To switch between these formats double click on this section of the statusbar.

The next section either shows "Ansi" or "Unix". This is the file mode the current document is saved in. To switch between modes double click on this section of the statusbar. (Learn more about file modes).

 The third section of the statusbar shows the project timer. The project timer shows the time you worked on the current project. The colored dot shows if the project timer is currently running. (Learn more about the project timer).

 Finally the rightmost part of the statusbar is used to show general feedback when you use a function. In other programs the kind of feedback given here is given in dialog boxes, however dialog boxes intercept the work flow of the user, so feedback that does not need an answer or decision from the user is shown here.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Often overlooked features

Still to do....

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Multiple tasks

This task can be used to apply multiple task on one or more documents.

To use this task, select it from one of the task menu items (see Overview of tasks).

In the multiple task window select the tasks you would like to apply and click on Ok.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Macros

Macros are recorded keyboard commands, which can be played back at a later time. They can be used to automate often editing tasks.

To record a macro, select "Macros -> Record" from 40tude HTML's main menu. The text in the blue caption of the main form will change to communicate that a macro is being recorded.

Do the keyboard operations that you want to be recorded and press the "Pause" key or select "Macros -> Stop" from the main menu to stop the recording.

A recorded macro can be played in three different ways, either just once, a specified number of times or until the caret reaches the end of a document.

To playback a macro just once, select "Macros -> Playback" from the main menu.

To playback a macro a specified number of times, select "Macros -> Multiplay" from the main menu, check the "Specified numbers of times" box and enter the number in the box right of it.

To playback a macro to the end of a file, select "Macros -> Multiplay" from the main menu and check the "Repeat to end of file" box. When playing a macro to the end of a file the position of the caret should actually advance to the end of the file in your macros. This is checked each time the macro is executed. If the caret does not get closer to the end of file, the macro playback will be stopped.

 You can save and reload macros from and to disk by selecting "Macros -> Load/Save" from the main menu.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Link checker

Using the link checker you can make sure that all linked or embedded files in your documents exist.

 To use this task, select it from one of the task menu items (see Overview of tasks).

In the upcoming dialog you have to specify the following options:

Recursive level

The link checking task works recursively, what means that if a link is found in a document, the links and embedded files in this document are evaluated again. The "Recursive level" box lets you specify how deep this recursive evaluation should go. If you only want to check links in the document(s) you passed through this function, you need to specify "0" in this field. "0" means that no embedded or linked files are evaluated.

Check image files

Check this box if you want to check for embedded image files.

Check other linked files

Check this box if you want to check the existence of other files linked from documents. Other linked files are files that are neither recognized HTML files nor image files.

Check for unused files in touched directories

If this option is checked all files in a directory are automatically added to a special list if they are not linked by any documents, but if another file in this directory was evaluated. If you use check this option you will get a list of unused files after evaluation and you can copy, move or delete these file. This feature let's you quickly locate unused files in your project directories and tidy them. Please note that files names "robots.txt"or "favicon.ico" are not included in the list of unused files.

Default filename

When collecting information about links to other HTML files, a link to a directory might be found, e.g. when <a href="../"> is found. To follow this link correctly, the functions needs to know the name the default index filename.

Results

After the link check is done results will be shown in the "Link check result" message window on the lower right of the main window.

Note that you can double-click on a line in the "Validate results" message window to jump to the appropriate line.

If you checked the "Check for unused files in touched directories" option you will additionally get a window listing the unused files.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Disclaimer

The author of this program accepts no responsibility for damages resulting from the use of this product and makes no warranty or representation, either express or implied, including but not limited to, any implied warranty of merchantability or fitness for a particular purpose. This software is provided "AS IS", and you, its user, assume all risks when using it.

License

You are hereby licensed to:

-use the shareware version of this software for a 60 day evaluation period;

-make as many copies of the shareware version of this software and documentation as you wish;

-give complete and exact copies of this shareware version of the software and documentation in its unmodified form via electronic means.

There is no charge for any of the above.

Copies of the shareware version of 40tude HTML may be distributed without charge or further permission from the author provided that exact copies of the shareware version are distributed. This software is provided as shareware and cannot be sold. This software can not be bundled with any commercial package or distributed by itself without express written permission from the author. You may not disassemble, decompose, reverse engineer or alter any of the files in the package. 40tude HTML may automatically connect to the 40tude website to check if new versions of the software are available and notify you about this or to check and assure that the terms of this license agreement are not violated.

If you register 40tude HTML you will receive a registration key. You are not allowed to give this key to other users.

Evaluation and further use of the software

40tude HTML is not free software. The license allows you to use this software for evaluation purposes without charge for a period of 60 (sixty) days. If you want to use this software after the 60 day evaluation period you have to register. Please read the registration section in the help file for information how to do so.

Copyrights and trademarks

40tude HTML is copyright by Marcus Mönnig. 40tude is a registered trademark. Netscape is a registered trademark of Netscape Communications Corp. (http://www.netscape.com). Microsoft, Windows, Windows95 and Internet Explorer are either registered trademarks or trademarks of Microsoft Corp.(http://www.microsoft.com) in the United States and/or other countries. The HTML Reference Library is copyright by Stephen Le Hunte (http://subnet.virtual-pc.com/~le387818/). Selfhtml is copyright by Stefan Münz (http://www.netzwelt.com/selfhtml/). Wilbur is copyright by the Web Design Group (WDG; http://www.htmlhelp.com/distribution/). Other brandnames, company names or products mentioned are trademarks, registered trademarks, or tradenames of their respective holders.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Introducing 40tude HTML

Overview

40tude HTML is a tag-based, shareware HTML editor for 32-bit Windows. It runs on Windows 95/98 and Windows NT4. HTML stands for Hypertext Markup Language, a set of reserved words and conventions for displaying text, graphics, sounds, etc. on the World Wide Web (WWW). You can use a standard editor, like Windows Notepad to create a HTML file, but most likely after a while you'll want HTML editing a bit more luxurious.

Welcome to 40tude HTML!

Limitations of 40tude HTML

40tude HTML will NOT teach you the HTML language, neither this help file, nor the program itself. There are a whole bunch of good books available on HTML and there are also some good online resources. 40tude HTML comes with Wilbur, the Web Design Group's HTML 4.0 Reference help file that provides a quick overview of all HTML 4.0 elements, their attributes and brief descriptions. If you are in need of a better external HTML help file, we personally recommend the "HTML Reference Library" by Stephen Le Hunte, a native Windows help file available at http://subnet.virtual-pc.com/~le387818/. German speaking users might want to try the excellent "Selfhtml" by Stefan Münz. It is available at http://www.netzwelt.com/selfhtml/. 40tude HTML currently supports the WDG help file and selfhtml as external HTML files.

40tude HTML is not a WYSIWYG (What you see is what you get) editor. If you need such a feature, 40tude HTML is not for you.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Welcome to the 40tude HTML help file

This help file is to assist you with understanding the 40tude HTML Editor and solving the questions and problems that might arise while using the product. If you don't find an answer here;feel free to ask us.

You may select or search for a topic on the left side of this window or select one of the recommended readings below.

Recommended readings for new users:

Learn about evaluating this software
Get an overview about the available features
Get an overview of the application

Come back to learn more!

Recommended readings for experienced users:

Learn about often overlooked features and details
Speed up your work with the keyboard shortcuts
Use ESI tags to dynamically create, import, modify and evaluate data

If you can read this text, you are using the Winhelp version of the 40tude Help file. Please note that this version has some limitation. To use the HTMLHelp version, please update to HTMLHelp.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Image viewer

In 40tude HTML's internal image viewer you can preview jpeg, gif and png images. To start it, simply double click on an image file in the file list in the lower left part of 40tude HTML's main window.

The image viewer has a single image and a thumbnail mode. The later shows thumbnails of all image in the current directory. To switch between the two modes click on the "Thumbnail" checkbox in the image viewer or double-click on a thumbnail when in thumbnail mode.

To start the image viewer in thumbnail mode you can select "Thumbnails..." from the context menu of the file list in 40tude HTML's main window.

 The size of the thumbnails can be set with the scrollbar in the lower left part of the image viewer.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


howtooverview.htm

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


File modes

40tude HTML supports ANSI and UNIX file modes. The file mode of the current document is displayed in 40tude HTML's statusbar. Set the filemode of a file by double-clicking on the "Unix/Ansi" field in the statusbar or by selecting "Edit -> Unix file mode".

In Ansi mode files are saved with LF+CR line terminators, in Unix mode files are saved with CR line terminators only.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Feature list

· Clearly arranged, multi-document user interface

Other editors have a similar interface, but we have not cluttered it up with rarely used gimmicks. Your favorite window layouts can be saved and restored.

· CodeQuick

Easy access to tags, attributes, values, recently used links, images and colors, plus information about tag support in the different versions of Netscape Navigator, Internet Explorer, Opera and the W3C standards.

· Instant color coding

The color coding option makes it easy for you to distinguish various html tags and text at first glance. Color coding in 40tude HTML works instantly, even with very long files. Color coding supports normal HTML, ASP, SSI, Webplus, Zope DTML, and Coldfusion tags, embedded Javascripts and style sheet definitions and Perl files. Color coding even works correctly for tags embedded in tags, e.g. ASP tags embedded in standard HTML tags.

· Perl script support

Color coding support for Perl scripts and the "run" feature to test your perl sripts from within 40tude HTML. Perl script debugging at your fingertips.

· Spelling checker

Microsoft Word like instant or traditional dialog based spell checking is available. The internal spelling checker is clever enough to ignore html tags and handle extended characters. It supports multiple dictionaries and user dictionaries. Dictionaries are available in 8 languages.

· Object oriented tasks

A lot of task, like link or spell checking, character conversion or HTML validation can be applied to either one document, all open documents or all files in a project.

· Explorer like file and directory panel

Access files quickly the way you know it. The file and directory panel works just like the Windows Explorer and won't let you down on drag and drop file operations or file dependent context menues. Switch between file extension filters to see just what you need to see.

· Thesaurus

The dictionary for the integrated Thesaurus is available on the download page at the 40tude HTML Website.

· Integrated Publishing Wizard

No need for an external FTP application. The Publishing Wizard remembers the server information, where to publish your documents and even takes care that all linked files (html, image and other files) are uploaded.

· Unix and ANSI file modes

Quickly switch between Unix and ANSI file modes.

· Virtually unlimited undo/redo function

· Support for 3rd party html help files

40tude HTML offers a tight integration with the html documentation by the Web Design Group (WDG) and with the brilliant german documentation selfhtml. Simply press f2 inside a tag and instantly get help on this tag.

· Integrated link checker

Check your pages for missing files with a click of a button. Locate unused files in your project directories.

· Integrated HTML validation

Check your HTML with weblint or use the CSE HTML validator, available as a separate product.

· Document info/dependencies function

Get information about one or more documents, which files they link and what their weight is.

· Editor Side Includes

Use special ESI tags to accomplish simple or complex tasks. Automatically insert the current date every time a document is saved, import data from Excel sheets or link html files in other files.

· Macro recorder

Record often used keyboard combinations and play them once, through a selection or to the end of a file.

· Project timer

Keep track of the time you spent for a project. The timer stops after a configurable time of inactivity.

· Custom functions

Define your own functions, to insert predefined text or tags, search for the next occurrence of a string or execute external programs.

· Custom buttons

Create your own buttons, assign them with icons, caption and your own or predefined function.

· Fully configurable keyboard shortcuts

Map functions to keyboard functions.

· Internal and external html viewers

40tude has a built-in html Viewer that lets you check what your html code will look like with a click of a button. Further you can send the current html document to Netscape Navigator, Internet Explorer or Opera. Options are available to access all files through a local httpd server, a huge help if you work with server side tags. Further there is an option to automatically resize the width of the browsers to design for different screen resolutions and support for previewing framed documents.

· Integrated image viewer

40tude HTML lets you view either thumbnails in a directory or full-scale images. This feature lets you quickly find the image filename you need, without having to start an external image viewer.

· Image dimensions reassigning

40tude HTML can locate all referenced images in your documents and set the correct WIDTH and HEIGHT values. You can exclude certain images, like spacer images from this function. Having set these dimensions lets your pages load much quicker.

· Comfortable editing of existing tags through dialogs

40tude HTML lets you edit existing tags through dialog windows. This feature is available for all tags and additionally some tags are supported by special expert dialogs.

· Project management

40tude HTML supports project management, that gives you quick access to all files of the project you are working on.

· Multiple file search/replace

 Lets you search and replace in either just the current document, all documents in the current project or all documents in a directory. Regular expressions are supported.

· Multiple templates

You can quickly access your self-defined templates used for new documents.

· Extensive drag and drop support

Lets you create link and image html code by dropping files on the editor window.

· Text conversion

Lets you convert UNIX style to ANSI style slashes, extended characters, like umlaut characters, to their html equivalents (and vice versa), change the case of your tags or strip tags. Further there is an option that converts extended characters to their html equivalents while typing.

· Automatic backup option

40tude HTML can make backups of previous file versions whenever files are saved.

· Repeat last function

· Valueweb coupon

Users of 40tude HTML may take advantage of our partnership with ValueWeb. Get your first month free when you sign up with ValueWeb.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Frequently Asked Questions

I lost my registration key. What now?

I registered 1-4-All some time ago. Is the update to 40tude HTML free?

How do I add files to a project?

Ilost my registration key. What now?

Please contact us with your name, email address and approximately when you registered. Do not contact Kagi! Once we resent your registration key, please print it. Thank you.

Iregistered 1-4-All some time ago. Is the update to 40tude HTML free?

Please refer to the registration chapter to find out.

Howdo I add files to a project?

Drag and drop files from the file list on the lower left side of the main window or from Windows Explorer onto a folder in the project management. Alternatively, you can drag and drop files from the "Document info/dependencies" window, e.g. if you want to make a project from a large number of existing files over various directories.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


External HTML help files

40tude HTML offers internal support for two external help files on HTML tags. The helpfile made by the Web Design Group (WDG), that comes with 40tude HTML and the excellent german documentation selfhtml.

 To use the internal support for these documentations, place the caret inside a HTML tag and press F2 (for the WDG helpfile) or Shift+F2 (for the selfhtml documentation) to display context sensitive help for the current tag or tag attribute.

You can set which browser should be used to display these external documentations and the locations of these documentation on the "Help page" of the general settings.

A special thanks to Stefan Münz for writing and supporting the selfhtml documentation!

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Tag experts and editing tags

Tag experts offer an advanced way to edit or create tags through dialogs. With experts, the dialogs are build specifically for one tag, thus offering very good editing support.

Tag experts are defined in separate dlls and are accessible trough the "Experts" main menu item. To edit an existing tag, place the caret inside a tag and select "Expert Edit" from the context menu (note that this menu item is only available if an expert for this tag is available, e.g for body, a href or font tags).

Apart from special dialog editing support for some tags, all tags are editable through a standard dialog. This dialog is created dynamically based on the information found in the tag definition file. To use the standard editing dialog, move the caret inside a tag and select "Edit tag" from the context menu.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


ESI tag reference

General conventions for ESI tags:

· All ESI tags have a closing tag.

Universal attributes:

· Formatting the output

ESI tags that produce and output can have the "nl" (new line) or the "nnl" (no new line) attribute. If such an attribute is present it overrules the standard behavior as given in the "General settings". If "nl" is present a new line is added before and after the output. If "nnl" is present the output will be right between the opening and closing <esi...> tag.

Example:

<esidate nnl>31.12.1999</esidate>

<esidate nl>

31.12.1999

</esidate>

· Conditional evaluation

All ESI tags can have the condition="..." and noexpcondition attributes.

If the condition attribute is present in a tag, the tag will only be evaluated when the condition applies.

 Example:

<esiset #variable1#="23"></esiset>

<esiset #variable2#="23"></esiset>

<esidate condition="#variable1# eq #variable2#">31.12.1999</esidate>

In this example the esidate tag will be evaluated, since the value of #variable1# equals the value of #variable2#, so the condition applies.

Note that on default variables are expanded in conditions. This means that in the above example the values of #variable1# and #variable2# are compared. To suppress expanding use the "noexpcondition" attribute. Example:

<esiset #variable1#="23"></esiset>

<esiset #variable2#="23"></esiset>

<esidate condition="#variable1# eq #variable2#" noexpcondition></esidate>

In this example the esidate tag does not get evaluated, since, apart from the fact that the values of the variables are equal, the text on the left of the condition is not the same as the text on the right of the condition.

	Allowed operators in conditions are:		eq ne lt gt	(equal) (not equal) (less than) (greater than)

· Redirecting the output

ESI tags that produce an output can have the "dest=" attribute. As default all output from ESI tags is pasted between the opening and closing tag, however the output can be assigned to a variable by using the "dest" attribute.

Example:

<esidate dest="#variable1#"></esidate>

#variable1# know holds the current date.

Available ESI tags:

· <esibreak></esibreak>

Stops the further evaluation of ESI tags in a document.

· <esicsv></esicsv>

Imports data from an external file in CSV (Comma Separated Value) format.

Attributes:

· src="..."

Filename of the source file in csv format

· quotechar="..."

Quote character used in the csv file. Default is '"'.

· commachar="..."

Comma character used in the csv file. The comma character separates fields. Default is ','.

· reversecols

If present, columns are put out in reverse order

· reverserows

If present, rows are put out in reverse order

· expcells

If present, escaped characters and variables in cells are expanded.

· noemptycells

If present, empty cells are ignored.

· precell="..."

Text preceding each table cell.

· postcell="..."

Text following each table cell.

· prerow="..."

Text preceding each table row.

· postrow="..."

Text following each table row.

· cells="..."

Boundaries of the cells to import. Allowed formats are:

	'Row,Col' 'Row1,Col1..Row2,Col2' 'Row1,Col1;Row2,Col2..Row3,Col3'	e.g. cells="23,12"  e.g. cells="23,12..26,14"  e.g. cells="2,2;23,12..26,14"
· <esidate></esidate>

Puts out a date/time.

Attributes:

· format="..."

Date/time format. Default is "c".

This can be one of or a combination of the following date/time specifiers.

Specifier   Displays
----------------------------------------------------------------------------------
c           Displays the date using the format given by the ShortDateFormat global
            variable, followed by the time using the format given by the LongTimeFormat
            global variable. The time is not displayed if the fractional part of the DateTime
            value is zero.
d           Displays the day as a number without a leading zero (1-31).
dd          Displays the day as a number with a leading zero (01-31).
ddd         Displays the day as an abbreviation (Sun-Sat) using the strings given by the
            ShortDayNames global variable.
dddd        Displays the day as a full name (Sunday-Saturday) using the strings given by
            the LongDayNames global variable.
ddddd       Displays the date using the format given by the ShortDateFormat global
            variable.
dddddd      Displays the date using the format given by the LongDateFormat global
            variable.
m           Displays the month as a number without a leading zero (1-12). If the m
            specifier immediately follows an h or hh specifier, the minute rather
            than the month is displayed.
mm          Displays the month as a number with a leading zero (01-12). If the mm
            specifier immediately follows an h or hh specifier, the minute rather than
            the month is displayed.
mmm         Displays the month as an abbreviation (Jan-Dec) using the strings given by
            the ShortMonthNames global variable.
mmmm        Displays the month as a full name (January-December) using the strings given
            by the LongMonthNames global variable.
yy          Displays the year as a two-digit number (00-99).
yyyy        Displays the year as a four-digit number (0000-9999).
h           Displays the hour without a leading zero (0-23).
hh          Displays the hour with a leading zero (00-23).
n           Displays the minute without a leading zero (0-59).
nn          Displays the minute with a leading zero (00-59).
s           Displays the second without a leading zero (0-59).
ss          Displays the second with a leading zero (00-59).
t           Displays the time using the format given by the ShortTimeFormat global
            variable.
tt          Displays the time using the format given by the LongTimeFormat global
            variable.
am/pm       Uses the 12-hour clock for the preceding h or hh specifier, and displays
            'am' for any hour before noon, and 'pm' for any hour after noon. The am/pm
            specifier can use lower, upper, or mixed case, and the result is displayed
            accordingly.
a/p         Uses the 12-hour clock for the preceding h or hh specifier, and displays
            'a' for any hour before noon, and 'p' for any hour after noon. The a/p
            specifier can use lower, upper, or mixed case, and the result is displayed
            accordingly.
ampm        Uses the 12-hour clock for the preceding h or hh specifier, and displays
            the contents of the TimeAMString global variable for any hour before noon,
            and the contents of the TimePMString global variable for any hour after noon.
/           Displays the date separator character given by the DateSeparator global
            variable.
:           Displays the time separator character given by the TimeSeparator global
            variable.
'xx'/"xx"   Characters enclosed in single or double quotes are displayed as-is, and do not
            affect formatting.

· date="..."

Date/Time to output. Default is the current date.

You can use an absolute or relative date. Further you can use a project name here, e.g. date="project1". 40tude HTML will then scan all files in this project and use the filedate of the newest file in the project.

Example:

<esidate date="1.12.1999">01.12.99</esidate>

<esidate date="+1">01.01.00</esidate>

The second line gives the current date plus one day. You can use fractional values to add hours, e.g. "+1.5" to add one and a half days (=36 hours).

· <esiexe></esiexe>

Executes a file or application.

Attributes:

· command="..."

The filepath and -name to the application or file to execute.

· nowait

If nowait is present, the file or application will simply be started, but 40tude HTML will not wait until the application finished. If nowait is present, the result of this esi tag is always an empty string, otherwise this tag inserts what is returned by the called application.

· show="..."

The window state of the application to be executed. The following values are recognized:

0: Hide the application (default).

1: Show the application in normal window state.

2: Show the application minimized.

3: Show the application maximized.

· <esifile></esifile>

Inserts the contents of a textfile.

Attributes:

· lines="..."

Specifies which lines to insert. If the attribute is not present the whole text file is inserted. You can specify either a single line number (e.g. lines="23") or a range of lines (e.g. lines="12..16") to insert.

· postline="..."

Text following each line.

· preline="..."

Text preceding each line.

· reverseline

If present, the text lines are inserted in reverse order.

src="..."

Filename of the source text file.

· <esiget></esiget>

Inserts text/variables.

Attributes:

· text="..."

Text to output. This can be a combination of plain text and variables. Variables are marked with # signs. Backslashes can be used to get access to a plain # signs.

Example:

 <esiset #2#="13"></esiset>

<esiget text="Variable \#2\# is #2#" nnl>Variable #2# is 13</esiget>

· <esimath></esimath>

Mathematical operations

Attributes:

· op="..."

The operation to be done.

Predefined variables: PI (used without variable markers #)

Available operators: + , - , * , / , ^ , MOD, DIV

Available functions:

COS, SIN, SINH, COSH, TAN, COTAN, ARCTAN, ARG, EXP, LN, LOG10, LOG2, LOGN, SQRT, SQR, POWER, INTPOWER, MIN, MAX, ABS, TRUNC, INT, CEIL, FLOOR

HEAV (heav(x) is =1 for x>0 and =0 for x<=0)

SIGN (sign(x) is 1 for x>1, 0 for x=0, -1 for x<0)

ZERO (zero(x) is 0 for x=0, 1 for x<>0)

PH (ph(x) = x - 2*pi*round(x/2/pi))

RND (rnd(x) = int(x) * Random)

RANDOM (random(X) = Random; the argument X is not used)

Examples:

<esimath op="3*4">12</esimath>

<esimath op="3*PI">9,42477796076938</esimath>

<esiset #x#="11"></esiset>

<esimath op="3*#x#">33</esimath>

<esimath op="cos(0.5)">0,877582561890373</esimath>

· <esiout></esiout>

Attributes:

· mode="..."

Either "append" (default) or "overwrite".

· destkind="..."

Output target. Either "file" or "clipboard".

· text="..."

Text to output. This can be a combination of plain text and variables. See esiget tag for more info.

· <esipriority></esipriority>

Sets the ESI priority of a document. If the "Evaluate ESIPRIORITY" option is enabled, multiple documents are compiled in order of their priority. Documents with a high priority value are compiled first. Esipriority is usefull when you have files that depend on each other, e.g. linked by esifile tags and you need to make sure that the base documents are compiled before they get inserted in other documents.

Attributes:

· value="..."

Positive or negative integer value.

· <esiset></esiset>

Assigns values to variables.

The syntax of the attributes is a bit different for this tag. Variable/value pairs are written like attribute/value pairs. Variables need to be marked by the # sign.

Examples:

<esiset #x#="13"></esiset> (make variable #x# 13)

<esiset #x#="1" #y#="36"></esiset> (make variable #x# 1 and variable #y# 36)

<esiset #z#="#x#"></esiset> (make variable #z# same as variable #x#, 1 in this case)

· <esititle></esititle>

Inserts text sourounded by a <title>...</title> tag.

Since only plain text and no tags are allowed in title tags, the following would not work:

<title><esiout text="My Homepage">MyHomepage</esiout></title>

The esitag would be visible in the caption of the browser.

Instead, you can use:

<esititle text="My Homepage"><title>My Homepage</title></esititle>

Attributes:

· text="..."

Text in title tag

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Editor Side Includes

If you are familiar with Server Side Includes (SSI), you should quickly understand the concept of Editor Side Includes (ESI). Server Side Includes are special tags that are evaluated by the web server when a user requests a document.For example the SSI tag

<!--#echo var="LAST_MODIFIED" -->

will be replaced by the server software with the date and time of the last modification of the requested document every time a the document is requested.

Much like Server Side Includes, Editor Side Includes (ESI) are special tags that get evaluated by 40tude HTML every time you save a document or you manually compile an ESI tag. For example the ESI tag

<esidate></esidate>

will be replaced with:

<esidate>31.12.1999</esidate>

every time you save a document. Of course the current date will be used, but 31.12.1999 will be used throughout this help file.

The esidate tag offers a quick way to add a last modification notice to your pages:

 "Last modified: <esidate>31.12.1999</esidate>"

Besides the esidate tag there are further ESI tags that let you implement complex operations, including mathematical and conditional operation with variables or importing text from other text, CSV or Excel files.

 Tag reference

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Drag and drop support

40tude HTML offers extensive drag and drop support

Tag creation

You can easily create a link or an image tag by dragging and dropping a file from 40tude HTML's file panel or from the Windows Explorer onto the edit window.

Dropping an HTML document will insert the following tag at the drop point:

<A HREF="..."></A>

Dropping an image file will insert the following tag at the drop point:

<IMG SRC="..." WIDTH="..." HEIGHT="..." BORDER="0">

You can suppress the width and height attributes by holding down CTRL when dropping the file.

Opening documents

You can drag and drop one or more files on the 40tude HTML icon or directly on the running program (but outside the edit window and file panel; see "Tag creation" above and "Copying or moving files below") to open a file or project.

Copying or moving files

You can drag and drop one or more files on 40tude HTML's file panel to copy or move files to the current directory and to 40tude HTML's directory tree to copy or move files to another directory.

 Moving selected text

You can move selected text in the editor by simple drag and drop. Holding down CTRL when dropping the selection will copy the selected text.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Distributing 40tude HTML

We appreciate if you consider 40tude HTML for distribution.

The 40tude HTML license says:

'You may [...] make as many copies of the shareware version of this software and documentation as you wish; give complete and exact copies of this shareware version of the software and documentation in its unmodified form via electronic means. There is no charge for any of the above.'

'This software is provided as shareware and cannot be sold. This software can not be bundled with any commercial package or distributed by itself.'

Feel free to distribute 40tude HTML in the unmodified package file '40thXXX.zip', where XXX stands for the version number, as long as it is not sold directly and it is clearly stated that this is an unregistered shareware version for evaluation purposes.

 If you are not sure, please contact us!

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Document info/dependencies

This task can be utilized to find about which files are linked or embedded from one or more documents, what the total file size of all these documents is and how long a download of these files will take.

To use this task, select it from one of the task menu items (see Overview of tasks).

In the upcoming dialog you have to specify the following options:

Recursive level

The document info/dependencies task works recursivly, what means that if a link is found in a document, the links and embedded files in this document are evaluated again. The "Recursive level" box lets you specify how deep this recursive evaluation should go. If you only want to get information about the document(s) you passed through this function, you need to specify "0" in this field. "0" means that no embedded or linked files are evaluated.

Get image files

Check this box if you want to collect information about embedded image files.

Get other linked files

Check this box if you want to collect information about other files linked from documents. Other linked files are files that are neither recognized HTML files nor image files.

Get all files in touched directories

If this option is checked all files in a directory are automatically added to the result list if one file in this directory was evaluated. Use this option to quickly add a list of all files in a project.

Default filename

When collecting information about links to other HTML files, a link to a directory might be found, e.g. when <a href="../"> is found. To follow this link correctly, the functions needs to know the name the default index filename.

Results

The files found are presented in a file list showing information about each file. General information about all files and selected files in the list can be found at the lower part of the window.

Note that you can drag and drop files from the file list to the project management tree. This is a quick way to create project files from existing projects. (More in drag and drop support and project management.)

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Word wrap

40tude HTML offers a wordwrap option that you can set by selecting "View|Word wrap" from 40tude HTML's main or context menu of the editor. In wrapped mode all text

Note that message results shown in 40tude HTML's message windows that reference a line/row in text are always given in unwrapped coordinates. When you double click on such a search result and have word wrap enabled, 40tude HTML will convert these line and row numbers in unwrapped coordinates to a line/row pair in wrapped coordinates and jump to the referenced location.

Further note that the column/row pairs shown in the statusbar refer to unwrapped coordinates as default, however if they show up in a bold font they refer to wrapped coordinates. Refer to the statusbar chapter for more information.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Support and contact information

Support Forum:	http://www.40tude-forum.de/
Homepage:	http://www.40tude.com/html/
Email:	support@40tude.com
You are welcome to contact us when you run into problems or even find bugs, but please take the time to read the Frequently Asked Questions before!

We encourage you to visit the Support and Discussion Forum to meet other 40tude HTML users and see if you find your questions already answered.

When reporting a problem, please include your version number of 40tude HTML and your operation system. Thank you!

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Compiling Editor Side Includes (ESIs)

This task compiles all ESI tags in a document.

To use this task, select it from one of the task menu items (see Overview of tasks).

Learn about Editor Side Includes (ESIs)

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


CodeQuick

40tude HTML's CodeQuick feature gives you easy access to all tags, all attributes for a specific tag and all values for a specific attribute, including your recently used links, images and color values.

When CodeQuick is activated you will see a box that holds tags, attributes or values that make sense at the current caret position.

The color values left of a tag/attribute/value mean the following:

The first, black row of dots shows that a tag is supported by the HTML standard as set by the W3C. The second row gives information about Internet Explorer's, the third about Netscape Navigator's and the fourth row about Opera's support for a tag.

SSI (Server Side Includes) and ESI (Editor Side Includes) tags do not have support information, since the support of these tags do not depend on a browser version, but on the server or editor software.

You can select a tag by scrolling in the CodeQuick box or by typing the beginning of a tag, e.g. in the above example typing "d" would make "dir=" the selected item. At this point just pressing "Return" inserts this value into the document.

Pressing CTRL when selecting a tag (by pressing "Return" or by double-clicking on an item in the CodeQuick box) will insert the open tag only, but not the closing tag, e.g. just "<font >", instead of "<font ></font>".

To close the CodeQuick listbox press Escape or just ignore it until it closes itself.

To start CodeQuick again when you escaped it before, press Alt+Return.

CodeQuick works with selected text, e.g. if you have some text that you want to format with a <font ...> </font> tag, select the text to format and press Ctrl+Return. CodeQuick will keep the current selection until you selected a tag from the CodeQuick box.

To generally enable or disable CodeQuick press F8.

When you edit a tag CodeQuick will pop-up automatically after a certain time. This delay makes sure that CodeQuick does not stand in your way when you don't need it. The delay can be set in the CodeQuick preferences.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Clearing Editor Side Includes (ESIs)

This task clears all ESI tags in a document.

To use this task, select it from one of the task menu items (see Overview of tasks).

Learn about Editor Side Includes (ESIs)

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Case conversion

You can quickly convert the case of selected text by selecting some text in the editor and choosing "Edit -> Case" from the main menu.

The selected words can be converted to lowercase, uppercase or the words can be capitalized, which means that the first character of each word will be converted to uppercase, all other characters to lowercase.

If you want to convert the case of your tags only, use the "Convert characters" task instead.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Browsing through local server

A website you might develop might only show up correctly when certain server features are available, e.g. cgi scripts, Server Side Includes or Frontpage extensions. Viewing such documents locally with directory and file names using drive letters does not work.

To preview such documents you might have a local httpd server installed. With 40tude HTML you can access the documents you are editing through a valid URL and allow the server to show documents correctly.

 The server can be a server you simply installed for your own development purposes or it can be the actual webserver in case you have a network connection to its document root directory.

 To use this feature you must specify where the server document root is located on your computer and which URL should be used to access files in the servers document directories. This is done on the HTML viewers page in the general settings.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Browsing redirection

Whenever you start a browser from within 40tude HTML to view a document, the document you are currently editing is shown. This quite logic behavior might be a problem when developing framed documents, since what you most likely want to see is not the current document, but the current document inside a frameset.

To solve this problem you may use the redirection feature. Open the document that holds the frameset definition and right-click on it's tab with the filename. The tab will turn white. (See the screenshot in the Overview chapter to see the white tab.)

Alternatively, you can select "View -> Browse -> Redirection disabled" and browse for the redirection target document.

Once a redirection target has been set, not the currently active document, but the redirection target is shown in the browser.

To disable redirection, click on a white tab again or select "View -> Browse -> Redirection enabled".

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Browsing overview

You can preview the documents you are editing in an external browser or in 40tude HTML's internal browser. To do this select "View -> Browse" from the main menu, click on a browser button on the button bar or make use of the one of the keyboard shortcuts F9 to F12.

40tude HTML's internal browser is actually Internet Explorer running inside 40tude HTML, thus this feature requires that Internet Explorer is installed on your computer.

You can preview your documents in 3 different external browsers. Netscape Navigator, Internet Explorer and Opera are supported.

To show the current document state in the browser, 40tude HTML will either create a temporary copy of the current document and show the copy in the browser or it will automatically save the current document and will show it in the browser. This depends on the settings on the HTML viewers page in the general settings.

Additional browsing functions are "Autowidth" to preview visualisation for different screen resolutions, "Redirection" for previewing documents in frames and "Access through local httpd server" for development of websites that need server features (e.g. SSI's or cgi-scripts).

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Browsing with autowidth feature

The "Autowidth" feature automatically resizes external browser windows to a defined width. You can use this feature to simulate another screen resolution to make sure that your documents look good on different computers.

To use this feature select "View -> Browse" and set the width by selecting one of the predefined widths or by selecting "Custom width".

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Bookmarks

Bookmarks in 40tude HTML, not to confuse with bookmarks in Netscape Navigator or Internet Explorer, can greatly improve your work flow. Bookmarks mark a certain position in a document and visualize as little green books in the gutter of the edit window.

To set a bookmark, move the caret to the desired position and press Ctrl+Shift+[NUM], where [NUM] can be key 0 to key 9. E.g. pressing Ctrl+Shift+6 will set bookmark number 6 at the current caret position.

 Once a bookmark is set you can go back to the position of the bookmark by pressing Ctrl+[NUM], where [NUM] can be key 0 to key 9.

Bookmarks in documents can be saved between sessions, so when you reopen a document your bookmarks will still be there. Refer to "Other options" to see how to enable/disable this feature.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Backups

40tude HTML has a dump like backup feature, that will keep backups of files every time you save a file. Backup files are saved in the "configs\[configuration name]\backups" subdirectory as sequently numbered files.

Note that the number of kept backup files depends on the settings on the "Backup options" page in the general settings dialog.

 If you need to restore a backup file, close all documents and select "File -> Restore backup" from the main menu.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Add-ons

Beyond the build-in adaptability of 40tude HTML the application offers two interfaces which you might utilize to offer support for user-defined tags (e.g. tags for 3rd party products).

Tag definition files are used to define series of tags, their attributes and values. You can write your own tag definition files and 40tude HTML will utilize them in the CodeQuick feature and the standard "Edit tag" dialog. Tag definition files live in the "data" subdirectory and have the "*.tag" extension. Tag definition files are text files (except for "standard.tag" which is encrypted) in a special format. To create or edit tag definition files you will need the tag editor application which will be available from the 40tude HTML Homepage soon.

 To offer special support for one or more tags you can write a tag expert. Tag experts offer dialog based creating/editing of a tag. Tag experts reside in separate dll's in the 40tude HTML directory, e.g the standard experts available from the main menu in 40tude HTML reside in the file "stdexps.dll". Apart from the dll itself, the available functionality of the experts inside a dll are published the expert interface files in the "experts" subdirectory.

The full interface for writing expert dlls is not yet published, but you may contact us for help if you would like to write an expert.

3rd party add-ons will be available on the 40tude HTML Homepage once they are available.

Last change: June 08, 2001 - © Softwareentwicklung Marcus Monnig


Add-ons

Beyond the build-in adaptability of 40tude HTML the application offers two interfaces which you might utilize to offer support for user-defined tags (e.g. tags for 3rd party products).

Tag definition files are used to define series of tags, their attributes and values. You can write your own tag definition files and 40tude HTML will utilize them in the CodeQuick feature and the standard "Edit tag" dialog. Tag definition files live in the "data" subdirectory and have the "*.tag" extension. Tag definition files are text files (except for "standard.tag" which is encrypted) in a special format. To create or edit tag definition files you will need the tag editor application which will be available from the 40tude HTML Homepage soon.

 To offer special support for one or more tags you can write a tag expert. Tag experts offer dialog based creating/editing of a tag. Tag experts reside in separate dll's in the 40tude HTML directory, e.g the standard experts available from the main menu in 40tude HTML reside in the file "stdexps.dll". Apart from the dll itself, the available functionality of the experts inside a dll are published the expert interface files in the "experts" subdirectory.

The full interface for writing expert dlls is not yet published, but you may contact us for help if you would like to write an expert.

3rd party add-ons will be available on the 40tude HTML Homepage once they are available.

Last change: August 07, 2000 - © Softwareentwicklung Marcus Monnig


·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·


·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·

·


This is a broken link :

· link is :

"https://order.kagi.com/cgi-bin/r1.cgi?6RE"

· in page :

"registration.htm"


This is a broken link :

· link is :

"https://order.kagi.com/cgi-bin/r1.cgi?6RE"

· in page :

"registration.htm"


This is a broken link :

· link is :

"valueweb.htm"

· in page :

"features.htm"