Ir al contenido principal

El poder en mis manos

13 de diciembre de 2018.

Programación HTML
Objetivo: Reconoce y valora 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 uso de la canción “Eye of the tiger”, Survivor, empleo la canción pues los alumnos la identifican con la Pelicula “Rocky” y eso a ellos les proporciona la sensación de poder.
Secuencia didáctica: Utilizo la canción de fondo para dar inicio mi explicación comentando que desde este momento ellos tienen el poder de crear en internet páginas web.
Técnica: Conversación y explicación usando pizarrón.
Desarrollo
Dejo ver que el empleo de Cubic Factory a pesar de la gran utilidad que tiene, presenta la desventaja
de no guardar directamente el trabajo realizado en un archivo de texto plano. Esta desventaja
requiere del empleo de un editor que permita hacer la conversión de formato RTF a formato HTML.
Al darnos cuenta de que si se puede hacer uso del editor de texto, con la finalidad de obtener una
evidencia, sugiero que hagan una captura de pantalla con el ejercicio generado. Al obtener la
captura de imagen, procedo a usar el pizarrón con la finalidad de colocar los primeros comandos
HTML.
Explico que la etiqueta <HTML> es una de las más importantes pues es la que determina el
contenido del documento y determina los elementos que deben ser leídos por la computadora para
poder mostrarlos. La etiqueta </HTML> concluye la identificación de los elementos. Las etiquetas
<HEAD> y </HEAD> son importantes pues permiten en conjunto con <HTML>, introducir al archivo dentro del navegador para visualizar su contenido. La siguiente etiqueta importante es <TITLE> </TITLE>, pues dentro del apartado <HEAD> del documento HTML, es uno de los comandos que son visibles ya que los anteriores, visualmente no tienen ningún efecto, sin embargo, <TITLE> si lo hace directamente en el navegador. La importancia de este comando radica que es quien define el elemento de búsqueda para Google, el título de cada resultado individual es el texto que introducimos en la etiqueta <TITLE> y esto será lo que hará la identificación del documento.


Cierre: Se pide a los alumnos que tecleen un texto breve entre las etiquetas permitiendo observar la inclusión de este texto en la página web generada por Cubic Factory.
Evaluación: Se considera para la próxima clase en donde harán uso tácito de los comandos en una práctica.

Notas:
Indentar o Sangrado: Sangrar un documento permite evitar errores.

Hipertexto (HTML), es un leguaje que se basa en el uso de etiquetas, la principal etiqueta

 🍊 "<  >" (Etiquetas)
🍊 <HTML> - Etiqueta que abre
🍊 </HTML>    - Etiqueta que cierra

17 de enero de 2019.
Color RGB:  Red   Green  Blue
Valor Hexadecimal
Body:Modifica el cuerpo de tu página web

Comentarios