Click here to Skip to main content
15,868,016 members
Articles / Web Development / HTML
Article

HTML Assistant

Rate me:
Please Sign up or sign in to vote.
4.84/5 (29 votes)
25 Nov 2004CPOL4 min read 83.7K   2.8K   39   12
A simple tool assisting you in writing reports or generate primary resources for compiled help manuals in HTML format.

Sample Image

Introduction

HTML Assistant is a simple tool assisting you in writing reports or generate primary resources for compiled help manuals in HTML format. It may also help those who want to learn writing HTML and want to see and understand what they are doing. Just keep in mind that HTML Assistant is not a fancy commercial product. It is just a tool, i.e., something really helping you do specific (sometimes boring) tasks. The content of this article was written using HTML Assistant.

Using HTML Assistant

So, time to start! Have your regular seat in front of your computer screen and start the Assistant. You should see the application display shown above. Depending on the fact that you are working on a previously generated HTML document or you intent to create a new one, click the "Load" or "Create" button respectively. The Assistant will ask you for the HTML target file.

Image 2

Choose now a title for your document. This one will appear in the title bar of the browser each time your HTML document is opened. Write it in the "Document title" edit control and click the "Write title" button.

Image 3

The assistant opens in your browser the document you are working on, so that you see at any time the results of your actions. Resize the browser window and place it and the Assistent on your computer screen the way you consider more convenient to you.

Image 4

Normally, you should continue with a chapter title or something like that when creating your document. This is a heading in the HTML terminology. Write the text you need inside the "header" edit control and click on one of the three "H" buttons to select a size for your heading.

Image 5

You will see immediately the effect in the browser window.

Image 6

The assistant offers you also the possibility to see your generated HTML code, allowing for modifications or improvements (remember, the Assistant is only assisting you in doing your work).

Image 7

Whenever you feel you need to see the code, click the "Open script" button. Close the code window when you finish with the checking, modifications, or improvements. The Assistant automatically updates what you are seeing in your browser.

Image 8

Mainly, HTML Assistant supports you in writing text, placing images, writing simple lists, and constructing tables containing the information you want to show. Click the "New line" and "Paragraph" buttons whenever you want to start a new line or paragraph respectively. Then write the desired text inside the multi-line "Text" edit control. By pressing the [ENTER] key while writing the text will have no effect to the way the HTML document shows up in the browser. It affects only the way the text is written in the code file.

Image 9

Click the "Write text" button when you are ready. The browser windows updates immediately.

Image 10

To place an image, click the "Put image" button and select the desired image file through the pop-up dialog interface.

Image 11

In our example, the "" file was chosen and the result can be seen in the browser window.

Image 12

Sometimes, you need to show a list of items or descriptions. Use the "Begin / End list" functionality of the Assistant:

  • click the "Begin list" button;
  • click the "o" button;
  • write the item text;
  • click the "Write text" button;
  • repeat the "o" - text - "Write text" sequence as long as you need;
  • click the "End list" button when you decide to close the list.

A good, structured way to present information is based on tables. Inside the tables, you can place text, lists or images the same way we have seen before. To do this, begin a table, then begin a row, and then begin writing your data:

Image 13

Each stage of table creation is signaled with a green icon on the application display.

Image 14

Your data will be text, lists, or images placed according to your needs. Each time you decide to go to the next column, click the "End" button within the "Data" block and then "Begin" for new data, or "End" within the "Row" block to go to the next line. A click on the "End" button within the "Table" block will end the table creation. The Assistant does not support nested tables. Should you need nested tables, create them as simple tables, open the script, and "copy / paste" the tables one into each other. Here is an example of using the "Table" feature of HTML Assistant:

Image 15

To change some characteristics of your table, open the script and insert the appropriate descriptors.

A final remark: you may use the HTML tags when writing text inside the multi-line "Text" control.

When you are finished with putting the information you need inside the HTML page, end your script by clicking the "End script" button. This action writes the appropriate ending code to your code file.

Image 16

History

  • Created: Nov 24 2004
  • Added source: Nov 26 2004

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer (Senior)
Europe Europe
More than 30 years of software development experience.
(also playing the SCRUM Master role depending on the project)

Comments and Discussions

 
QuestionMessage Closed Pin
13-May-21 22:13
vamsikrishna5913-May-21 22:13 
GeneralNice Pin
Cui Sheng15-Dec-04 13:53
Cui Sheng15-Dec-04 13:53 
GeneralRe: Nice Pin
Mircea Puiu15-Dec-04 20:54
Mircea Puiu15-Dec-04 20:54 
Generalauto update Pin
gok3-Dec-04 16:20
professionalgok3-Dec-04 16:20 
GeneralRe: auto update Pin
Mircea Puiu3-Dec-04 20:14
Mircea Puiu3-Dec-04 20:14 
It is so! As soon as you input a visual element, the page updates.
Is this the behaviour you are talking about?

SkyWalker
GeneralRe: auto update Pin
gok7-Apr-05 7:18
professionalgok7-Apr-05 7:18 
GeneralThank God for the Newsletter. Pin
Chris Meech30-Nov-04 3:33
Chris Meech30-Nov-04 3:33 
GeneralExcellent (2) Pin
.dan.g.28-Nov-04 15:03
professional.dan.g.28-Nov-04 15:03 
GeneralExcellent! Pin
Abbas_Riazi25-Nov-04 19:41
professionalAbbas_Riazi25-Nov-04 19:41 
GeneralRe: Excellent! Pin
Darren_vms25-Nov-04 22:18
Darren_vms25-Nov-04 22:18 
GeneralNo source code Pin
mier25-Nov-04 0:25
mier25-Nov-04 0:25 
GeneralRe: No source code Pin
Darren_vms25-Nov-04 0:32
Darren_vms25-Nov-04 0:32 
GeneralRe: No source code Pin
Mircea Puiu25-Nov-04 0:50
Mircea Puiu25-Nov-04 0:50 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.