Portal web con recursos didácticos digitales para el aprendizaje de HTML y CSS



Título del documento: Portal web con recursos didácticos digitales para el aprendizaje de HTML y CSS
Revista: RIDE. Revista Iberoamericana para la Investigación y el Desarrollo Educativo
Base de datos: CLASE
Número de sistema: 000477474
ISSN: 2007-7467
Autores: 1
Instituciones: 1Universidad Autónoma Metropolitana, Cuajimalpa, Ciudad de México. México
Año:
Periodo: Jul-Dic
Volumen: 8
Número: 15
País: México
Idioma: Español
Tipo de documento: Artículo
Enfoque: Analítico, descriptivo
Resumen en español En este artículo se presenta un portal web con una serie de recursos didácticos digitales con el objetivo de apoyar el aprendizaje del lenguaje de marcado de hipertexto (HTML) y las hojas de estilo en cascada (CSS), para la creación de sitios web estáticos. El contenido del portal web es de utilidad no solo para estudiantes de cursos de web estático de licenciatura, sino también para personas en busca de material introductorio que cubra los principios del funcionamiento de las aplicaciones web estáticas, utilizando HTML y CSS. Se discute la organización del portal web con las secciones que contiene; se describen los objetivos de aprendizaje de cada sección; se muestran los recursos didácticos digitales que se elaboraron junto con ejemplos concretos de cada tipo; se presenta una evaluación práctica aplicada a alumnos, con la intención de mostrar lo que los alumnos son capaces de realizar apoyados por el contenido del portal web. Los resultados de la evaluación práctica demostraron un buen desempeño de los alumnos, ya que el 75% de ellos logró completar más del 80% del sitio web solicitado en la evaluación. Con el objetivo de evaluar el portal web, se creó un instrumento de evaluación que se aplicó a alumnos de la materia de programación de web estático de la Universidad Autónoma Metropolitana, Unidad Cuajimalpa, el cual se diseñó para valorar los siguientes aspectos del portal web: diseño de interfaz, utilidad y características didácticas. Más del 90% de los alumnos que respondieron el instrumento de evaluación consideraron que los recursos didácticos apoyaron en la comprensión, aprendizaje y reforzamiento de los temas que se cubren en la materia de web estático, con lo cual se cumplió el objetivo del portal web desarrollado
Resumen en inglés This article focuses on a web portal with a variety of online resources for learning hypertext markup language (HTML) and cascading style sheets (CSS). This content is not only useful for undergraduate students of static web design, but also for individuals looking for an introduction to basic web development using HTML and CSS. The article discusses the web portal’s layout and site sections, as well as the teaching objectives of each section. Concrete examples are included of each type of online resource that was developed. An applied practical evaluation is also included to demonstrate what students are capable of doing with the help of this online content. According to the results of the practical evaluation, students showed strong skill development; 75% of the students were able to build more than 80% of the web site requested in the evaluation. To evaluate the web portal, an assessment tool was created to rate the following aspects: interface design, usefulness, and educational characteristics. Students of static web development at the Universidad Autónoma Metropolitana, Unidad Cuajimalpa, took part in the evaluation. More than 90% of the students who responded to the evaluation reported that the web portal’s educational resources had enhanced their comprehension and learning, and had reinforced the themes covered in their studies of static web development, thereby verifying that the web portal had fulfilled its objective
Resumen en portugués Este artigo apresenta um portal web com uma série de recursos de ensino digital com o objetivo de apoiar a aprendizagem da linguagem de marcação de hipertexto (HTML) e folhas de estilo em cascata (CSS), para a criação de sites estáticos. O conteúdo do portal da internet é útil não só para estudantes de graduação de cursos de web estáticos, mas também para pessoas que procuram material introdutório que abranja os princípios do funcionamento de aplicativos web estáticos, usando HTML e CSS. A organização do portal da web com as seções contidas é discutida; os objetivos de aprendizagem de cada seção são descritos; os recursos didáticos digitais que foram desenvolvidos em conjunto com exemplos concretos de cada tipo são mostrados; é apresentada uma avaliação prática aplicada aos alunos, com a intenção de mostrar o que os alunos podem fazer suportados pelo conteúdo do portal. Os resultados da avaliação prática mostraram um bom desempenho dos alunos, já que 75% deles conseguiram completar mais de 80% do site solicitado na avaliação. Com o objetivo de avaliar o portal da web, foi criada uma ferramenta de avaliação que foi aplicada aos estudantes do tema da programação estática da Universidade Autônoma Metropolitana da Unidade Cuajimalpa, que foi projetado para avaliar os seguintes aspectos do portal: design de interface, utilidade e características didáticas. Mais de 90% dos alunos que responderam ao instrumento de avaliação consideraram que os recursos didáticos apoiaram a compreensão, aprendizado e reforço dos tópicos abordados no tema da web estática, que atendeu o objetivo do portal web desenvolvido
Disciplinas: Educación
Palabras clave: Didáctica,
Educación superior,
Sitios web,
Desarrollo,
Recursos didácticos,
Tecnología educativa,
Universidad Autónoma Metropolitana (UAM),
México
Keyword: Education,
Didactics,
Higher education,
Web sites,
Development,
Teaching resources,
Educational technology,
Metropolitan Autonomous University,
Mexico
Texto completo: Texto completo (Ver HTML) Texto completo (Ver PDF)