Visual web editor for HTML, CSS and JavaScript to support teaching

Abstract

This paper presents a visual web editor to support teaching, which allows the creation of web pages that use HTML, CSS and JavaScript. The editor has a work area for placing visual elements, modifying their appearance through styles and adding validations to text input fields. Users of this editor can visualize the structure of a web page as a tree of nested elements, from which they can have access to such elements. For every web page produced in the editor three files are created:  an HTML file for the content, a CSS file for the styles, and a JavaScript file for validations.  This web editor allows web developers to create web pages and also supports teachers in activities related to web programming modules.