Programación en 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.
vinculación semántica:Editor de textos Lenguaje HTML Etiquetas básicas <HTML> <HEAD> <TITLE> </HTML> </HEAD> </TITLE>
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 Fabric, 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 <bodoy> </body> 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.