Apuntes 3º

HISTORIA DE NAVEGADORES   OBJETIVO   Conoce, valora y compara, el uso de varios navegadores sus características iniciales y como han evolucionado para los usuarios. Vinculación semántica: HTML 3.2 CHROMIUM Navegadores W3C AOL NESTCAPE CHROME MOSAI 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 DEDÁ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 prov...

Historia de dragones  Vinculación semántica:  *safari  *internet  *aplicación  *komodo  NOTAS En lugar de haber SAFARI, las Macs contenían Internet Explorer. KOMODO es una aplicación multi plataforma así como un software multi plataforma, que va a permitir generar un lenguaje capaz de transmitir un ambiente. Se puede trabajar en WINDOWS y en cualquier otra plataforma, siempre y cuando se pueda instalar. En Komodo se puede programar más no compilar, ya que su función es EDICIÓN DE LENGUAJE, es decir, puede trabajar con diferentes lenguajes. Komodo trabaja con PHYTON, PHP, HTML, HTML5. Por lo tanto Komodo es un editor de lenguajes de programación.

EL PODER EN MIS MANOS 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. Vinculación semántica: *head  *html  *body  *title  */head  */html  */body  */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 ...

CREANDO PROGRAMACIÓN  Programación 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. Vinculación semántica: *cubic factory *programación *html *etiquetas de 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 e...

Colores en WEB Programación de 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 (práctica).  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 ...

TEXTO ORDENADO Programación en HTML 4 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: <ul> </ul>:  Indica que el texto que será insertado entre esta etiqueta formará parte de una lista. <li> </li>...

Vinculación semántica: *URL  *inglés  *resource  *caracteres  NOTAS  El URL es algo que tu no sabes que existe pero lo ocupas. URL  es una sigla del idioma inglés correspondiente a  Uniform Resource Locator  ( Localizador Uniforme de Recursos ). Se trata de la secuencia de caracteres que sigue un estándar y que permite denominar recursos dentro del entorno de  Internet  para que puedan ser localizados. Las ligas tienen su origen desde que Tim hace el internet, no había forma de ponerle un nombre. Lo reconocían a travez de un código esta dirección. Parte de estas ligas podemos determinar dos tipos de enlaces internos y enlaces externos.