De que pintas tu texto?
Buen día para todos, espero se encuentren bien. La sesión de hoy propone el diseño y elaboración de cuerpos de contenido con formatos definidos. Para ello se plantea un grupo de ejercicios en donde pondremos a prueba la mayor cantidad de «etiquetas» de forma que comprendamos como operan y funcionan las diferentes alternativas que se tienen para modificar un texto. Ustedes encontrarán en esta sección información relacionada con el uso de etiquetas básicas como base y punto de partida para el desarrollo de los ejercicios propuestos. Recuerda que este tema es introductorio y nos servirá para aplicarlo dentro de nuestros trabajos prácticos durante la aplicación de Hipertextos.
Tiempo estimado: 90 minutos.
Materiales: Video , Referencias.
Modalidad de trabajo: Trabajo individual.
Objetivos:
El objetivo del ejercicio es conocer como las diferentes etiquetas del lenguaje Html pueden modificar los contenidos.
Tema a desarrollar: Características básicas del lenguaje Html.
Software a emplear:
Bloc de notas y editor Html Online.
Resultado de la Actividad (Insumo de progreso)
Tiempo 1°: (documento 1)
Exploración e identificación de nuevas etiquetas que modifican al texto. A partir de la explicación y participación de grupo, construya una hoja de contenido que presente la característica principal de cada una de las siguientes características (Asígnele un color de fondo personalizado) :
- Etiquetas H1….H6.
- Etiquetas negrita, cursiva, subrayado.
- Etiqueta «Color de fuente».
- Etiquetas «Font»; face, size, color.
- Etiqueta intermitencia.
ADJUNTAR: Imagen resultado (Imagen del Navegador)
Tiempo 2°: (Documento 2)
En este punto realizaremos un documento similar a la muestra donde se evidencie la aplicación de cada una de las etiquetas estudiadas en la sesión. Para ello debemos aplicar un mínimo de 10 etiquetas diferentes.
ADJUNTAR: Imagen resultado (Imagen del Navegador) y archivo .html del bloc de notas.
NOTA: Recuerde las características estudiadas de cada uno de los recursos que emplearemos en esta asignación (infografía).
