Entradas

Mostrando entradas de febrero, 2019

tablas

Imagen
31 DE ENERO DEL 2019 Tablas 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 column...

Repaso de tema

Imagen
31 DE ENERO DEL 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 uno ...

Colores en Web

Imagen
31 DE ENERO DEL 2019 Colores en Web 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 col...

Crear con programación

Imagen
10 DE ENERO DEL 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 (practica). 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 que se quier...

Komodo

Imagen
                                   06 DE DICIEMBRE DEL 2018 Historias de dragones. Komodo Objetivo: Conoce y valora el uso de aplicaciones instalables y en línea para la edición y creación de código HTML. Situación didáctica: En esta ocasión, más que usar el título de una canción, empleo el nombre de un grupo para iniciar mi clase; Imagine Dragons, “Natural”. Secuencia didáctica: Utilizo la canción de fondo para dar inicio mi explicación haciendo mención de la posibilidad de realizar búsquedas para lograr ilustrar sus apuntes. Técnica: Conversación. Desarrollo Comento en un principio, las características de un dragón de Komodo y sobre su peligrosidad. Denoto que Komodo es un editor de código multiplataforma y que tiene dos versiones: Komodo IDE: Es una versión de paga. Komodo Edit: Es una versión gratuita pero limitada en su funcionamiento. Al ser multiplataforma, es capa...

Como pez en el agua

Imagen
29 DE NOVIEMBRE DEL 2018 Como pez en el agua. Historia de los navegadores Objetivo: Conoce, valora y compara, el uso de varios navegadores sus características iniciales y como han evolucionado para los usuarios Situación didáctica: Escojo la canción de “Crazy”, de Aerosmith debido al tema y equiparado al furor que se dio al hacer uso de los primeros navegadores de internet pues su uso, provocaba en muchas personas esa característica de volverse loca por conocer y usar internet. Secuencia didáctica: Durante el transcurso de la clase, pido a los alumnos generen búsquedas relacionadas con los nombres y elementos que menciono, con la finalidad que estas búsquedas sirvan como aporte para la ilustración de su apunte. Técnica: Anécdota. Desarrollo Comento con los alumnos que en un inicio, no existía la gran variedad de navegadores como lo hay en día y que además, el nombre de navegador proviene del primer programa para internet. Comento, que el primer programa que sirvió para entrar a in...

Texto acomodado

Imagen
31 DE ENERO DEL 2019 TEXTO ORDENADO Texto ordenado 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. Revisamos las etiquetas: : Indica que el texto que será insertado entre esta etiqueta formará parte de una lista. : Se refiere los elementos que componen una lista con viñetas. ...

EJERCICIOS HTML

Imagen
<HTML>   <HEAD>     <TITLE>Mi Pagina</TITLE><HEAD>       <BODY>         Martín   <br>         Lista para supermercado <br>         <ul>           <Li>Carne</Li>           <Li>Arroz</Li>           <Li>Azucar</Li>           <Li>Tocino</Li>           <Li>Leche</Li>           <Li>Gansito</Li>           <Li>Cereal</Li>         </ul>     <br>     Lo anterior fueron marcas<br>         <ul>           <ol>               ...

Ligas

Imagen
                                     13 DE DICIEMBRE DEL 2018 Las ligas tienen su origen desde que Tim Berners Lee crea internet como: http://122.130.150.6 Parte de estas ligas hay dos tipos de enlaces internos y externos y se encuentran en paginas del mismo sitio.

Nuevo comienzo

Imagen
                                                          22 DE NOVIEMBBRE DEL 2018   Nuevo comienzo Historia de HTML Objetivo: Conoce, comprende y valora, los principales elementos que permiten el desarrollo del HTML y los principales personajes que impulsan su creación. Situación didáctica: En clase inicio con una canción del año en el que inicia mi relato: 1990, Soda Stereo, Música Ligera. Comento que esa canción es del año en el que se empieza la creación del lenguaje HTML Secuencia didáctica: Pido tomen su nota digital sobre el tema que conversamos y durante la clase, pido que realicen búsquedas en internet sobre ciertos elementos que voy mencionando en clase. Técnica: Anécdota. Desarrollo Doy la bienvenida a la clase e inicio poniendo la canción seleccionada. Comento que con el avance del tiempo, se han desarrollado nuevos elem...

El poder en mis manos

Imagen
      13 DE DICIEMBRE DEL 2018 Programación HTML El poder en mis manos. 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. 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 ...

Tipos de redes por su extensión

Imagen
                                                        18 DE OCTUBRE DEL 2018                                                Tipos de redes por su extension Objetivo: Reconocer y valorar la importancia que tienen las redes según su extensión y el posible uso dependiendo de su tamaño. Desarrollo El término red hace referencia a un conjunto de sistemas informáticos independientes conectados entre sí, de tal forma que posibilitan un intercambio de datos, para lo que es necesario tanto la conexión física como la conexión lógica de los sistemas. Esta última se establece por medio de unos 1000000000000000000000000000000000000000000000000000000000000000000000000000protocolos de red especiales, como es el caso de TCP ...