<?xml version="1.0" encoding="ISO-8859-1"?><article xmlns:mml="http://www.w3.org/1998/Math/MathML" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<front>
<journal-meta>
<journal-id>2007-7467</journal-id>
<journal-title><![CDATA[RIDE. Revista Iberoamericana para la Investigación y el Desarrollo Educativo]]></journal-title>
<abbrev-journal-title><![CDATA[RIDE. Rev. Iberoam. Investig. Desarro. Educ]]></abbrev-journal-title>
<issn>2007-7467</issn>
<publisher>
<publisher-name><![CDATA[Centro de Estudios e Investigaciones para el Desarrollo Docente A.C.]]></publisher-name>
</publisher>
</journal-meta>
<article-meta>
<article-id>S2007-74672017000200833</article-id>
<article-id pub-id-type="doi">10.23913/ride.v8i15.323</article-id>
<title-group>
<article-title xml:lang="es"><![CDATA[Portal web con recursos didácticos digitales para el aprendizaje de HTML y CSS]]></article-title>
<article-title xml:lang="en"><![CDATA[Web portal with HTML and CSS digital learning resources]]></article-title>
<article-title xml:lang="pt"><![CDATA[Portal da Web com recursos didáticos digitais para aprender HTML e CSS]]></article-title>
</title-group>
<contrib-group>
<contrib contrib-type="author">
<name>
<surname><![CDATA[Jaimez-González]]></surname>
<given-names><![CDATA[Carlos R.]]></given-names>
</name>
<xref ref-type="aff" rid="Aff"/>
</contrib>
</contrib-group>
<aff id="Af1">
<institution><![CDATA[,Universidad Autónoma Metropolitana Unidad Cuajimalpa ]]></institution>
<addr-line><![CDATA[ ]]></addr-line>
<country>Mexico</country>
</aff>
<pub-date pub-type="pub">
<day>00</day>
<month>12</month>
<year>2017</year>
</pub-date>
<pub-date pub-type="epub">
<day>00</day>
<month>12</month>
<year>2017</year>
</pub-date>
<volume>8</volume>
<numero>15</numero>
<fpage>833</fpage>
<lpage>860</lpage>
<copyright-statement/>
<copyright-year/>
<self-uri xlink:href="http://www.scielo.org.mx/scielo.php?script=sci_arttext&amp;pid=S2007-74672017000200833&amp;lng=en&amp;nrm=iso"></self-uri><self-uri xlink:href="http://www.scielo.org.mx/scielo.php?script=sci_abstract&amp;pid=S2007-74672017000200833&amp;lng=en&amp;nrm=iso"></self-uri><self-uri xlink:href="http://www.scielo.org.mx/scielo.php?script=sci_pdf&amp;pid=S2007-74672017000200833&amp;lng=en&amp;nrm=iso"></self-uri><abstract abstract-type="short" xml:lang="es"><p><![CDATA[Resumen 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.]]></p></abstract>
<abstract abstract-type="short" xml:lang="en"><p><![CDATA[Abstract 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&#8217;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&#8217;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.]]></p></abstract>
<abstract abstract-type="short" xml:lang="pt"><p><![CDATA[Resumo 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 .]]></p></abstract>
<kwd-group>
<kwd lng="es"><![CDATA[Aprendizaje de HTML]]></kwd>
<kwd lng="es"><![CDATA[Aprendizaje de CSS]]></kwd>
<kwd lng="es"><![CDATA[Portal Web]]></kwd>
<kwd lng="es"><![CDATA[Recursos Didácticos Digitales]]></kwd>
<kwd lng="es"><![CDATA[Web Estático]]></kwd>
<kwd lng="en"><![CDATA[Learning HTML]]></kwd>
<kwd lng="en"><![CDATA[CSS]]></kwd>
<kwd lng="en"><![CDATA[Web Portal]]></kwd>
<kwd lng="en"><![CDATA[Online Learning Resources]]></kwd>
<kwd lng="en"><![CDATA[Static Web Development]]></kwd>
<kwd lng="pt"><![CDATA[Aprendizagem HTML]]></kwd>
<kwd lng="pt"><![CDATA[CSS Learning]]></kwd>
<kwd lng="pt"><![CDATA[Portal da Web]]></kwd>
<kwd lng="pt"><![CDATA[Recursos Didáticos Digitais]]></kwd>
<kwd lng="pt"><![CDATA[Web estática]]></kwd>
</kwd-group>
</article-meta>
</front><back>
<ref-list>
<ref id="B1">
<nlm-citation citation-type="book">
<person-group person-group-type="author">
<name>
<surname><![CDATA[Barfield]]></surname>
<given-names><![CDATA[L.]]></given-names>
</name>
</person-group>
<source><![CDATA[Designing for New Media]]></source>
<year>2004</year>
<publisher-loc><![CDATA[Essex, England ]]></publisher-loc>
<publisher-name><![CDATA[Pearson Addison Wesley]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B2">
<nlm-citation citation-type="book">
<person-group person-group-type="author">
<name>
<surname><![CDATA[Beaird]]></surname>
<given-names><![CDATA[J.]]></given-names>
</name>
</person-group>
<source><![CDATA[The Principles of Beautiful Web Design]]></source>
<year>2007</year>
<publisher-loc><![CDATA[Australia ]]></publisher-loc>
<publisher-name><![CDATA[Site Point]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B3">
<nlm-citation citation-type="book">
<person-group person-group-type="author">
<name>
<surname><![CDATA[González]]></surname>
<given-names><![CDATA[R.]]></given-names>
</name>
<name>
<surname><![CDATA[Cordero]]></surname>
<given-names><![CDATA[J. M.]]></given-names>
</name>
<name>
<surname><![CDATA[Valle]]></surname>
<given-names><![CDATA[J. M.]]></given-names>
</name>
</person-group>
<source><![CDATA[Diseño de páginas web: iniciación y referencia]]></source>
<year>2001</year>
<publisher-loc><![CDATA[Madrid, España ]]></publisher-loc>
<publisher-name><![CDATA[McGraw-Hill]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B4">
<nlm-citation citation-type="book">
<person-group person-group-type="author">
<name>
<surname><![CDATA[King]]></surname>
<given-names><![CDATA[A.]]></given-names>
</name>
</person-group>
<source><![CDATA[Optimización de Sitios Web]]></source>
<year>2003</year>
<publisher-loc><![CDATA[Madrid, España ]]></publisher-loc>
<publisher-name><![CDATA[Anaya Multimedia]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B5">
<nlm-citation citation-type="book">
<person-group person-group-type="author">
<name>
<surname><![CDATA[Krug]]></surname>
<given-names><![CDATA[S.]]></given-names>
</name>
</person-group>
<source><![CDATA[No me Hagas Pensar]]></source>
<year>2006</year>
<publisher-loc><![CDATA[Madrid, España ]]></publisher-loc>
<publisher-name><![CDATA[Pearson Prentice Hall]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B6">
<nlm-citation citation-type="book">
<person-group person-group-type="author">
<name>
<surname><![CDATA[Lynch]]></surname>
<given-names><![CDATA[P.]]></given-names>
</name>
<name>
<surname><![CDATA[Horton]]></surname>
<given-names><![CDATA[S.]]></given-names>
</name>
</person-group>
<source><![CDATA[Manual de Estilo Web]]></source>
<year>2004</year>
<publisher-loc><![CDATA[Barcelona, España ]]></publisher-loc>
<publisher-name><![CDATA[Gustavo Gilli]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B7">
<nlm-citation citation-type="book">
<person-group person-group-type="author">
<name>
<surname><![CDATA[Musciano]]></surname>
<given-names><![CDATA[C.]]></given-names>
</name>
<name>
<surname><![CDATA[Kennedy]]></surname>
<given-names><![CDATA[B.]]></given-names>
</name>
</person-group>
<source><![CDATA[HTML y XHTML, The Definitive Guide, Creating effective web pages]]></source>
<year>2002</year>
<publisher-loc><![CDATA[Sebastopol, CA ]]></publisher-loc>
<publisher-name><![CDATA[O'Reilly Media]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B8">
<nlm-citation citation-type="book">
<person-group person-group-type="author">
<name>
<surname><![CDATA[Nielsen]]></surname>
<given-names><![CDATA[J.]]></given-names>
</name>
</person-group>
<source><![CDATA[Designing Web Usability: The Practice of Simplicity]]></source>
<year>1999</year>
<publisher-loc><![CDATA[Thousand Oaks, CA ]]></publisher-loc>
<publisher-name><![CDATA[New Riders Publishing]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B9">
<nlm-citation citation-type="book">
<person-group person-group-type="author">
<name>
<surname><![CDATA[Nielsen]]></surname>
<given-names><![CDATA[J.]]></given-names>
</name>
<name>
<surname><![CDATA[Loranger]]></surname>
<given-names><![CDATA[H.]]></given-names>
</name>
</person-group>
<source><![CDATA[Prioritizing Web Usability]]></source>
<year>2006</year>
<publisher-loc><![CDATA[Berkeley, CA ]]></publisher-loc>
<publisher-name><![CDATA[New Riders Press]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B10">
<nlm-citation citation-type="book">
<person-group person-group-type="author">
<name>
<surname><![CDATA[Nielsen]]></surname>
<given-names><![CDATA[J.]]></given-names>
</name>
<name>
<surname><![CDATA[Tahir]]></surname>
<given-names><![CDATA[M.]]></given-names>
</name>
</person-group>
<source><![CDATA[Homepage Usability, 50 Websites Deconstructed]]></source>
<year>2001</year>
<publisher-loc><![CDATA[Thousand Oaks, CA ]]></publisher-loc>
<publisher-name><![CDATA[New Riders Publishing]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B11">
<nlm-citation citation-type="">
<collab>Red.es</collab>
<source><![CDATA[Evaluación de Material Educativo Digital. Taller de Formación Metodológica]]></source>
<year>2005</year>
<publisher-loc><![CDATA[Madrid ]]></publisher-loc>
</nlm-citation>
</ref>
<ref id="B12">
<nlm-citation citation-type="book">
<person-group person-group-type="author">
<name>
<surname><![CDATA[Rodríguez de la Fuente]]></surname>
<given-names><![CDATA[S.]]></given-names>
</name>
</person-group>
<source><![CDATA[Programación de aplicaciones web]]></source>
<year>2003</year>
<publisher-loc><![CDATA[México ]]></publisher-loc>
<publisher-name><![CDATA[Paraninfo]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B13">
<nlm-citation citation-type="book">
<person-group person-group-type="author">
<name>
<surname><![CDATA[Sánchez]]></surname>
<given-names><![CDATA[G.]]></given-names>
</name>
<name>
<surname><![CDATA[Santos]]></surname>
<given-names><![CDATA[G.]]></given-names>
</name>
<name>
<surname><![CDATA[Molina]]></surname>
<given-names><![CDATA[M.]]></given-names>
</name>
</person-group>
<source><![CDATA[HTML 4, Iniciación y Referencia]]></source>
<year>2001</year>
<publisher-loc><![CDATA[Madrid, España ]]></publisher-loc>
<publisher-name><![CDATA[McGraw-Hill]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B14">
<nlm-citation citation-type="book">
<collab>Universidad Autónoma Metropolitana, Unidad Cuajimalpa (UAM-C)</collab>
<source><![CDATA[Plan de Estudios de la Licenciatura en Ciencias de la Comunicación]]></source>
<year>2017</year>
<publisher-loc><![CDATA[México ]]></publisher-loc>
<publisher-name><![CDATA[UAM]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B15">
<nlm-citation citation-type="book">
<collab>Universidad Autónoma Metropolitana, Unidad Cuajimalpa (UAM-C)</collab>
<source><![CDATA[Plan de Estudios de la Licenciatura en Diseño]]></source>
<year>2017</year>
<publisher-loc><![CDATA[México ]]></publisher-loc>
<publisher-name><![CDATA[UAM]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B16">
<nlm-citation citation-type="book">
<collab>Universidad Autónoma Metropolitana, Unidad Cuajimalpa (UAM-C)</collab>
<source><![CDATA[Plan de Estudios de la Licenciatura en Tecnologías y Sistemas de Información]]></source>
<year>2017</year>
<publisher-loc><![CDATA[México ]]></publisher-loc>
<publisher-name><![CDATA[UAM]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B17">
<nlm-citation citation-type="book">
<collab>Universidad Autónoma Metropolitana, Unidad Cuajimalpa (UAM-C)</collab>
<source><![CDATA[Programa de la Unidad de Enseñanza-Aprendizaje Programación de Web Estático, de la Licenciatura en Tecnologías y Sistemas de Información]]></source>
<year>2017</year>
<publisher-loc><![CDATA[México ]]></publisher-loc>
<publisher-name><![CDATA[UAM]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B18">
<nlm-citation citation-type="book">
<collab>Universidad Autónoma Metropolitana, Unidad Cuajimalpa (UAM-C)</collab>
<source><![CDATA[Programa de la Unidad de Enseñanza-Aprendizaje Taller de Programación y Diseño de Web Estático, de la Licenciatura en Diseño]]></source>
<year>2017</year>
<publisher-loc><![CDATA[México ]]></publisher-loc>
<publisher-name><![CDATA[UAM]]></publisher-name>
</nlm-citation>
</ref>
<ref id="B19">
<nlm-citation citation-type="book">
<collab>Universidad Autónoma Metropolitana, Unidad Cuajimalpa (UAM-C)</collab>
<source><![CDATA[Programa de la Unidad de Enseñanza-Aprendizaje Tecnologías Web, de la Maestría en Diseño, Información y Comunicación]]></source>
<year>2017</year>
<publisher-loc><![CDATA[México ]]></publisher-loc>
<publisher-name><![CDATA[UAM]]></publisher-name>
</nlm-citation>
</ref>
</ref-list>
</back>
</article>
