Inclusion Code documentation

Version 2.0

Content

  • Introduction
  • Web accessibility
  • Program Compatibility
  • Program Features
  • Recommended use
  • Starting screen
  • Editor
  • Important note when integrating audios, images and videos
  • Menus and keyboard commands
  • Credits
  • Introduction

    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

    Recommended use

    We recommend using Inclusion Code for:

    Starting screen

    When Inclusion Code starts, a window will appear with several options that we can select to open the editor. They are:

    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