sábado, 16 de mayo de 2020

LENGUAJE HTML 5 y CSS 3. (Sesión 8) - CSS


/* 
Código CSS Práctica9.css
*/

*{
box-sizing: border-box;
}

header, footer{
background-color: white;
border-style: solid;
border-radius: 20px;
padding: 5px;
text-align: center;
}

.separador1{
height: 10px;
clear: both;
}

.separador2{
width: 2%;
height: 1px;
float: left;
}

.centro{
width: 60%;
margin-left: auto;
margin-right: auto;
display: block;
}

.main{
height: 1200px;
}

img{
transition: all 0.5s linear;
border-style: solid;
border-color: white;
}

img:hover{
transform: scale(0.9);
border-radius: 30px;
}

.main img{
width: 49%;
float: left;
}

body{
background-image: url(img/Lol.JPG);
background-position: center                                              center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-color: grey;
}

————————————————————————————————————————



viernes, 15 de mayo de 2020

LENGUAJE HTML 5 Y CSS 3 (CSS)

/*
Hoja de Estilo Práctica 8C.css
*/

*{
box-sizing: border-box;
border-style: double;
}

h3,h4,h5{
text-align: center;
}

header, footer{
background-color: aquamarine;
color: white;
padding: 20px;
}

section{
background-color: lightgoldenrodyellow;
padding: 20px;
float: left;
width: 50%;
height: 300px;
border-style: solid;
overflow: auto;
}

article{
background-color:lightpink;
padding-left: 20px;
padding-right:20px;
padding-bottom:20px
overflow: auto;
}
footer{
clear: both;

}

LENGUAJE HTML 5 Y CSS 3 (HTML)

<!DOCTYPE html>
<html lang="es-Es">
<head>
    <meta charset="utf-8">
    <title> Práctica8c</title>
<link rel="stylesheet" href="Práctica8, sesión7.css">
</head>
<body>

<header>
<h3>Diseño Web
HTML 5</h3>
</header>
<article>
<h4>Contenido Web</h4>
<section>
<h5>Columna 1</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
Dolorem earum aliquid voluptates dolor temporibus perferendis eaque a distinctio harum cumque magnam esse ab provident, voluptas fugiat, quisquam odit, voluptate ipsam?
</p>
</section>
<section>
<h5>Columna 2</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
Dolorem earum aliquid voluptates dolor temporibus perferendis eaque a distinctio harum cumque magnam esse ab provident, voluptas fugiat, quisquam odit, voluptate ipsam?
</p>
</section>
<section>
<h5>Columna 3</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
Dolorem earum aliquid voluptates dolor temporibus perferendis eaque a distinctio harum cumque magnam esse ab provident, voluptas fugiat, quisquam odit, voluptate ipsam?
</p>
</section>
<section>
<h5>Columna 4</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. 
Dolorem earum aliquid voluptates dolor temporibus perferendis eaque a     distinctio harum cumque magnam esse ab provident, voluptas fugiat, quisquam odit, voluptate ipsam?
</p>
</section>
</article>

<footer>
<h5>Diseño realizado por @frMoisesfr</h5>
</footer>

</body>

</html>

martes, 12 de mayo de 2020

COMPARANDO APPs (artículo 1)- parte 2

INFORMACIÓN GENERAL:   DROPBOX

* Qué hace la aplicación:
     -Por lo que pude ver de la aplicación, Dropbox te permite subir archivos y almacenarlos mediante carpetas, además de permitir compartir estos archivos con quien desees, incluso tiene una función de escanear los documentos que necesites.

* Cómo se utiliza. Una breve descripción de su funcionamiento:
     -Se utiliza dependiendo del dispositivo que estés usando, en mi caso, después de instalar la aplicación y registrarte, sale una pantalla principal en la parte inferior, a la izquierda, donde se encuentran diversas funciones, con ellas puedes crear y manejar carpetas, fotos, documentos, archivos, etc… al iniciar por primera vez, salía en el apartado de archivos dos documentos que explicaban cómo usar Dropbox, pero es muy sencillo de usar, incluso sin instrucciones previas.                                            

* Dónde funciona. Si funciona en tu dispositivo, si se puede utilizar en Android y/o iOS:
     -La aplicación funciona en ambos dispositivos, tanto en iOS como en Android.

* Cuándo debería utilizarse esta aplicación:
     -Cuando tienes muchos archivos y deseas ordenarlos, o cuantos desees escanear un documento y guardarlo en la misma aplicación.

* Quien ha diseñado la aplicación. Nombre de la compañía que la ha desarrollado:
     -Los autores de dicha aplicación son Drew Houston y Arash Ferdowsi. La aplicación es operada por la compañía estadounidense Dropbox.

* ¿Tiene compras en su interior? ¿Tiene inscripción? ¿Qué coste tiene?:
     -Sí que puedes comprar en la aplicación, al iniciar, Dropbox consta de 2 GB, pero puedes ampliar el espacio pagando. Con el plan de Dropbox Business tienes dos opciones de pago, el mensual (18€), y el anual (15€).

* ¿Es estable o se cuelga con facilidad?:
     -Es la mayor parte del tiempo estable, solamente se me colgó cuando dí a “escanear documentos” por primera vez.

OPINIÓN

* ¿Te resulta fácil utilizar la aplicación?:
     -Es bastante intuitivo, no me resultó muy difícil familiarizarme con las funciones.

* ¿Te gusta la aplicación?:
     -En mi opinión personal, no lo creo necesario, al menos no en la actualidad, pero aún así, puedo ver que es una buena aplicación.

* ¿Tiene publicidad? ¿Te parece excesiva y por qué?:
     -En mi tiempo con la aplicación, aún no me ha salido ninguna publicidad.

* ¿Hace correctamente su función? (¿Cuales son sus puntos fuertes? ¿En qué debería mejorar? ):
     -Cumple su función bastante bien, su punto fuerte es lo intuitivo que es la aplicación, en lo que debería mejorar, en mi opinión, es en la opción de “escanear documentos”.

* ¿Cómo y cuándo has utilizado la aplicación?:
     -Es mi primera vez utilizando esta aplicación, pero lo usaría cuando tuviese muchos archivos y quisiera organizarlos bien.

* ¿La recomendarías? ¿Para quién?:
     -Sí que la recomendaría, supongo que para las personas que aman la organización y necesiten tener todos sus documentos en carpetas individuales.

* ¿Conoces otra aplicación que tenga funciones similares?:
     -La aplicación me recordó un poco a Drive, pero no es muy similar ni tienen las mismas funciones.

* ¿Qué puntuación le pondrías de 1 a 5?:
     -4,1.

COMPARACIÓN
A mi parecer, prefiero con mucha diferencia la aplicación de Dropbox, me gusta que tenga más de una función y que puedas hacer más de una cosa, me agrada el hecho de que puedas archivar estos documentos en la misma aplicación, y la forma de presentación de la aplicación es limpia y agradable.
La aplicación de office lens sería buena para cuando tienes mucha prisa y quieres escanear el documento. La aplicación de Dropbox sería recomendable cuando necesitas una aplicación fiable en la que poder realizar todos tus trabajos y proyectos sin necesidad de cambiar de aplicación.
Para mi, la mejor de entre las dos es Dropbox.




Comparando APPs (artículo 1)- parte 1

INFORMACIÓN GENERAL: OFFICE LENS

* Qué hace la aplicación:
     -Es básicamente un escáner de imágenes.

* Cómo se utiliza. Una breve descripción de su funcionamiento:
     -Al entrar en la aplicación, automáticamente te muestra una función de cámara, puedes hacer una foto o simplemente escoger una imagen de tu galería, después de seleccionar las fotos que desees, das a una flecha en un círculo naranja (la flecha solamente aparece cuando ya tienes una imagen seleccionada), después, la imagen se procesa, ahí es donde puedes insertar texto o dibujar, cuando termines, das al “listo”, y tienes que elegir el lugar en donde guardar el documento.

* Dónde funciona. Si funciona en tu dispositivo, si se puede utilizar en Android y/o iOS:
     -La aplicación funciona tanto en Android como en iOS.

* Cuándo debería utilizarse esta aplicación:
     -Cuando necesites escanear algo con urgencia y no quieres tener que “aprender” otras funciones.

* Quien ha diseñado la aplicación. Nombre de la compañía que la ha desarrollado:
    -Desarrollador: Microsoft Corporation, de la compañía de Microsoft Corporation.

* ¿Tiene compras en su interior? ¿Tiene inscripción? ¿Qué coste tiene?:
    -No tiene compras, ni inscripciones.

* ¿Es estable o se cuelga con facilidad?:
    -Es bastante estable.

OPINIÓN

* ¿Te resulta fácil utilizar la aplicación?
    -A mi parecer, es bastante fácil de utilizar.

* ¿Te gusta la aplicación?:
    -No me disgusta, pero tampoco me agrada mucho debido a que solo tiene una función únicamente.

* ¿Tiene publicidad? ¿Te parece excesiva y por qué?:
    -En la actualidad, aún no he visto ninguna publicidad.

* ¿Hace correctamente su función? (¿Cuales son sus puntos fuertes? ¿En qué debería mejorar? ):
    -Cumple con su función, su punto fuerte es la facilidad con la que realiza su trabajo, pero no me agrada la forma de presentación de la app.

* ¿Cómo y cuándo has utilizado la aplicación?:
     -Es la primera vez que lo utilizo.

* ¿La recomendarías? ¿Para quién?:
     -La recomendaría para aquellos que son muy directos y quieren hacer el trabajo rápidamente y sin ningún obstáculo.

* ¿Conoces otra aplicación que tenga funciones similares?:
     -Nunca he utilizado o interesado por las apps de escáner de documentos.

* ¿Qué puntuación le pondrías de 1 a 5?:
    -3,6.

lunes, 11 de mayo de 2020

CÁPSULA DEL TIEMPO DE ABRIL



CÁPSULA DEL TIEMPO DE ABRIL



1. Película:

     - No me he visto ninguna nueva película ya que en la actualidad me encuentro mas enfocada en las series, pero una que quiero verme es la de “aves de presa”, en resumidas cuentas, se trata de la historia de Harley Quinn, quien después de separarse de el Joker, se une a un grupo con otras tres chicas más para vivir muchas nuevas experiencias.



2. Serie o programa de televisión:

     - Una de las muchas series que me he visto es la de “Just an encore”, trata sobre la historia de una chica llamada Yan Ze, esta es una estudiante ordinaria que está enamorada de su compañero de clase, Ji Xiao, mientras muchas situaciones se van desarrollando, sus sentimientos van cambiando, trata sobre le vida de un grupo de adolescentes hasta que pasan a la edad adulta, es una serie china, de allí los nombres tan raros.



3. Canción:

     - La nueva canción de NCT Dream, “Ridin”.



4. Libro:

     - Un manga que me estoy viendo es la de “Jibaku Shounen Hanako-kun”, trata sobre una leyenda urbana japonesa, en esta historia, Nene Yashiro, una apasionada por el ocultismo, quiere ver si en realidad existe este ser misterioso, encontrándose con que él ser en realidad es un chico.


5. Noticia:

miércoles, 29 de abril de 2020

LENGUAJE HTML 5 Y CSS 3


LENGUAJE HTML 5 Y CSS 3 (CSS)


CSS:

/*
Hoja de Estilos PRACTICA7.CSS
*/

h4{
text-align: center
}

header{
background-color:yellowgreen;
text-align: center;
padding: 20px;
}

section{
width: 33%;
float: left;
}

footer{
background-color:yellowgreen;
text-align: center;
padding: 20px;
clear: both;
}

LENGUAJE HTML 5 Y CSS 3


LENGUAJE HTML 5 Y CSS 3 (HTML)


HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Document</title>
<link rel="stylesheet"href="Practica7.css"
</head>
<body>
<header>
<h3>PLANTILLA HTML5 Y CSS3 PROFESIONAL</h3>
<nav>Menú de navegación</nav>
</header>

<article>
<h4>Artículo de información</h4>
<section>
<h5>Columna 1</h5>
<p>Initio Romani, genus agricolarum, ruda numina invocaverant. Invocabant enim Iovem, numen caeli et fulminis, Martem, dominum hiemis et tempestatis; Saturnum, auctorem sementis et agrorum; Terminum, custodem limitum suorum; Silvanum,deum silvarum nemorumque, Cererem, deam frugum et herbarum; Venerem, dominam florum, Palem, propitiam pecori pastoribusque. Postea Romani deorum nomina novis fabulis auxerunt atque imprimis appellaverunt Iovem hominum deorumque patrem et postremo Tarquinius Superbus, romanorum ultimus rex...</p>
</section>
<section>
<h5>Columna 2</h5>
<p>Initio Romani, genus agricolarum, ruda numina invocaverant. Invocabant enim Iovem, numen caeli et fulminis, Martem, dominum hiemis et tempestatis; Saturnum, auctorem sementis et agrorum; Terminum, custodem limitum suorum; Silvanum,deum silvarum nemorumque, Cererem, deam frugum et herbarum; Venerem, dominam florum, Palem, propitiam pecori pastoribusque. Postea Romani deorum nomina novis fabulis auxerunt atque imprimis appellaverunt Iovem hominum deorumque patrem et postremo Tarquinius Superbus, romanorum ultimus rex...</p>
</section>
<section>
<h5>Columna 3</h5>
<p>Initio Romani, genus agricolarum, ruda numina invocaverant. Invocabant enim Iovem, numen caeli et fulminis, Martem, dominum hiemis et tempestatis; Saturnum, auctorem sementis et agrorum; Terminum, custodem limitum suorum; Silvanum,deum silvarum nemorumque, Cererem, deam frugum et herbarum; Venerem, dominam florum, Palem, propitiam pecori pastoribusque. Postea Romani deorum nomina novis fabulis auxerunt atque imprimis appellaverunt Iovem hominum deorumque patrem et postremo Tarquinius Superbus, romanorum ultimus rex...</p>
</section>
</article>
<footer>Pie de página</footer>

</body>

</html>

miércoles, 15 de abril de 2020

CÁPSULA DEL TIEMPO DE MARZO

CÁPSULA DEL TIEMPO DE MARZO


1. Una película o saga de películas:

    - He visto “baby blues” para un trabajo de inglés, trata, en resumidas cuentas, sobre una madre que se vuelve loca e intenta matar a sus hijos.




2. Una serie o programa de televisión:

     - Estoy viendo la serie (aun en emisión) de “2gether”, es sobre una historia de amor entre dos personas, dos amantes de la música, y de su vida en la “escuela”.



3. Una canción:

     - La nueva canción de NCT127, “Kick it”.





4. Un libro o cómic:

     - He leído el manga llamado “Beatriz”, trata sobre una princesa, llamada Chloe, que se convierte en esclava del hombre que mató a toda su familia, este, poco a poco irá desarrollando un sentimiento de amor hacia la protagonista.





5. Una noticia:

viernes, 3 de abril de 2020

JAVASCRIPT


Código


<!DOCTYPE html>
<html>
<!--Cabecera-->
<head lang=“es-Es”>
<title>Primera prueba con Javascript</title>
<meta charset="utf-8">
<script>
/*esto es un pequeño script*/
var Name= prompt("hola, ¿qué tal?¿cómo te llamas?");
alert("Hola 🤚🏻 "+Name );
alert("tu nombre es muy bonito, ¿lo sabías? 😊 ");
var Object= prompt("dime algo que te guste");
alert("a mi tambien me gusta/ gustan "+ Object);
alert("preguntame la fecha de hoy :) ");
alert(Date());
alert("ijijijij 😋");
</script>
</head>
<!--Cuerpo y contenido de mi página-->
<body>
<h1>Primera prueba de Javascript</h1>
<p>Esto es simplemente una prueba de Javascript.
hola :)
</p>
</body>
</html>

______________________________________________


EJEMPLO:













LENGUAJE HTML 5 Y CSS 3 (Sesión 12)

HTML: <!DOCTYPE html> <html lang="es-ES"> <head> <meta charset="UTF-8"> <title...