برچسب ساز

Label Generator

ایده و اجرا: سیاوش طراوتی
Idea & implementation: Siavash Taravati

English Help


Label Generator (برچسب ساز) is a web program (HTML/Javascript) which basically has been created for entomologists for enhancing the process of labeling insect specimens. Here you can find some instructions for using this program.


Text Generator:
  1. Type the number of required labels of the current label.
  2. Type the number of columns which must be shown in the final table.
  3. Put your desired text in each section (1-5)
  4. Every section can aquire it's own properties. So choose your default properties for every section like Font size, color, decoration, weight.
  5. "Add break" checkbox adds a line break in the text.
  6. Choose the background-color of the current label under the section 5.
  7. "Line Height " means the height of your text. So if you decrease it, your text becomes more difficult to read and in contrast if you increase it, the lines get more distance frome each other resulting a bigger label.
  8. " Text align " determines the relative position of the your text in the table cells. It can be choosed as: Left, Center & Right
  9. Now click " Read and Preview " button. This button triggers the form reading. Your input information will be read and a simple preview of the text (Only text, not the background and general table structure) will be shown in the white field. You can continously change the properties of your text and see the preview until achieving the desired format.
  10. If you want to add another label just click "Next Label" and repeat the actions from the instruction number 1.
  11. When finished entering wanted labels, just put the general properties of the tabel at below in the sections "Cell-margins" and "Border"
  12. At end Click "Generate" button.
  13. A table will be shown with your desired properties. For Saving the labels as a file, open the "File" menu in Internet Explorer and click "Save As". A new window will open. In the new window enter your desired filename and in the section: "Save as type" choose "Web Page, HTML only". If you have entered special language characters like Farsi Texts, "Unicode" should be selected in the "Encoding" section. This option is set automatically by the program so it is the default option and there is no need for further change.
  14. VERY IMPORTANT: For seeing the preview of your labels, go to the 'file' menu and click 'Print Preview'. Sometimes when you have choosed high number of columns for the page, you would get different print layout comparing to the layout of the generated table. So it's highly recomended to check the 'Print preview' before printing
  15. If your print layout is not satisfying ,you can change these properties: Number of columns, Font size, Add break, Line Height, Text align and ofcourse the Margins (paddings).
  16. You can also do printing without saving the file. Just go to "File" menu and choose "Print" or press Ctrl+P keys for entering Print window.

Description of the properties:

Quantity of this label: The quantity of the current label which must be printed.
Number of Columns: The number of the table columns in the final table. The more column result in smaller margin in the layout.
Section 1-5: These textboxes(Text areas) store label texts.
Font: Font of current section.
Style: Change Italic style On or Off.
Weight: Determines the boldness of the font.
Decoration: Determines the styles like: Underline, overline, line-through
F-size: Means font size in pixels: This is a 10 pixel &14 pixel &16 pixel & 18 pixel font.
Font color: Your text can get the standard web colors : Black - Gray - Blue - Brown - Purple - Red - Orange - Pink - Cyan - Green -Yellow - White -
Current Label background color: The background color of this label.
Line Height: The height of font(line) in percent. Larger number result in a more spaced lines and more clear text and ofcourse bigger labels.
Text align: The aligment of the text in each table cell. Settings: Left, Right, Center.
"Read and Preview" button: Reads and preview the text of current label (Only text, not the background and general table structure).
"Next Label" button: After clicking this button, the input information will make the next (2nd, 3rd, ...) label.
Top-margin: The distance between the top of the text and the top-border of the cell.
Right-margin: The distance between the right side of the text and the right-border of the cell.
Bottom-margin: The distance between the bottom of the text and the bottom-border of the cell.
Left-margin: The distance between the left side of the text and the left-border of the cell.
Cellspacing: The gap between each cell and adjacent cells in the table in pixels. 1 or 2 pixels are good for having a space for determining cutting lines after print.
Table-border width: The width of the border around the whole table frame (Not around each cell!)
Table-border color: The color of the Table-border.
Cell-border width: The width of the border around each cell(each individual label) of the table.)
Cell-border color: The color of the Cell-border.
Cell-border-style: The style of the cell-border. Settings: Dotted, ridge, groove, double, inset, outset
"Generate Labels" button: Starts Generating the table of the labels.
"Reset Form" button: Change all of the values of the inputs to it's default value.

Number Generator:
  1. Easily type the start & end number of the labels.
  2. The checkbox "Generate empty cells" if checked, produces (endNumber-startNumber) cell of empty labels.
  3. Input the table styles and properties like the above sections.
  4. Click Generate