Ir al contenido principal

Entradas

Repaso de tema

31 de enero de 2019. Programación en HTML 3 Objetivo: Proporcionar al alumno un repaso de lo anteriormente revisado en clase con la finalidad de prepararlo para un examen parcial sobre el tema. Situación didáctica:  Doy un repaso de los temas revisados hasta el momento preguntando y dando sellos como aliciente en clase Secuencia didáctica: Permito que revisen los apuntes que han sido enviados y proporciono asesoría con dudas sobre los temas Técnica: Conversación y uso de computadoras (práctica). Desarrollo En un solo ejemplo, recordamos la forma en la que se deben usar las principales etiquetas permitiendo que los alumnos puedan sacar dudas y corroborar su creación en Cubic Factory. Al hacer nuevamente los ejercicios realizados en clase y mediante la obtención de sellos, se generan interrogantes que se van solucionando y la práctica rehaciendo los ejercicios que se habían empleado. Al tiempo que se realizan preguntas y cada alumno pasa al pizarrón a resolver cada u...

Texto ordenado

24 de enero de 2019. Programación en 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: 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. Usando como ejemplo una lista de productos como los que se compran en un supermercado .Revisamos primeramente la etiqueta <ul> >/ul> para indicar que el texto colocado dentro de las etiquetas, f...

Colores en Web

Programación en 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 (practica). 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 importa...

Tablas en html

31 de enero de 2019 Programación en HTML 4 Objetivo: Apreciar, valora y emplear, la generación de una tabla pera ordenar información dentro de un documento HTML. Situación didáctica: Mediante el empleo de etiquetas HTML deben crear una tabla con la finalidad de organizar información dentro de sus celdas. Secuencia didáctica: Los alumnos, con ayuda de las computadoras y empleando la aplicación Cubic Factory toman como referencia lo que se escribe en el pizarrón para crear una tabla de 3 columnas por dos renglones para acomodar en cada celda su nombre, apellido paterno, materno, grado, grupo, color favorito y comida preferida. Técnica: Conversación, uso de pizarrón (práctica) y uso de computadoras (apuntes digitales). Desarrollo Es importante hacer notar, que la información puede crecer y para entenderla, hay que acomodarla de tal forma que permita poder recuperarla con facilidad. Una tabla no es otra cosa más que un medio de organizar datos en filas y columnas. Este concepto...

Ligas y Enlaces

31 de enero de 2019. Notas LIGAS Ligas internas:Son dentro del mismo sitio web Ligas externas: son fuera de el sitio, es decir van a páginas externas  ENLACES Http://gmail.com - enmascaramiento Http://300.100.50.10- Tim Berner Lee trabajó con códigos en números 

Creando con Programación

10 de enero de 2019. Programación en HTML 2 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 un breve resumen de lo revisado en la clase pasada y comento la importancia de emplear un editor de textos para generar un documento HTML. Secuencia didáctica: Hago que los chicos empleen Cubic Factory, que tecleen los comandos a revisar y vean cómo se comportan dentro de la aplicación.  Técnica: Conversación y uso de computadoras (práctica).  Desarrollo   Comento que en esta clase llevaremos a cabo la práctica de edición de algunos formatos. Comento que en estas etiquetas es forzoso cerrarla, para evitar confusiones y errores dentro de la programación. En la práctica, les hago ver que el texto que se vaya a incluir, en este caso su nombre, debe de estar entre las etiquetas <body> </body>. De igual forma, explico que el texto ...

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,...