Se da una introducción a la manipulación y caracteres y cadenas en el lenguaje de programación C. Se muestran algunas funciones de librerías estándar de C con ejemplos de su uso. Se muestra el uso de punteros para manejar cadenas. Finalmente se muestra la conversión entre tipos de datos en C.
Funciones y procedimientos propios de LPPurumisama
Para mejorar la creación de algoritmos, para profundizar en LPP o simplemente para saber más sobre las potencialidades de esta herramienta tienes que leer "Funciones y Procedimientos propios de LPP".
enseñanza, es una metodología de trabajo en la que se integran la teoría y la práctica. Se caracteriza por la investigación, el aprendizaje por descubrimiento y el trabajo en equipo que, en su aspecto externo, se distingue por el acopio (en forma sistematizada) de material especializado acorde con el tema tratado teniendo como fin la elaboración de un producto tangible.
Se da una introducción a la manipulación y caracteres y cadenas en el lenguaje de programación C. Se muestran algunas funciones de librerías estándar de C con ejemplos de su uso. Se muestra el uso de punteros para manejar cadenas. Finalmente se muestra la conversión entre tipos de datos en C.
Funciones y procedimientos propios de LPPurumisama
Para mejorar la creación de algoritmos, para profundizar en LPP o simplemente para saber más sobre las potencialidades de esta herramienta tienes que leer "Funciones y Procedimientos propios de LPP".
enseñanza, es una metodología de trabajo en la que se integran la teoría y la práctica. Se caracteriza por la investigación, el aprendizaje por descubrimiento y el trabajo en equipo que, en su aspecto externo, se distingue por el acopio (en forma sistematizada) de material especializado acorde con el tema tratado teniendo como fin la elaboración de un producto tangible.
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informáticavazquezgarciajesusma
En este proyecto de investigación nos adentraremos en el fascinante mundo de la intersección entre el arte y los medios de comunicación en el campo de la informática.
La rápida evolución de la tecnología ha llevado a una fusión cada vez más estrecha entre el arte y los medios digitales, generando nuevas formas de expresión y comunicación.
Continuando con el desarrollo de nuestro proyecto haremos uso del método inductivo porque organizamos nuestra investigación a la particular a lo general. El diseño metodológico del trabajo es no experimental y transversal ya que no existe manipulación deliberada de las variables ni de la situación, si no que se observa los fundamental y como se dan en su contestó natural para después analizarlos.
El diseño es transversal porque los datos se recolectan en un solo momento y su propósito es describir variables y analizar su interrelación, solo se desea saber la incidencia y el valor de uno o más variables, el diseño será descriptivo porque se requiere establecer relación entre dos o más de estás.
Mediante una encuesta recopilamos la información de este proyecto los alumnos tengan conocimiento de la evolución del arte y los medios de comunicación en la información y su importancia para la institución.
Inteligencia Artificial y Ciberseguridad.pdfEmilio Casbas
Recopilación de los puntos más interesantes de diversas presentaciones, desde los visionarios conceptos de Alan Turing, pasando por la paradoja de Hans Moravec y la descripcion de Singularidad de Max Tegmark, hasta los innovadores avances de ChatGPT, y de cómo la IA está transformando la seguridad digital y protegiendo nuestras vidas.
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Telefónica
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0xWord escrito por Ibón Reinoso ( https://mypublicinbox.com/IBhone ) con Prólogo de Chema Alonso ( https://mypublicinbox.com/ChemaAlonso ). Puedes comprarlo aquí: https://0xword.com/es/libros/233-big-data-tecnologias-para-arquitecturas-data-centric.html
Es un diagrama para La asistencia técnica o apoyo técnico es brindada por las compañías para que sus clientes puedan hacer uso de sus productos o servicios de la manera en que fueron puestos a la venta.
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informáticavazquezgarciajesusma
En este proyecto de investigación nos adentraremos en el fascinante mundo de la intersección entre el arte y los medios de comunicación en el campo de la informática.
La rápida evolución de la tecnología ha llevado a una fusión cada vez más estrecha entre el arte y los medios digitales, generando nuevas formas de expresión y comunicación.
Continuando con el desarrollo de nuestro proyecto haremos uso del método inductivo porque organizamos nuestra investigación a la particular a lo general. El diseño metodológico del trabajo es no experimental y transversal ya que no existe manipulación deliberada de las variables ni de la situación, si no que se observa los fundamental y como se dan en su contestó natural para después analizarlos.
El diseño es transversal porque los datos se recolectan en un solo momento y su propósito es describir variables y analizar su interrelación, solo se desea saber la incidencia y el valor de uno o más variables, el diseño será descriptivo porque se requiere establecer relación entre dos o más de estás.
Mediante una encuesta recopilamos la información de este proyecto los alumnos tengan conocimiento de la evolución del arte y los medios de comunicación en la información y su importancia para la institución.
Actualmente, y debido al desarrollo tecnológico de campos como la informática y la electrónica, la mayoría de las bases de datos están en formato digital, siendo este un componente electrónico, por tanto se ha desarrollado y se ofrece un amplio rango de soluciones al problema del almacenamiento de datos.
1. CSS Hojas de Estilo en Cascada
Prof. Ramiro Estigarribia
ramiroec@gmail.com
Link a la presentación
2. Es un lenguaje para definir la presentación visual del sitio web.
Permite a los desarrolladores controlar el estilo y el formato de
múltiples páginas al mismo tiempo.
En lugar de definir el tipo de Letra/Color para cada parte, permite
hacer para todo el sitio.
¿Qué es CSS?
3. HTML fue creado para mostrar texto en pantalla.
Ejemplo: <p>Esto es un párrafo.</p>
Cuando se agregaron etiquetas como <font> y color,
comenzó una pesadilla para los desarrolladores web.
Para resolver este problema, el World Wide Web Consortium
(W3C) creó CSS.
¿Por qué CSS fue creado?
4. body {
font-size: 12px;
font-family: arial;
color: red;
background-color: blue;
}
En este ejemplo se define el tipo de letra: tamaño 12, arial,
color rojo, fondo azul.
Lista de colores: Lista de colores
Ejemplo de CSS
Probar el código:
https://www.w3schools.com
5. Cada declaración incluye un nombre de propiedad CSS y un
valor, separados por dos puntos.
Las declaraciones se separan con punto y coma, y los
bloques están rodeados por llaves.
Sintaxis de CSS
6. Un comentario CSS se coloca dentro del elemento <style> y
comienza con /* y termina con */
/* This is a single-line comment */
p {
color: red;
}
Comentarios con CSS
Probar el código:
https://www.w3schools.com
7. 1. Estilo inline: Combinar código CSS con HTML.
Se agrega la etiqueta <style> a las partes.
2. Estilo en la cabecera de la página: Se coloca en la
cabecera utilizando la etiqueta <style type=text/css>
3. Separación real del código HTML y CSS:
La etiqueta <link> sirve para informar que tenemos un
código CSS3 en un fichero externo.
Diferentes formas de incluir CSS
8. Se define con la propiedad style y es la forma más simple
pero menos recomendada.
El problema es que el código se repite muchas veces, en
lugar de hacer asignaciones genéricas.
1.Estilo inline
<h1 style=color:red;background-color:yellow>
Este mensaje es de color rojo sobre fondo amarillo.
</h1>
Probar el código:
https://code.sololearn.com
9. Permite definir estilos al inicio del código, que se aplican a las
distintas marcas HTML de la página.
2.Estilo en la cabecera
<style type=text/css>
h1 {color:red}
h2 {color:green}
h3 {color:blue}
</style>
<h1>rojo</h1>
<h2>verde</h2>
<h3>azul</h3>
Probar el código:
https://www.w3schools.com
10. La ventaja es que podemos aplicar las mismas reglas a
varias las páginas un sitio web.
Al programador le resulta más ordenado tener código HTML y
CSS separado.
3.CSS en archivo externo.
11. 3.CSS en archivo externo.
Archivo: prueba.html
<link rel=StyleSheet href=estilo.css>
</head>
<body>
<h1>Estilo en archivo externo.</h1>
<p>Un archivo separado.</p>
</body>
Archivo: estilo.css
body {
background-color:yellow;
color:blue;
font-family:arial;
}
Probar el código:
https://www.w3schools.com
12. Cuando se establece CSS en un elemento, sus descendientes
heredan de forma automática.
¿Cómo funciona la Herencia?
<style type=text/css>
body {
color:blue;
font-family:arial;
}
</style>
<p>Texto de Prueba</p>
Probar el código:
https://code.sololearn.com
13. Si existen 2 reglas iguales, tiene prioridad la más específica.
¿Cómo es la prioridad?
<style type=text/css>
body { color:black; }
h1 { color:red; }
p { color:green; }
</style>
<body>
<h1>Primero</h1>
<p>Texto de Prueba</p>
</body>
Probar el código:
https://code.sololearn.com
14. Es una regla CSS que puede ser utilizada muchas veces.
¿Qué son las Clases en CSS?
Archivo: prueba.html
<link rel=StyleSheet href=estilo.css>
<body>
<h1 class=resaltado>Titulo</h1>
<p class=resaltado>Es un texto
resaltado.</p>
</body>
Archivo: estilo.css
.resaltado{
color:black;
background-color:yellow;
font-style:italic; }
Probar el código:
https://code.sololearn.com
15. En lugar de usar class, se puede definir un identificador: id
Clase con identificador: id
Archivo: prueba.html
<link rel=StyleSheet href=estilo.css>
<div id="prueba">
<h1 class=resaltado>Titulo</h1>
<p class=resaltado>Es un texto
resaltado.</p>
</div>
Archivo: estilo.css
#prueba{
color:black;
background-color:yellow;
}
Probar el código:
https://code.sololearn.com
16. La propiedad background-color especifica el color de fondo
de un elemento.
opacity: especifica la transparencia entre 0 y 1.
Cuanto menor sea el valor es más transparente.
CSS background-color
Probar el código:
https://www.w3schools.com
17. Especifica una imagen para usar como fondo.
De forma predeterminada, la imagen se repite para que cubra
todo el elemento.
body {
background-image: url("paper.gif");
}
CSS background-image
Probar el código:
https://www.w3schools.com
18. Permite definir el tipo de borde:
➔ dotted - Define un borde punteado.
➔ dashed - Define un borde discontinuo.
➔ solid - Define un borde sólido.
➔ double - Define un borde doble.
➔ none: sin borde.
CSS Border Style
Probar el código:
https://www.w3schools.com
19. Con CSS puede agregar sombra al texto y a los elementos.
h1 {
text-shadow: 2px 2px;
}
Sombra con color:
h1 {
text-shadow: 2px 2px red;
}
CSS Shadow Effects
Probar el código:
https://www.w3schools.com
20. Permiten mover, rotar y escalar elementos.
div {
transform: rotate(20deg);
}
div {
transform: scale(2, 3);
}
Más información
CSS 2D Transforms
Probar el código:
https://www.w3schools.com
21. Permite realizar animaciones. Ejemplo de animación que cambia el color.
@keyframes example {
from {background-color: red;}
to {background-color: yellow;}
}
div {
background-color: red;
animation-name: example;
animation-duration: 4s;
}
Más información
CSS Animations
Probar el código:
https://www.w3schools.com
22. La regla @keyframes hace que la animación cambie de forma
gradual.
/* The animation code */
@keyframes example {
from {background-color: red;}
to {background-color: yellow;}
}
La regla @keyframes
23. Define cuánto tiempo debe tomar una animación:
div {
animation-duration: 3s;
}
CSS Animation-duration
Probar el código:
https://www.w3schools.com
24. La propiedad animation-delay especifica un retraso para el
inicio de una animación.
El siguiente ejemplo tiene un retraso de 2 segundos antes de
iniciar la animación.
animation-delay: 2s;
Animación Spinner: https://www.w3schools.com
CSS Animation-delay
Probar el código:
https://www.w3schools.com
25. CSS posee más propiedades que pueden consultarse en
listados de referencias:
CSS Reference
Otras propiedades de CSS
26. <div class="loader"></div>
Ejemplo de Spinner con CSS
.loader {
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid #3498db; /* Blue */
border-radius: 50%;
width: 120px; height: 120px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
Probar el código:
https://www.w3schools.com
Explicación del ejemplo:
https://www.w3schools.com
27. CSS permite definir cómo se presentan las aplicaciones web
a los usuarios.
CSS está basado en reglas que permiten definir los estilos
visuales y animaciones que van a aplicarse a elementos
particulares de una aplicación web.
Cuestionario
Resumen y conclusiones