Home UC3M
Home IT
Home / Docencia / Introducción a HTML

Intro a HTML

 Secuenciación de tareas

Secuenciación detallada del Curso

Tema Sección Título Duración
01 Diseño 1 Proposito del Web 1ª Semana
2 Diseño de páginas Web
02 Lenguaje HTML I 1 Estructura Documento HTML 2ª Semana
2 Tratamiento del Espacio y Secciones
3 Formato de Texto
03 Lenguaje HTML II 1 Listas
2 Tablas 3ª Semana
3 Hiperenlaces
4 Imágenes
5 Audio y vídeo
04 Estilo y publicación 1 Hojas de Estilo 4ª Semana
2 Publicar en Internet


Tema 01: Diseño (Duración: 5 horas)

Sección 1: Propósito del web (M1)
LT CE L C F D S E PP Actividad T. estimado Criterio de Evaluación Comentarios
      5           Familiarización con el interfaz 5 No puntua  
    5             Lectura documento de conformidad 5 No puntua  
            5     Enviar documento de conformidad 5 No puntua  
4 1               Leer apartados (IntroFases, 1_IntroProyecto, PropositoDelWeb) 5 No puntua  
      10           Consultar páginas web distintos objetivos 10 No puntua  
        15         Participar en el foro Aspectos de Diseño sobre influencia de objetivos y audiencia en estructura, contenido, presentación y navegación 15 Claridad en la exposición de las ideas, relevancia de las preguntas realizadas y de las respuestas y argumentos aportados. Capacidad de análisis y pensamiento crítico en el estudio de las páginas consultadas  
  5               Leer apartado 2_AnalisisPrevioPP 5 No puntua  
      10           Consultar y buscar páginas web personales 10 No puntua  
        15         Participar en el foro Aspectos de Diseño sobre contenido de una página web personal en función de sus objetivos y audiencia 15 Claridad en la exposición de las ideas, relevancia de las preguntas realizadas y de las respuestas y argumentos aportados. Capacidad de análisis y pensamiento crítico en el estudio de las pags consultadas  
          10       Crear documento ConclusionesObjAudiencia.doc con un resumen con las conclusiones del foro Aspectos de Diseño sobre selección de contenidos de una página personal en función de sus objetivos y audiencia. 10 Capacidad de síntesis y pensamiento crítico en la discriminación de la información relevante.  
  5               Leer apartado 3_PropositoPP 5 No puntua  
          15       Establecer propósito del sitio web y Crear documento ObjetivosWeb.doc que contenga los siguiente apartados: Objetivos, audiencia, contenido 15 Claridad del documento. Corrección en la forma de expresión. Calidad de los contenidos seleccionados para el web en función de su adecuación para los objetivos y audiencia propuesta.  
          5       Añadir al documento ObjetivosWeb.doc un apartado Justificación que incluya una argumentación razonada sobre el tipo de contenidos a incluir basándose en información recogida en ConclusionesObjAudiencia.doc 5 Relevancia de los criterios utilizados en la selección de contenidos y argumentación fundada en la participación en el foro y en los documentos leídos  
            5     Enviar documento al profesor 5 Envío en plazo (se descontarán 0,5 puntos por día de retraso) Entrega: Miercoles 1ª semana
          5       Corregir documento ObjetivosWeb.doc con la realimentación del profesor 5 Aplicar correcciones indicadas por el profesor. (se descontarán 0,5 puntos por cada corrección no aplicada)  
4 11 5 25 30 35 10 0 0   120    
Sección 2: Diseño del web (M2)
LT CE L C F D S E PP Actividad T. estimado Criterio de Evaluación Comentarios
5                 Leer EstructuraSitioWeb 5 No puntua  
  5               Leer 4_EstructuraContenidosPP 5 No puntua  
                5 Crear esqueleto del sitio web (carpetas y ficheros) 5 No puntua  
          5       Crear documento EstructuraWeb.doc 5 Adecuación de la jerarquía de carpetas al contenido del web según los criterios expuestos en las diferentes lecturas.  
5                 Leer DisenioWeb 5 No puntua  
      5           Consultar páginas web distintos colores de diseño (opcional) 5 No puntua  
    5             Leer artículo "Ideas de Jacob Nielsen sobre cómo escribir para la web" 5 No puntua  
      5           Consultar páginas web distintos diseños (Telefónica, Coca-cola, IT) 5 No puntua  
        15         Participar en el foro Aspectos de Diseño analizando el diseño de los sitios web consultados teniendo en cuenta los documentos leidos sobre diseño y el efecto que producen en el visitante 15 Claridad en la exposición de las ideas, relevancia de las preguntas realizadas y de las respuestas y argumentos aportados. Capacidad de análisis y pensamiento crítico en el estudio de las pags consultadas. Fundamentación sólida de los argumentos expuestos basándose en los documentos leidos.  
  5               Leer 5_DisenioPresentacionPP 5 No puntua  
                20 Crear un boceto para cada una de las páginas de su sitio web 20 Se valorará el diseño en función de la distribución espacial de los contenidos en pantalla. Paleta de colores, originalidad. Accesibilidad. Adecuación a los objetivos y audiencia  
          15       Crear documento PresentacionWeb.doc 15 Claridad del documento.Corrección en la forma de expresión. Relevancia de los criterios utilizados para decidir el diseño de presentación y argumentación fundada en la documentación leida, los web consultados y las discusiones en el foro.  
5                 Leer Navegación 5 No puntua  
    10             Leer los apartados Estructura, Tipo de Estructura y Navegación de la guía "Consejos para crear un sitio web. Usabilidad" (http://www.webestilo.com/guia) 10 No puntua  
      5           Consultar páginas web que utilicen metáforas de navegación (http://www.metaforadigital.com) 5 No puntua  
      5           Consultar estructura de navegación del web del Departamento de Ingeniería Telemática http://www.it.uc3m.es 5 No puntua  
        15         Participar en el foro Aspectos de Diseño analizando los mecanismos de navegación de los distintos sitios web consultados teniendo en cuenta los documentos leidos sobre navegación 15 Claridad en la exposición de las ideas, relevancia de las preguntas realizadas y de las respuestas y argumentos aportados. Capacidad de análisis y pensamiento crítico en el estudio de las pags consultadas. Argumentación fundada en los documentos leidos.  
  5               Leer 6_DisenioNavegacionPP 5 No puntua  
          15       Diseñar la navegación del sitio web (incluirla en el boceto) 15 Se valorará el diseño en función de la accesibilidad a las distintas piezas de información. Flexibilidad en los mecanismos de navegación (local y global). Adecuación a los objetivos y audiencia (resulta intuitivo para el tipo de usuario elegido?). Se valorará la existencia de mecanismos adicionales (mapas, vuelta atrás, etc.)  
          10       Crear documento NavegacionWeb.doc 10 Claridad del documento.Corrección en la forma de expresión. Relevancia de los criterios utilizados para decidir el diseño de navegación y argumentación fundada en la documentación leida, los web consultados y las discusiones en el foro.  
          5       Crear documento DisenioWeb.doc que incluya (Objetivosweb.doc, EstructuraWeb.doc, PresentacionWeb.doc y NavegacionWeb.doc) 5 Claridad del documento.Corrección en la forma de expresión. Relevancia de los criterios utilizados para decidir el diseño y argumentación fundada en la documentación leida, los web consultados y las discusiones en el foro.  
            5     Enviar bocetos y DisenioWeb.doc al profesor   Envío en plazo (se descontarán 0,5 puntos por día de retraso) Entrega: Lunes 2ª semana
          5       Corregir documento y bocetos 5 Aplicar correcciones indicadas por el profesor. (Se descontarán 0,5 puntos por cada corrección no aplicada)  
15 15 15 20 30 55 5 0 25   180    

Tema 02: Lenguaje HTML I (Duración: 3,5 horas)

Sección 1: Estructura Documento (M3)
LT CE L C F D S E PP Actividad T. estimado Criterio de Evaluación Comentarios
5                 Leer Intro 5 No puntua  
              10   Crear documento básico y visualizarlo en el navegador 10 No puntua  
              5   Crear documento básico con el editor interactivo 5 No puntua  
5                 Leer DocumentoBasico 5 No puntua  
  5               Leer 7_EstructuraHTMLPP 5 No puntua  
                15 Crear estructura (cabecera y cuerpo) de todas las páginas web del PP 15 Corrección del código HTML  
        5         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros 5 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
5                 Leer TitulosYParrafos 5 No puntua  
              10   Practicar el uso de las etiquetas <hi> y <p> con el editor interactivo 10 No puntua  
  5               Leer 8_TitulosYParrafosPP 5 No puntua  
                15 Añadir texto a las páginas web del PP y estructurar el texto en secciones identificando los títulos y los párrafos. 15 Corrección del código. Corrección del lenguaje y adecuación del contenido y el estilo utilizado a los objetivos y audiencia. Respetar principios sobre cómo escribir en el web expuestos en lectura Jacob Nielsen  
        5         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros 5 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
15 10 0 0 10 0 0 25 30   90    
Sección 2: Tratamiento del Espacio y Secciones (M4)
LT CE L C F D S E PP Actividad T. estimado Criterio de Evaluación Comentarios
5                 Leer EspacioEnBlanco 5 No puntua  
              5   Probar el uso que hace el navegador de los espacios en blanco con el editor interactivo. 5 No puntua  
5                 Leer SangrarTexto 5 No puntua  
              10   Practicar el uso de las etiquetas <blockquote>, <center>, <pre> y la entidad &nbsp; con el editor interactivo 10 No puntua  
      5           Consultar entidades 5 No puntua  
5                 Leer SaltosDeLineaSecciones 5 No puntua  
              5   Practicar el uso de las etiquetas <br> y <hr> con el editor interactivo 5 No puntua  
  5               Leer 9_TratamientoEspacioYSecciones 5 No puntua  
                10 Añadir a las páginas web del PP las etiquetas para tratamiento del espacio y secciones 10 Corrección del código. Adecuación al diseño o justificación de la desviación respecto al diseño propuesto.  
        5         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros 5 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
15 5 0 5 5 0 0 20 10   60    
Sección 3: Énfasis, formato y tipos de fuente (M5)
LT CE L C F D S E PP Actividad T. estimado Criterio de Evaluación Comentarios
5                 Leer Enfasis en el texto y tipos de letra 5 No puntua  
              10   Practicar el uso de las etiquetas para dar énfasis al texto con el editor interactivo 10 No puntua  
  5               Leer 10_EnfasisFormatoPP 5 No puntua  
                10 Añadir a las páginas web del PP las etiquetas para dar énfasis a distintas palabras del texto. 10 Corrección del código. Adecuación a los objetivos. Respetar principios sobre cómo escribir en el web expuestos en lectura Jacob Nielsen  
        5         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros 5 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
5                 Leer FormatoTexto 5 No puntua  
              10   Practicar el uso de la etiqueta <font> y sus atributos con el editor interactivo 10 No puntua  
      10           Consultar colores en HTML 10 No puntua  
10 5 0 10 5 0 0 20 10   60    

Tema 03: Lenguaje HTML II (Duración 6,5 horas)

Sección 1: Listas (M6)
LT CE L C F D S E PP Actividad T. estimado Criterio de Evaluación Comentarios
5                 Leer IntroListas 5 No puntua  
5                 Leer ListasDesordenadas 5 No puntua  
              10   Practicar el uso de las etiquetas <ul> y <li> con el editor interactivo. 10 No puntua  
5                 Leer ListasOrdenadas 5 No puntua  
              10   Practicar el uso de las etiquetas <ol> y <li> con el editor interactivo 10 No puntua  
5                 Leer ListasDefiniciones 5 No puntua  
              10   Practicar el uso de las etiquetas <dl>, <dt> y <dd> con el editor interactivo 10 No puntua  
5                 Leer CombinacionListas 5 No puntua  
              10   Practicar el anidamiento de listas de distintos tipos con el editor interactivo 10 No puntua  
  5               Leer 11_ListasPP 5 No puntua  
                15 Añadir listas a las páginas web del PP 15 Corrección del código. Adecuación al diseño o justificación de la desviación respecto al diseño propuesto.  
        5         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros 5 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
25 5 0 0 5 0 0 40 15   90    
Sección 2: Tablas (M7)
LT CE L C F D S E PP Actividad T. estimado Criterio de Evaluación Comentarios
5                 Leer Tablas 5 No puntua  
              10   Practicar el uso de las etiquetas <table>, <tr>, <td> y <th> con el editor interactivo 10 No puntua  
5                 Leer TablaAtributos 5 No puntua  
              10   Practicar el uso de los atributos de la etiqueta <table> con el editor interactivo 10 No puntua  
5                 Leer TablaAtributosDeFilasCeldas 5 No puntua  
                  Practicar el uso de los atributos de las etiquetas <tr> y <td> con el editor interactivo   No puntua  
                  Leer TablaAtributosEstilo   No puntua  
              5   Practicar el uso de colores de fondo en celdas y tablas con el editor interactivo. 5 No puntua  
  5               Leer 12_TablasPP 5 No puntua  
                15 Añadir tablas a las páginas web del PP 15 Corrección del código. Adecuación al diseño en caso de que se utilicen para la distir  
        5         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros. 5 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
  5               Leer 13_ListasYTablasPP 5 No puntua  
                15 Añadir a las páginas web del PP una combinación de listas y tablas 15 Corrección del código. Adecuación al diseño o justificación de la desviación respecto al diseño propuesto.  
        5         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros 5 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
15 10 0 0 10 0 0 25 30   90    
Sección 3: Hiperenlaces (M8)
LT CE L C F D S E PP Actividad T. estimado Criterio de Evaluación Comentarios
5                 Leer HiperenlacesIntro 5 No puntua  
5                 Leer HiperenlacesExternos 5 No puntua  
              10   Practicar el uso de hiperenlaces a páginas que se encuentren en otro servidor web 10 No puntua  
  5               Leer 14_EnlacesExternosPP 5 No puntua  
                10 Añadir enlaces externos a las páginas web del PP. 10 Corrección del código. Adecuación de los enlaces a los objetivos y audiencia de nuestro web. Comprobación de que los enlaces añadidos funcionan.  
        5         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros 5 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
5                 Leer HiperenlacesRelativos 5 No puntua  
              10   Practicar el uso de hiperenlaces a páginas que se encuentren en el mismo servidor. 10 No puntua  
  5               Leer 15_EnlacesRelativosPP 5 No puntua  
                10 Añadir a las páginas web del PP mecanismos de navegación global 10 Corrección del código. Adecuación al diseño o justificación de la desviación respecto al diseño propuesto. Comprobación de que los enlaces añadidos funcionan.  
        5         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros 5 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
5                 Leer HiperenlacesInternos 5 No puntua  
              10   Practicar el uso de hiperenlaces entre distintos puntos de la misma página con el editor interactivo 10 No puntua  
  5               Leer 16_EnlacesInternosPP 5 No puntua  
                10 Añadir a las páginas web del PP mecanismos de navegación local (índices, etc.) 10 Corrección del código. Adecuación al diseño o justificación de la desviación respecto al diseño propuesto. Comprobación de que los enlaces añadidos funcionan.  
        5         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros 5 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
5                 Leer HiperenlacesCorreo 5 No puntua  
              5   Practicar el uso de hiperenlaces para el envío de correo electrónico con el editor interactivo 5 No puntua  
  5               Leer 17_EnlacesCorreoPP 5 No puntua  
                10 Añadir a las páginas web del PP una referencia al autor de las páginas y un enlace para enviarle un correo 10 Corrección del código. Comprobación de que los enlaces añadidos funcionan.  
        5         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros 5 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
25 20 0 0 20 0 0 35 40   140    
Sección 4: Imágenes (M9)
LT CE L C F D S E PP Actividad T. estimado Criterio de Evaluación Comentarios
5                 Leer Imágenes 5 No puntua  
              10   Practicar el uso de la etiqueta <img> y sus atributos con el editor interactivo 10 No puntua  
  5               Leer 18_ImagenesPP 5 No Puntua  
                15 Añadir imágenes a las páginas web del PP 15 Corrección del código. Adecuación al diseño. Comprobación de que las imágenes se descargan correctamente. Se valorarán las medidas usadas para disminuir tiempo de descarga. (disminuir num colores, resolución, etc.)  
        5         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros 5 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
5 5 0 0 5 0 0 10 15   40    
Sección 5: Audio y Video (M10)
LT CE L C F D S E PP Actividad T. estimado Criterio de Evaluación Comentarios
5                 Leer MultimediaIntro 5 No puntua  
5                 Leer Audio 5 No puntua  
              5   Practicar el uso de la etiqueta <embed> y sus atributos para incluir audio en una página web. 5 No puntua  
5                 Leer Video 5 No puntua  
              10   Practicar el uso de la etiqueta <embed> y sus atributos para incluir video en una página web. 10 No puntua  
1                 Leer 19_OtrosObjetosPP   No puntua  
                1 Añadir a la página principal del PP una música de fondo   No Puntua  
        1         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros   Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
15 0 0 0 0 0 0 15 0   30    

Tema 04: Estilo y Publicación (Duración: 5 horas)

Sección 1: Hojas de Estilo (M11)
LT CE L C F D S E PP Actividad T. estimado Criterio de Evaluación Comentarios
5                 Leer IntroCSS 5 No puntua  
5                 Leer ReglasDeEstilo 5 No puntua  
5                 Leer EstiloDfElemento 5 No puntua  
              10   Practicar la aplicación de estilo a elementos de un documento HTML con el atributo style 10 No puntua  
      10           Consultar atributos de estilo y valores 10 No Puntua  
5                 Leer EstiloDfCabecera 5 No puntua  
              10   Practicar la aplicación de estilo a documentos HTML con el elemento <style> dentro de la cabecera del doc. 10 No puntua  
5                 Leer EstiloVinculado 5 No puntua  
              10   Practicar la creación de hojas de estilo en ficheros independientes y su vinculación a documentos HTML con la etiqueta <link> y sus atributos 10 No puntua  
  5               Leer 20_HojasDeEstiloPP 5 No puntua  
                20 Crear una hoja de estilo y vincularla a todas las páginas web del PP 20 Corrección del código. Adecuación al diseño o justificación de la desviación. Comprobación funcionamiento en distintos navegadores. Originalidad. Nivel de separación entre elementos lógicos y de formato dentro del documento.  
        10         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros 10 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
25 5 0 10 10 0 0 30 20   100    
Sección 2: Publicación Web (M12)
LT CE L C F D S E PP Actividad T. estimado Criterio de Evaluación Comentarios
  5               Leer 21_PublicarPP 5 No puntua  
                20 Publicar las páginas web del PP en un servidor web público (ej: http://www.gratisweb.com) 20 Funcionalidad del sitio web: Correcto funcionamiento de los enlaces, imágenes. Tiempos de descarga, accesibilidad desde distintos navegadores, etc. Entrega: Miércoles 4ª semana
        10         Participar en el foro sobre HTML planteando dudas o respondiendo las de los compañeros 10 Grado de participación y colaboración. Claridad y concisión en las intervenciones. Relevancia de las dudas planteadas, Calidad de las ayudas aportadas a la resolución de las dudas de otros compañeros.  
            5     Enviar correo al profesor indicando dirección de las páginas 5 Envío en plazo (se descontarán 0,5 puntos por día de retraso) Entrega: Miércoles 4ª semana
            5     Enviar mensaje al foro Postproducción indicando la dirección de las páginas 5 Envío en plazo (se descontarán 0,5 puntos por día de retraso) Entrega: Miércoles 4ª semana
        120         Comentar en el foro Postproducción las páginas de los demás compañeros 120 Capacidad de análisis, pensamiento crítico. Discriminación de aspectos + y - respecto a los contenidos, estructura, presentación y navegación. Valoración de la adecuación a los objetivos y audiencia. Relevancia y utilidad de las alternativas propuestas.  
          30       Crear documento AnalisisWeb.doc indicando los comentarios de los compañeros al web creado y las mejoras propuestas. 30 Claridad y corrección en la forma de expresión. Relevancia de los criterios utilizados para analizar el trabajo realizado (su estructura, contenido, diseño de presentación y navegación). Argumentación fundada en la documentación leida, los web consultados y las opiniones recogidas del foro. Justificación de las modificaciones realizadas respecto al diseño inicial propuesto.  
            5     Enviar documento DiseñoWeb.doc corregido y documento AnalisisWeb.doc al profesor 5 Envío en plazo (se descontarán 0,5 puntos por día de retraso) Entrega: Lunes 5ª semana
0 5 0 0 130 30 15 0 20   200    

Memoria de Actividades

  • LT: Lectura tema
  • CE: Caso de estudio
  • L: Lectura Complementaria
  • C: Consultas Web
  • F: Participación en el Foro
  • D: Elaboración de un documento
  • S: Envío
  • E: Ejercicios HTML (Editor interactivo o editor de texto plano)
  • PP: Trabajo en proyecto personal
Go Up

Localización | Personal | Docencia | Investigación | Novedades | Intranet
inicio | mapa del web | contacta

Last Revision: