miércoles, 7 de junio de 2017
viernes, 2 de junio de 2017
mayo 31 2017
El día de hoy se realizó el acumulativo, y también se dijo a las personas las cuales quedaban exentas de este .
Cambiar el estilo CSS de una web dinámicamente. Parte I – JavaScript
El uso de estilos mediante CSS nos permite crear toneladas de trucos ingeniosos y adaptaciones increíbles, especialmente con la incursión de CSS3 ha ido adentrándose en terrenos anteriormente desconocidos para las hojas de estilo, pero como lenguaje en muchas circunstancias su función sigue limitándose a lo estilístico.
Su manejo de dinamismo no ha sido bien adaptado, y es por ello que en esta clase de proyectos es aún recomendable respaldarnos y utilizar un lenguaje como JavaScript, o en su defecto un lenguaje del lado servidor como PHP, que nos permita llevar a cabo el uso de variables dinámicas y condicionamiento.
viernes, 26 de mayo de 2017
MAYO 24 2017
manual 23
2.1. Selectores básicos
2.1.1. Selector universal
Se utiliza para seleccionar todos los elementos de la página. El siguiente ejemplo elimina el margen y el relleno de todos los elementos HTML (por ahora no es importante fijarse en la parte de la declaración de la regla CSS):
* { margin: 0; padding: 0; }
El selector universal se indica mediante un asterisco (
*). A pesar de su sencillez, no se utiliza habitualmente, ya que es difícil que un mismo estilo se pueda aplicar a todos los elementos de una página.
No obstante, sí que se suele combinar con otros selectores y además, forma parte de algunos hacksmuy utilizados, como se verá más adelante.
2.1.2. Selector de tipo o etiqueta
Selecciona todos los elementos de la página cuya etiqueta HTML coincide con el valor del selector. El siguiente ejemplo selecciona todos los párrafos de la página:
p { ... }
Para utilizar este selector, solamente es necesario indicar el nombre de una etiqueta HTML (sin los caracteres
< y >) correspondiente a los elementos que se quieren seleccionar.
El siguiente ejemplo aplica diferentes estilos a los titulares y a los párrafos de una página HTML:
h1 { color: red; } h2 { color: blue; } p { color: black; }
Si se quiere aplicar los mismos estilos a dos etiquetas diferentes, se pueden encadenar los selectores. En el siguiente ejemplo, los títulos de sección
h1, h2 y h3 comparten los mismos estilos:h1 { color: #8A8E27; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } h2 { color: #8A8E27; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } h3 { color: #8A8E27; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
En este caso, CSS permite agrupar todas las reglas individuales en una sola regla con un selector múltiple. Para ello, se incluyen todos los selectores separados por una coma (
,) y el resultado es que la siguiente regla CSS es equivalente a las tres reglas anteriores:h1, h2, h3 { color: #8A8E27; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
En las hojas de estilo complejas, es habitual agrupar las propiedades comunes de varios elementos en una única regla CSS y posteriormente definir las propiedades específicas de esos mismos elementos. El siguiente ejemplo establece en primer lugar las propiedades comunes de los títulos de sección (color y tipo de letra) y a continuación, establece el tamaño de letra de cada uno de ellos:
h1, h2, h3 { color: #8A8E27; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } h1 { font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.2em; }
2.1.3. Selector descendente
Selecciona los elementos que se encuentran dentro de otros elementos. Un elemento es descendiente de otro cuando se encuentra entre las etiquetas de apertura y de cierre del otro elemento.
El selector del siguiente ejemplo selecciona todos los elementos
<span> de la página que se encuentren dentro de un elemento <p>:p span { color: red; }
Si el código HTML de la página es el siguiente:
<p> ... <span>texto1</span> ... <a href="">...<span>texto2</span></a> ... </p>
El selector
p span selecciona tanto texto1 como texto2. El motivo es que en el selector descendente, un elemento no tiene que ser descendiente directo del otro. La única condición es que un elemento debe estar dentro de otro elemento, sin importar el nivel de profundidad en el que se encuentre.
Al resto de elementos
<span> de la página que no están dentro de un elemento <p>, no se les aplica la regla CSS anterior.
Los selectores descendentes permiten aumentar la precisión del selector de tipo o etiqueta. Así, utilizando el selector descendente es posible aplicar diferentes estilos a los elementos del mismo tipo. El siguiente ejemplo amplía el anterior y muestra de color azul todo el texto de los
<span> contenidos dentro de un <h1>:p span { color: red; } h1 span { color: blue; }
https://librosweb.es/libro/css/capitulo_2/selectores_basicos.html
SE SIGUE CON EL PROYECTO HABIAMOS QUEDADO EN LAS BASES
4. Basado en el código HTML anterior, se le aplica un Template tipo Html / Responsive desing.
DIGITADOR: cod.30 Camila Rosado
BASES: -Javier Luna
-Valeria Rojas
-Dolly Pinzón
-Nicol Cruz
5. Entregado el paso anterior se realiza dos copias, la primera se validará con Html5.
DIGITADOR: cod.11 Paula Gonzalez
BASES: -Julian Goméz
-Daniel Almeida
-Juan Rincón
-Daniel Peréz
6. Y la segunda se validará con Javascript.
DIGITADOR: cod.5 Mónica Blanco
BASES: -Angela Barajas
-Juana Gelvez
-Camila Martínez
-Sebastian Sierra
7. Utilizando el mismo diseño del template se crea un segundo archivo(formulario.html), donde se debe visualizar cajas de texto, cajas de selección de los campos (nombre, e-mail, teléfono fijo, Teléfono celular, observación de la atención), lo anterior es para crear un PQRSF (Peticiones, Quejas, Reclamos, Sugerencias y Felicitaciones).Todo este item (el 7 ), debe ir validado.
DIGITADOR: cod.13 Juan Jimenez
BASES: -Sara Mejía
-Salma Osorio
-Silvia Lara
-Juan Soler
8. Basado en todo lo anterior, se debe programar el ejercicio propuesto por el Docente, utilizando todo lo desarrollado desde el punto 1 hasta el 7. Todo debe ser programado en JavaScript.
DIGITADOR: cod.34 Marian Suarez
BASES: -Laura Ríos
-Andrés Martinez
-Danna Hernandez
-Valentina Vargas.
PARA REALIZAR EL PROYECTO DE 10 A
Utilizamos 5 horas 2 min
viernes, 19 de mayo de 2017
(mayo 17 2017)
SE INICIO EL PROYECTO
Se divide en 9 fases, en la primera hora la base 1 utilizo la hora completa para realizar el algoritmo, según dado por el profesor, en hojas escrito por el programador.
1 base :
*Nicolas Vazquez ------ programador
*Nicol Gomez
*Sebastian cardozo
*Jary Suarez
Se divide en 9 fases, en la primera hora la base 1 utilizo la hora completa para realizar el algoritmo, según dado por el profesor, en hojas escrito por el programador.
1 base :
*Nicolas Vazquez ------ programador
*Nicol Gomez
*Sebastian cardozo
*Jary Suarez
miércoles, 10 de mayo de 2017
Mayo 10 2017
No hay clase por el día E
PROCEDIMIENTO
Décimo A: Conformación de los grupos de Trabajo.
1: Crear el algoritmo de la aplicación, según enunciado del ejercicio propuesto por el Docente.
DIGITADOR: cod.37 Nicolas Vasquez
BASES: - Nicol Gomez
- Jary Suárez
- Juan Amado
2. Basado en el algoritmo anterior, se crea el pseudocódigo.
DIGITADOR: cod.26 María Pinzón
BASES: -Nicol Salazar
-Andrés Cardozo
-Diana Ortíz
3. Construcción del código HTML, necesario para empezar a crear la aplicación, según el enunciado del item 1.
DIGITADOR: cod.15 Juan Londoño.
BASES: -Yerly Almarales
-Natalia Palacio
-Elkin Morales
4. Basado en el código HTML anterior, se le aplica un Template tipo Html / Responsive desing.
DIGITADOR: cod.30 Camila Rosado
BASES: -Javier Luna
-Valeria Rojas
-Dolly Pinzón
-Nicol Cruz
5. Entregado el paso anterior se realiza dos copias, la primera se validará con Html5.
DIGITADOR: cod.11 Paula Gonzalez
BASES: -Julian Goméz
-Daniel Almeida
-Juan Rincón
-Daniel Peréz
6. Y la segunda se validará con Javascript.
DIGITADOR: cod.5 Mónica Blanco
BASES: -Angela Barajas
-Juana Gelvez
-Camila Martínez
-Sebastian Sierra
7. Utilizando el mismo diseño del template se crea un segundo archivo(formulario.html), donde se debe visualizar cajas de texto, cajas de selección de los campos (nombre, e-mail, teléfono fijo, Teléfono celular, observación de la atención), lo anterior es para crear un PQRSF (Peticiones, Quejas, Reclamos, Sugerencias y Felicitaciones).Todo este item (el 7 ), debe ir validado.
DIGITADOR: cod.13 Juan Jimenez
BASES: -Sara Mejía
-Salma Osorio
-Silvia Lara
-Juan Soler
8. Basado en todo lo anterior, se debe programar el ejercicio propuesto por el Docente, utilizando todo lo desarrollado desde el punto 1 hasta el 7. Todo debe ser programado en JavaScript.
DIGITADOR: cod.34 Marian Suarez
BASES: -Laura Ríos
-Andrés Martinez
-Danna Hernandez
-Valentina Vargas.
Nota para Décimo B: Envio lista de los items a desarrollar en el proyecto, como tambien los nombres de los digitadores, falta seleccionar las bases. Esas bases al igual que sus compañeros de décimo A, la indicaran uds. los alumnos de 10b. Por ello espero un e-mail de su representante, donde me indique los integrantes de cada base. Cada base debe tener como mínimo dos integrantes fuera del escritor.
[2017-05-06 :: 14:00] - Décimo B: Conformación de los grupos de Trabajo.
1: Crear el algoritmo de la aplicación, según enunciado del ejercicio propuesto por el Docente.
DIGITADOR: cod.07 Maryan Cienfuegos
BASES: -Gustavo Quijano
-Maria Caballero
-Mayra Rodriguez
-karen Villamizar
2. Basado en el algoritmo anterior, se crea el pseudocódigo.
DIGITADOR: cod.26 Juan Pedraza
BASES: -Daniel Camacho
-Jesus Ortega
-Paula Medellin
-Luisa Avendaño
3. Construcción del código HTML, necesario para empezar a crear la aplicación, según el enunciado del item 1.
DIGITADOR: cod.13 Juan Franco
BASES: -Harold Duran
-Maria Sarmiento
-Silvia Gonzalez
-
4. Basado en el código HTML anterior, se le aplica un Template tipo Html / Responsive desing.
DIGITADOR: cod.10 Maria Duarte
BASES: -Susana Gomez
-Angelica Orjuela
-Nicole Paredes
-Mariana Chavez
5. Entregado el paso anterior se realiza dos copias, la primera se validará con Html5.
DIGITADOR: cod.28 Sebastian Ramirez
BASES: -Luis Fontecha
-Juan Duarte
-Sara Ribero
-Andrea Rios
6. Y la segunda se validará con Javascript.
DIGITADOR: cod.33 William Rodriguez
BASES: -Johan Giraldo
-Juan Patiño
-Camilo Solano
-Nicolas Toledo
7. Utilizando el mismo diseño del template se crea un segundo archivo(formulario.html), donde se debe visualizar cajas de texto, cajas de selección de los campos (nombre, e-mail, teléfono fijo, Teléfono celular, observación de la atención), lo anterior es para crear un PQRSF (Peticiones, Quejas, Reclamos, Sugerencias y Felicitaciones).Todo este item (el 7 ), debe ir validado.
DIGITADOR: cod.18 Leonardo Gonzalez
BASES: -Mariana Alzate
-Maria Montoya
-Julian Colmenares
-Pablo Salgar
8. Basado en todo lo anterior, se debe programar el ejercicio propuesto por el Docente, utilizando todo lo desarrollado desde el punto 1 hasta el 7. Todo debe ser programado en JavaScript.
DIGITADOR: cod.31 Laura Rodriguez
BASES: -Karen Capataz
-Maria Garcia
-Christian Gonzalez
viernes, 5 de mayo de 2017
Mayo 3 2017
Se habló las instrucciones del proyecto se va realizar durante 4 horas.
Van haber 9 digitadores, escogidos por el profesor y cada uno va trabajar con 2 bases.
viernes, 28 de abril de 2017
(ABRIL 26 2017)
Hoy no hubo clase de informática debido a la prueba saber del segundo periodo.
MANUAL 21 :El Padre de la Computación
Charles Babbage FRS (Teignmouth, Devonshire, Gran Bretaña, 26 de diciembre de 1791-Londres, 18 de octubre de 1871) fue un matemático británico y científico de la computación. Diseñó y parcialmente implementó una máquina para calcular, de diferencias mecánicas para calcular tablas de números. También diseñó, pero nunca construyó, la máquina analítica para ejecutar programas de tabulación o computación; por estos inventos se le considera como una de las primeras personas en concebir la idea de lo que hoy llamaríamos una computadora, por lo que se le considera como «El Padre de la Computación». En el Museo de Ciencias de Londres se exhiben partes de sus mecanismos inconclusos. Parte de su cerebro conservado en formol se exhibe en el Royal College of Surgeons of England, sito en Londres.
https://es.wikipedia.org/wiki/Charles_Babbage
MANUAL 22: LA PRIMERA PROGRAMADORA
Augusta Ada King, Condesa de Lovelace , (nacida Augusta Ada Byron en Londres, 10 de diciembre de 1815 - Londres, 27 de noviembre de 1852), conocida habitualmente como Ada Lovelace, fue una matemática y escritora británica conocida principalmente por su trabajo sobre la máquina calculadora mecánica de uso general de Charles Babbage, la denominada máquina analítica. Entre sus notas sobre la máquina se encuentra lo que se reconoce hoy como el primer algoritmo destinado a ser procesado por una máquina, por lo que se la considera como la primera programadora de ordenadores.
Suscribirse a:
Entradas (Atom)