Visual web editor for HTML, CSS and JavaScript to support teaching
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 c...
| Main Authors: | , |
|---|---|
| Format: | Online |
| Language: | spa |
| Published: |
Universidad Nacional de Córdoba, Faculdad de Ciencias Sociales, Centro de Estudios Avanzados. Maestría en Procesos Educativos Mediados por Tecnología
2017
|
| Subjects: | |
| Online Access: | https://revistas.unc.edu.ar/index.php/vesc/article/view/17341 |
| _version_ | 1808110570709188608 |
|---|---|
| author | Jaimez-González, Carlos Vargas-Rodríguez, Rodrigo |
| author_facet | Jaimez-González, Carlos Vargas-Rodríguez, Rodrigo |
| author_sort | Jaimez-González, Carlos |
| collection | Portal de Revistas |
| description | 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. |
| format | Online |
| id | oai:ojs.revistas.unc.edu.ar:article-17341 |
| institution | Universidad Nacional de Cordoba |
| language | spa |
| publishDate | 2017 |
| publisher | Universidad Nacional de Córdoba, Faculdad de Ciencias Sociales, Centro de Estudios Avanzados. Maestría en Procesos Educativos Mediados por Tecnología |
| record_format | ojs |
| spelling | oai:ojs.revistas.unc.edu.ar:article-173412021-09-21T18:32:03Z 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 Jaimez-González, Carlos Vargas-Rodríguez, Rodrigo Editor Web Visual Programación Web Generación Automática de Código Tecnología Educativa Informal learning social networks gamification foreign language adaptability Visual Web Editor Web Programming Automatic Code Generation Educational Technology 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. Universidad Nacional de Córdoba, Faculdad de Ciencias Sociales, Centro de Estudios Avanzados. Maestría en Procesos Educativos Mediados por Tecnología 2017-06-26 info:eu-repo/semantics/article info:eu-repo/semantics/publishedVersion application/pdf https://revistas.unc.edu.ar/index.php/vesc/article/view/17341 Virtuality, Education and Science; Vol. 8 No. 14; 136-152 Virtualidad, Educación y Ciencia; Vol. 8 Núm. 14; 136-152 1853-6530 10.60020/1853-6530.v8.n14 spa https://revistas.unc.edu.ar/index.php/vesc/article/view/17341/17051 Derechos de autor 2017 Carlos Jaimez-González, Rodrigo Vargas-Rodríguez |
| spellingShingle | Editor Web Visual Programación Web Generación Automática de Código Tecnología Educativa Informal learning social networks gamification foreign language adaptability Visual Web Editor Web Programming Automatic Code Generation Educational Technology Jaimez-González, Carlos Vargas-Rodríguez, Rodrigo Visual web editor for HTML, CSS and JavaScript to support teaching |
| title | Visual web editor for HTML, CSS and JavaScript to support teaching |
| title_alt | 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 |
| title_full | Visual web editor for HTML, CSS and JavaScript to support teaching |
| title_fullStr | Visual web editor for HTML, CSS and JavaScript to support teaching |
| title_full_unstemmed | Visual web editor for HTML, CSS and JavaScript to support teaching |
| title_short | Visual web editor for HTML, CSS and JavaScript to support teaching |
| title_sort | visual web editor for html css and javascript to support teaching |
| topic | Editor Web Visual Programación Web Generación Automática de Código Tecnología Educativa Informal learning social networks gamification foreign language adaptability Visual Web Editor Web Programming Automatic Code Generation Educational Technology |
| topic_facet | Editor Web Visual Programación Web Generación Automática de Código Tecnología Educativa Informal learning social networks gamification foreign language adaptability Visual Web Editor Web Programming Automatic Code Generation Educational Technology |
| url | https://revistas.unc.edu.ar/index.php/vesc/article/view/17341 |
| work_keys_str_mv | AT jaimezgonzalezcarlos visualwebeditorforhtmlcssandjavascripttosupportteaching AT vargasrodriguezrodrigo visualwebeditorforhtmlcssandjavascripttosupportteaching AT jaimezgonzalezcarlos editorwebvisualparahtmlcssyjavascriptdeapoyoaladocencia AT vargasrodriguezrodrigo editorwebvisualparahtmlcssyjavascriptdeapoyoaladocencia AT jaimezgonzalezcarlos theteachinglearningprocessinubiquitousanduniversitycontextsthreecasestudies AT vargasrodriguezrodrigo theteachinglearningprocessinubiquitousanduniversitycontextsthreecasestudies |