Colores en WEB

Programación de HTML 3

OBJETIVO 

Conoce y emplea los comandos básicos de la programación en lenguaje HTML así como la forma de la creación de archivos HTML.

SITUACIÓN DIDÁCTICA

Comento que el año pasado, al revisar el tema de Photoshop habíamos determinado un patrón de colores RGB y que estos a su vez podían representarse mediante número hexadecimales.

SECUENCIA DIDÁCTICA

Además de comentar el uso de colores con las etiquetas correspondientes, pido ingresen al sitio https://htmlcolorcodes.com/es/ con la finalidad de obtener códigos hexadecimales para la práctica. 

TÉCNICA

Conversación y uso de computadoras (práctica). 

DESARROLLO

La importancia del color dentro de una página web, es importante pues dado que es un medio visual, el color es quien se encarga de llamar la atención a la información que se contiene en ese sitio. 

Siendo sinceros, en la actualidad uno de los principales uso es la parte comercial por ello el uso de colores resulta especialmente importante para el desarrollo de los fines que se pretenden buscar. Para iniciar con la práctica, empleamos la etiqueta para cambiar el color del fondo de la página web. En este punto, resulta importante comentar que a pesar de que se emplea en la programación la etiqueta el no interfiere con el cuerpo de la página web. 

Es importante recalcar que emplea para cierre, la misma etiqueta solo que en ese caso cierra al bgcolor. Empleamos para cambiar el color del texto. En este punto explico que los colores emplean un número hexadecimal para ser mostrados y que la forma en la que visualizamos dicho código se base en un formato de color RGB en donde para cada color base, se emplean dos números o una letra. (por ejemplo 00FF11).

CIERRE

Comento que estos comandos propician la alteración del texto que se escriba. 

EVALUACIÓN 

Se realiza cuando el alumno logra terminar la práctica completa.

TEXTO ORDENADO

Programación en HTML 4

OBJETIVO

Conoce y emplea los comandos básicos de la programación en lenguaje HTML así como la forma de la creación de archivos HTML.

SITUACIÓN DIDÁCTICA 

Hago mención de la importancia que tiene dar formato al texto que va a formar parte de una página web.

SECUENCIA DIDÁCTICA

Además de comentar el uso de colores con las etiquetas correspondientes, pido ingresen al sitio https://htmlcolorcodes.com/es/ con la finalidad de obtener códigos hexadecimales para la práctica y hagan uso de las capturas de pantalla para hacer a práctica.

TÉCNICA

Conversación y uso de computadoras (práctica). 

DESARROLLO

Comento la importancia que tiene la generación de listas con viñetas y numeradas para organizar el texto dentro de una página web. Revisamos las etiquetas:

<ul> </ul>: Indica que el texto que será insertado entre esta etiqueta formará parte de una lista.

<li> </li>: Se refiere los elementos que componen una lista con viñetas.

<ol> </ol>: Se refiere a los elementos que conforman una lista numerada. Comento que estos elementos también son susceptibles de ser modificados en su formato colocando la etiqueta en el lugar del texto a modificar. Por ejemplo para crear una lista con viñetas y con colores distintos deberíamos hacer:

<ul>

<li> <Font color=#101F8C>Arroz<Front color></li>

</ul>

CIERRE

Comento que estos comandos propician la alteración del texto que se escriba. 

EVALUACIÓN 

Se realiza cuando el alumno logra terminar la práctica completa generando listas con los comandos revisados.