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

Authors

  • Carlos Jaimez-González Universidad Autónoma Metropolitana
  • Rodrigo Vargas-Rodríguez Universidad Autónoma Metropolitana

DOI:

https://doi.org/10.60020/1853-6530.v8.n14.17341

Keywords:

Visual Web Editor, Web Programming, Automatic Code Generation, Educational Technology

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.

Downloads

Download data is not yet available.
tapa

Downloads

Published

2017-06-26

How to Cite

Jaimez-González, C., & Vargas-Rodríguez, R. (2017). Visual web editor for HTML, CSS and JavaScript to support teaching. Virtuality, Education and Science, 8(14), 136–152. https://doi.org/10.60020/1853-6530.v8.n14.17341

Issue

Vol. 8 No. 14

Section

Innovation and Experiences

License

The generation of derivative works is allowed as long as it is not done for commercial purposes. The original work may not be used for commercial purposes.