Tips & Tricks for WebCoder

Have a look at http://www.tsw.dk/scriptdoc/. It features both documentation and a short tutorial.

Positioning images in webpages between text is not always as easy as it looks. Quite often rather 'practical' solution like <br>'s to make some space or complete tables are used.
A neat solution I started using after studying some off Jeffrey Zeldmans stuff is to declare the image tag in my css with display: block. You can easily add margins etc.
You want an incidental image in between? A class can help you out.

img.inline {display: inline}

Or you could make your img float...

If you want the Mozilla preview without installing the complete Mozilla suite, take a look at http://www.iol.ie/
~locka/mozilla/mozilla.htm

If you want to indent a range of lines, select them and press [Tab]
To unindent them press [Sh-Tab]

If you right click on an HTML file, you might notice that there isn't an entry with the text "Edit with WebCoder". You can easily remedy this yourself by following these steps:

1. Open up Windows Explorer. From the "Tools" dropdown menu, click on "Folder Options".

2. A window will open up with several tabs at the top. Click on the one that says "File Types".

3. You will now be shown a list of ALL the filetypes Windows knows about. Scroll through the list until you find "HTML".

4. Click on "HTML" and click the "Advanced" button.

5. A smaller window will now open. Click on the button that says "New..."

6. In the "Option" box, type "Edit with WebCoder".

7. In the box titled "Application used to perform Action" enter in the following:

"C:\Program Files\Path to Webcoder\TSWWebcoder.exe" "%1"

In the above example, make sure you change the path to your path to where WebCoder is installed. The path should be copied WITH the quotes included!

8. Click "OK" on all Windows that are open until they are all closed and you are done!

All documents you right click on should be able to be opened directly into WebCoder. This setting will also affect your files ending in .htm

Happy Coding!

Might seem a bit 'simple' tip, but it is funny how many users miss this one:
While editing a style sheet, open the code inspector tab in the resource panel. (the Tab right to the Projects tab)
Then click the element you want to change in the style sheet and look in the panel.
This way changing your style sheet is easy!

If you would like to have your cursor automatically move to content when you RIGHT click on it, make sure that you have "RightMouseMovesCursor" selected.

This option can be found under Settings -> Editor Settings.

While editing or previewing in WebCoder you can swith between the current layout (including all panels) and a layout without panels with a single keystroke: F7
Push F7 again to return to the previous layout.

If you lost a panel or toolbar while pulling them around your working space, you can reset them to their original state.
Push F8 (Settings)and choose Interface > Docking Panels and push [reset alldocking panels] or Interface > Toolbars and push [reset all toolbars].

If you would like documentation on WebCoder you should consider buying a Pro version. Fully documented in PDF and HTML help. Read more on http://pro.tsware.net

Do you have to browse to certain directories quite often?
Use the favorite folders option.
In the files panel use the yellow star in the upper left corner.
No yellow star? Make the panel wider and it should appear!

If you are going to install WebCoder be sure to install it in a empty directory.
If you are installing in a new directory WebCoder will ask you if it should import settings from WebCoder 4.
Do you want to install WebCoder in the same directory you will have to uninstall the previous installation and remove every file that is in it after uninstalling.