info:eu-repo/semantics/article
Visual web editor for HTML, CSS and JavaScript to support teaching
Editor web visual para HTML, CSS y JavaScript de apoyo a la docencia;
The teaching-learning process in ubiquitous and university contexts. Three case studies
Autor
Jaimez-González, Carlos
Vargas-Rodríguez, Rodrigo
Institución
Resumen
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. Este artículo presenta un editor web visual de apoyo a la docencia, el cual permite la creación de páginas web que utilizan HTML, CSS y JavaScript. El editor tiene un área de trabajo para colocar elementos visuales, modificar su apariencia mediante estilos y añadir validaciones a campos de entrada de texto. Los usuarios de este editor pueden visualizar la estructura de una página web como un árbol de elementos anidados, donde pueden tener acceso a ellos. Para cada página web producida en el editor hay tres archivos creados: un archivo HTML para el contenido, un archivo CSS para los estilos y un archivo JavaScript para validaciones. Este editor web permite a desarrolladores web crear páginas web y también apoya a docentes en actividades relacionadas con cursos de programación web. In this article, we aim to identify the components of the learning-teaching process for foreign languages that better adapt themselves to different teaching environments (face-to-face and online) with the objective of observing how the optimization of different methodological strategies can result in the optimization of learning. Likewise, we will identify some of the learning environmental constructions that have been carried out in a completely "online" environment (Universidade Aberta) as well as in a face-to-face but digitally enriched context (Universidade Católica Portuguesa).In this way, we propose a methodological design based on the adaptability of both the cognitive components of the students and the context in which learning takes place. It is committed to the diversification not only of contents, but also of the different ways of understanding learning.