Unidad 4. Los textos en HTML

Módulo de Desarrollo y Publicación de Productos Editoriales Multimedia

Actividades Unidad 04

Act01 Corrección de textos del proyecto "Nomadic Life"

Aunque esta actividad está basada en los textos del proyecto web de Nomadic Life, es una actividad para todo el grupo independientemente del proyecto elegido.

A partir de los originales que se facilitan, deberás leer con atención los de textos e identificar y corregir los errores existentes.

Hay errores de escritura, así como faltas ortográficas y acentos. Hay entre 25 y 45 errores entre los 4 archivos de texto.

INDICACIONES DE ENTREGA

Usando la aplicación "Documentos" de Google haz un listado indicando los errores identificados en cada texto, algo así como:

  • Quiénes somos: X errores (palabra errónea/corregida, palabra errónea/corregida,...)
  • Descubre el desierto: X errores (palabra errónea/corregida, palabra errónea/corregida,...)
  • Dónde estamos: X errores (palabra errónea/corregida, palabra errónea/corregida,...)
  • Excursiones y programas: X errores (palabra errónea/corregida, palabra errónea/corregida,...)

Entrega el "Documento" de Google y una copia en PDF. 

 

Act02a Etiquetado de textos del proyecto "Nomadic Life"

A partir de los archivos de texto corregidos, deberás etiquetar los textos de todas las páginas del proyecto de Nomadic Life atendiendo a las siguientes indicaciones.

Comprueba y asegúrate de que todos los documentos están basados en la plantilla base inicial y que incluyen el idioma en la etiqueta html (<html lang="es">) y las 2 etiquetas <meta> iniciales que se definieron.

 



Nombre y Apellidos - Curso escolar (negrita)
Módulo de Desarrollo y Publicación de Productos Editoriales Multimedia
email de contacto: correo@correo.com (cursiva)

 

  • Página Principal: Título en h1. Texto de pie de página.
  • ¿Quiénes somos?: Título en h1. Separación en bloques de párrafo.
    Texto de pie de página.
  • Descubre el desierto: Título en h1. Subtítulos h2 y h3. Separación en bloques de párrafo. Usar lista no ordenada para acceso a videos de la zona. Pie de página.
  • ¿Dónde estamos?: Título en h1. Subtítulos h2.
    Usar listas no ordenadas para organización de los datos. Pie de página.
  • Excursiones y programas: Título en h1. Subtítulos h2, h3 y h4. Edición de textos y listas no ordenadas para organización. Usar listas anidadas. Pie de página.
  • Galería de imágenes: Título en h1. Texto de pie de página.
  • Contacto: Título en h1. Texto de pie de página.

 

INDICACIONES DE ENTREGA

Entrega un archivo PDF que incluya un pantallazo de cada una de las páginas.

 

Act02b Etiquetado de textos del proyecto "Led Zeppelin"

Siguiendo las pautas del ejercicio anterior, y tomando como referencia el sitio web de Led Zeppelin, introducir y etiquetar los textos de todas las páginas del sitio. Ten en cuenta que todo lo relacionado con el formato de los mismos se aplicará más adelante con estilos CSS.

Comprueba y asegúrate de que todos los documentos están basados en la plantilla base inicial y que incluyen el idioma en la etiqueta html (<html lang="es">) y las 2 etiquetas <meta> iniciales que se definieron.

 



© Led Zeppelin - Curso escolar
Nombre y Apellidos - Correo electrónico (cursiva)

 

INDICACIONES DE ENTREGA

Entrega un archivo PDF que incluya un pantallazo de cada una de las páginas.

 

Act02c Etiquetado de textos del proyecto "personal"

Siguiendo las pautas de las actividades anteriores, etiquetar los textos de todas las páginas del sitio web personal.

Requisitos de los textos en proyecto personales

En los proyectos web personales, los textos que van a incluirse en las diferentes páginas deben prepararse para su colocación y posterior etiquetado y edición.

Los textos que se utilicen deberían ser parecidos en cuanto a extensión y  formato a los incluidos en el “Proyecto Web de referencia”, debiendo cumplir al menos con los siguientes requisitos:

  • Todas las páginas del sitio comenzarán con el Título o Nombre de la página que deberá estar etiquetado como Encabezado 1 (h1).
  • Deberá haber al menos 3 jerarquías de encabezados. Aunque no es necesario que se cumpla en todas las páginas, esta indicación deberá cumplirse en el mayor número de ellas.
  • Deberá haber al menos una página que tenga una cantidad de texto suficiente para que sea necesario hacer “scroll” vertical. Deberá tener diferentes apartados a los que se podrá acceder mediante marcadores que se colocarán al inicio de la página. Algo parecido a la página “Historia” del proyecto web de referencia.
  • Deberán utilizarse listas ordenadas y listas no ordenadas. Aunque no es necesario que se cumpla en todas las páginas, esta indicación deberá cumplirse en el mayor número de ellas.
  • Todas las páginas deberán tener al final de los contenidos propios de la misma un “pie de página común” que incluya al menos los siguientes datos:
    • Curso escolar – Ciclo Formativo – Módulo Formativo – Nombre y Apellidos – Correo electrónico.
    • El pié de página deberá separarse en varias líneas y quedar centrado.

He revisado y verificado que en mi proyecto personal se cumplen los requisitos mínimos definidos para la introducción, edición y etiquetado de textos.

 

INDICACIONES DE ENTREGA

Entrega un archivo PDF que incluya un pantallazo de cada una de las páginas.

 

Act03 Lista con código HTML

Invéntate una lista HTML escribiendo directamente todo el código necesario desde "0" usando Notepad++, un editor de texto normal o desde la vista de código de Dreamweaver.

La lista debe incluir:

INDICACIONES DE ENTREGA

Entrega 2 pantallazos, uno con el resultado final de la lista en el navegador y otro donde se vea el código HTML del documento.