Inclusion Code is a simple HTML editor for Windows that facilitates the coding process by automating the creation of basic tags. The user selects the desired element from the menu, the program will generate the corresponding codes and integrate them into the editor. So you can create HTML content in a very short time.
Inclusion Code is an educational tool that facilitates learning web programming. Due to its simple and accessible design, the software is easy to use for learn and code basic HTML tags. When you know HTML, which is the basis of websites, you can create very robust and efficient Internet pages. Although today there are many tools that allow you to create websites without knowing HTML programming, these codes are not clean. Web browsers understand HTML, CSS and Javascript. So in the end, any other tool will transform the code into HTML internally.
The Inclusion Code interface is a simple one with menu bars, which uses standard Windows controls, making it accessible to screen reader programs and braille displays used by blind persons.
Web accessibility
Inclusion Code promotes the creation of websites that follow the accessibility guidelines of both the w3c WCAG (International) and the Section 508 (United States).
The tool can be used to show webmasters and web programmers, how to use the accessibility guidelines. For example, when an image is added from the Insert, Image menu, once the image is selected, the program will request for a text description. This lets explain the use of alternative texts is required as a priority in the accessibility guidelines.
Program Compatibility
Inclusion Code is compatible with the following Windows versions:
10/8/7with 32 and 64 bits.
Also, Inclusion Code does not require installation, since it is a self-running program, ideal for storing it in a portable USB memory drive, and using it on any Windows computer.
Program Features
The program can generate basic HTML tags automatically when selected from the Insert menu.
Preview the HTML code in the computer default web browser without exiting the program.
Sound effects and text to speech options.
All program options can be used by keyboard.
Program menus available in English or Spanish.
Recommended use
We recommend using Inclusion Code for:
To learn basic HTML code.
To create quick HTML content and copy them and paste them into platforms such as Wordpress.
To create simple HTML pages to be used locally in Windows.
To demostrate accessible HTML coding to webmasters and web programmers.
Starting screen
When Inclusion Code starts, a window will appear with several options that we can select to open the editor. They are:
Blank editor
Global HTML structure
My template
If Blank Editor is selected, the editor will open on a blank screen, where you can start inserting HTML codes. If Global HTML structure is selected, the editor will present the basic tags of the main parts of an HTML page. If My template is selected, the editor will load the mytemplate.html file that is in the mytemplate folder into the main Inclusion Code folder. This file can be edited to present the content desired by the user.
Editor
Once in the editor, you can either write the codes manually, or use the menus to generate the HTML codes automatically.
All files saved in Inclusion Code have an ANSI encoding. This is because the tool is used in Windows. If you are interested in publishing your page on the Internet, then you must change the encoding to UTF-8. You can, from the code menu, select the option to send the code to the notepad, and save it as UTF8.
Important note when integrating audios, images and videos
When an audio, image or video is added from the Insert menu, the program will automatically generate the necessary code with the respective HTML tags.
However, this code will assign a specific directory by default. For example, / audio for audio content, / image for image and graphic content and / video for video content.
Therefore, all these multimedia files are required to be stored in the corresponding folders in the initial Inclusion Code folder. This is due to the fact that if you are interested in uploading the contents to a server, using FTP, these contents can be loaded correctly, since they will be in the corresponding directory generated by the program.
If the files are not saved in these folders, they cannot be presented on the website.
Menus and keyboard commands
List of all program menus, with their keyboard shortcut and a brief description.
File Menu
New
Clear the editor for a new HTML file.
Alt + f, n
Open
Open a HTML file
Alt + f, o
Save
Save the current HTML file, using the same filename.
Alt + f, s
Save As
Save the current HTML file, allowing filename selection.
Alt + f, a
Print
Print a hard copy of the current HTML code.
Alt + f, p
Exit
End the program.
Alt + f, x
Recent Files
A list of the three most recent files is maintained.
Alt + f, r
Edit Menu
Undo
Undo the last action.
Alt + e, u
Cut
Remove the current selection and copy it to the clipboard.
Alt + e, c
Copy
Copy the current selection to the clipboard.
Alt + e, o
Paste
Paste the contents of the clipboard at the current caret position.
Alt + e, p
Select All
Select and highlight all text.
Alt + e, s
Find/Replace
Find Next - Find the next instance of the text designated.
Replace - Replace the targetted text with designated new text.
Cancel - Close the Find/Replace dialog.
Alt + e, f
Insert menu
General HTML tags
It will present a window with a list of several basic HTML tags. It must be moved with the down arrow or up arrow, and pressing Enter will insert the code in the current cursor position in the editor. If the label requires that texts be written, a window will appear with an edit box and once the texts have been written, the Enter key must be pressed for integration into the editor.
Alt + i, g
Image
A file browser window will open where you can select a file in .jpg, .gif or .png format. Once selected, a window will appear with an edit box where you must write the text description of that image that is the equivalent of the ALT attribute. This text description is accessible to blind person with their screen reader programs.
Alt + i, i
List
A window is presented where the type of list must be selected, then another window will appear to select the number of items and finally the windows will appear with edit boxes to write the items in the list.
Alt + i, l
Button
A window is displayed to enter the URL of the button link, and then a window will appear with an edit box to write the text of the button.
Alt + i, b
Audio
A file browser window will open where you can select a file in .mp3 format. Once selected, the HTML codes of an audio player that includes buttons for playback, pause, volume up and volume will be automatically generated.
Alt + i, a
Video
A file browser window will open where you can select a file in .mp4 format. Once selected, the HTML codes of a video player that includes buttons to play and stop will be automatically generated, in addition to a selector of the percentage of the video played.
Alt + i, v
Code menu
Preview in browser
Show the HTML code as a web page, on the default Internet browser.
Alt + c, p
Read out loud
Read the web page content with the system default text to speech engine.
Alt + c, r
Stop reading
Stop the actual text to speech audio feedback.
Alt + c, s
Send code to notepad
Send the current code in the editor to Notepad.
Alt + c, n
Options menu
Language
Select between English or Spanish language for the menus of the program. The software will restart, so the new language can take effect. Also, verify that the actual SAPI5 text to speech voice, is in the same language of the menus.
Alt + o, l
Font
Select the desired font face, size and style. All text in the editor will appear in this font.
Alt + o, f
Sounds
Use sound effects on options windows and code selected from the menus.
Alt + o, s
Text to speech preferences
Choose to activate the speech messages option. Also, change the actual system SAPI5 text to speech voice and language.
Alt + o, t
Help menu
Documentation
This help document will open in the browser.
Alt + h, d
Inclusion Code web page
You will access the www.inclusioncode.com web page, you must have an active Internet connection.
Alt + h, i
About
Information about the current version and author of Inclusion Code.
Alt + h, a