Ir al contenido principal

El poder en mis manos

                                               PROGRAMACIÓN HTML               13 de diciembre de 2018


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

Notas: Indentar o Sangrado por que se puede encontrar rápidamente el error por que viene bien estructurado.
El HTML se basa en el uso de etiquetas la principal etiqueta es "< >" etiqueta que abres etiqueta que sierras.
<HTML
</HTML>
El html no es un lenguaje de programación como el delphi, o el C, sino más bien un sistema de etiquetas. Y gracias a estas etiquetas o marcas, que se le colocan a un texto, podemos darle la forma en la que queremos sea visto.
En sus inicios el lenguaje de programación html creaba documentos muy básicos, pero muy pronto con el auge del World Wide Wed (www), es decir, Internet, comienza también su desarrollo. Así en sus comienzos los navegadores de Internet solo funcionaban en modo texto. Luego se fueron todo fue mejorando a un ritmo extraordinario gracias al desarrollo de la red de redes (Internet).
Resultado de imagen para lenguaje en programacion  html

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.



 17 de diciembre de 2019


Color RGB
Red Green Blue
Valor Hexadecimal

Comentarios

Entradas populares de este blog

Programación en HTML4

Program ació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 conce...

Colores en web Programación en HTML

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