miércoles, 1 de abril de 2020

Etiquetas HTML

En primer lugar, comenzamos la página dándole un nombre

Si quieres escribir cualquier otra cosa, utilizamos <p>"Texto"</p>
Mi página web
<html>
<head>
<title>
Mi pagina web
</title>
</head>
A continuación podemos ponerle un color de fondo a nuestra Página, si buscas en Internet hay una gran gama de colores que puedes escoger.
Yo he utilizado el siguiente código de color, que se corresponde con un rosa claro
#FFB6C1
<body style="background-color:#FFB6C1;">
A continuación puedes añadir una imagen de presentación de tu blog, es muy sencillo:
Tendrás que ir a tu buscador y elegir una foto. A continuación click derecho y seleccionaremos "Copiar dirección de imagen" 
Utilizamos la siguiente etiqueta -> 

Si quieres centrar la imagen, o cualquier texto solo tienes que usar <center> al inicio


<img src="url de imágen"/
¿Necesitas poner un título a tu imagen?
De esta manera el título de la seleccionada saldrá cuando pases el ratón por encima de la misma
Puedes escoger cualquier título, aunque piensa bien uno que ubique la fotografía en un espacio, un tiempo etc 
Justo debajo de lo anterior deberás poner
 Title="El título (más cosas que quieras poner)"
Necesitas insertar un link en una imagen y no sabes cómo, en realidad es muy sencillo. 
De nuevo, debemos ir a una imagen y pinchar sobre ella. Esta nos conducirá a un sitio web, del cual copiaremos su URL. A continuación volveremos a copiar la dirección de imagen de la que anteriormente has seleccionado 
<img src="" alt= "Título"/>

<a title="Titulo que saldrá al pasar por encima el ratón" href="URL sitio web"><img src="
dirección de imágen" alt="Título" />
Ahora simplemente quieres introducir un link normal.  Debemos ir al sitio web que has elegido y copiaras la URL junto con la siguiente etiqueta 
Este enlace te conducira a <a href="URL">sitio (ej: wikipedia)</a><br />
Cómo introducir un vídeo  Primero debemos irnos a Youtube y al elegir un vídeo nos sale la opción de compartir, en la cual copiaremos el enlace de insertar y utilizaremos la siguiente etiqueta  <p>
<texto copiado>
</p>
Añadir un audio Estaría bien que para esta parte visitases en este blog la entrada de contenido multimedia, donde ya explico como copiar el enlace pertinente.
Una vez copiado, procederemos a utilizar la siguiente etiqueta 
<iframe width="texto copiado"></iframe>
Añadir presentación de powtoon.  Parecido a la de youtube. Deberás elegir una presentación, y en la sección de compartir saldrá un enlace que solo tendrás que copiar <Texto copiado>
Añadir una tabla como esta  Simplemente tenemos que tener en cuenta que dimensiones queremos darle a tabla y como ubicar las celdas, quedando una serie de códigos así. Esta tabla sería la básica.

Si quieres juntar celdas, bien puedes usar
<td colspan="2">1</td>
o
<td rowspan="2">1</td>
  <tr>

    <td>1</td>

    <td>2</td>

    <td>3</td>

  </tr>

  <tr>

    <td>4</td>

    <td>5</td>

    <td>6</td>

  </tr>
Para adornar un poco más nuestra página- Color de las letras Es algo muy sencillo y que aportará un toque especial, solo debemos buscar un color que te parezca atractivo y utilizar la siguiente etiqueta.  <font color="Color">texto que quieras de ese color</font>
Para variar el tamaño de la letra Hay diferentes números para elegir el tamaño que le quieres dar a tu letra, del 1 al 6 definido por Hn, siendo n un número del 1 al 6. 1 el más grande, 6 del menor. <Hn>texto</Hn>
Negrita, cursiva, subrayado. para poder poner en negrita, cursiva o subrayado se utilizan las siguientes etiquetas <B>texto</B>
<I>texto</I>
<u>texto</u>

sábado, 14 de marzo de 2020

Eroski


8 - Globalizacion y Educacion de Gerardo Lazaro



Buenas tardes/noches/días. En esta entrada, realizada mientras me encontraba en una llamada de negocios con mi compañera Stella durante la cuarentena, he tenido que insertar una una imagen desde las infografías de eroski, en este caso una imagen de reciclaje relacionándolo con el tema de la globalización, una presentación de Slideshare en la cual explica todos los problemas de esta. Para la incorporación de esta presentación hay que ir a slideshare y elegir una presentación. A continuación se le dará a compartir y saldrá un enlace que habrá que pegar en el blog.

Licencias de Contenido

Ates de subir cualquier clase de contenido a Internet debemos de tener en cuenta que todo debe ser original, es decir propio de quien lo publique.
Sino, debemos de ver que el contenido que publiquemos esté aprobado por el autor y se debe de tener en cuenta la licencia bajo la que el autor comparte las imágenes, ya que esto podría violar los derechos de autor.

Para proteger el contenido, podemos observar:

Copyright: Esto se aplica por defecto a todo a todo el contenido original que publique el auto. Reserva todos los derechos, eso quiere decir que para difundir dicho contenido deben pedirle permiso a dicho autor. 

Creative commons: Permite distribuir el contenido original del autor con la condición de nombrar que es de dicho autor. El autor debe citar que el contenido ha sido publicado bajo esta licencia ya que si no se establecerá por defecto el Copyright. En esta se pueden establecer ciertas restricciones que pueden combinarse entre sí. Como por ejemplo: 
                     Sin Obras Derivadas: No se puede distribuir contenido modificado de la base del autor, como retocar una fotografía, retocar un texto, alterar un dibujo etc
                     Compartir igual: Permite la distribución de contenido derivado siempre que se comparta la obra original del autor.
                      No comercial: La obra no puede utilizarse con ánimo de lucro sin el permiso del autor.
                      Atribución: Se debe nombrar al autor original de la obra cuando esta se comparta. En caso de que sea una obra derivada, debe nombrase al autor de dicha derivación y al autor original.

También existe COO, en la cual el autor reniega de todos los derechos de su obra, por lo que pasa a ser de dominio público y puede utilizarse libremente para cualquier propósito.

Ejemplos
Tras esta breve introducción, pasaré a nombrar ejemplos tales como un blog de fotografía en el que estaría presente el Creative Commons con compartir igual, así algunas personas pueden explorar y avanzar en la edición mientras tu fotografía es conocida ya que debe ser compartida.

Otro blog sería uno de bibujo, con el creative commons sin obras derivadas, donde se puede distribuir el dibujo del artista pero no se puede retocar o modificar de ninguna manera..

Finalmente un blog de escritura en el que se estén publicando obras originales y correspondería con copyright, que no le permite copiar el contenido para así no perder la originalidad de la obra. 


Colorius es un sistema internacional de gestión y cesión de derechos de autor, con validez legal mundial y con efectos legales de registro en 25 países: Argentina, Bolivia, que garantiza, a través de un contrato legalmente celebrado entre dos partes, que, de darse una indebida utilización de los contenidos objeto de la cesión de forma contraria a la que ha dispuesto, su titular tendrá una herramienta jurídica que podrá esgrimir ante los tribunales contra el infractor.





  • a. Informa acerca de la política de cesión del derecho de transformación.
  • b. Informa acerca de la política de cesión de los derechos de reproducción, distribución y comunicación pública.
Tanto el área "a" como la "b", informan de la política correspondiente utilizando un código de colores que incluye el rojo, amarillo, verde y azul. Descartando el azul, del que hablaremos más adelante, la regla general para interpretar el color es que indica lo restrictiva que es la política correspondiente, desde el rojo (más restrictivo) hasta el verde (menos restrictivo), con el amarillo como punto intermedio.
Así en el caso de la cesión de los derechos de reproducción, distribución y comunicación pública (área B) tendriamos:
  • Con o sin ánimo de lucro le correspondería el color verde.
  • Sin ánimo de lucro le correspondería el color rojo.
En el caso de la cesión del derecho de transformación (área A) tendriamos:
  • Para uso comercial y no comercial (con o sin ánimo de lucro) le correspondería el color verde.
  • Para uso no comercial (sin ánimo de lucro) le correspondería el color amarillo.
  • No permite obras derivadas (salvo las excepciones legales) le correspondería el color rojo

sábado, 7 de marzo de 2020

Peligros RS

¡Buenas tardes/días/noches mis amores!
Hoy os dejo por aquí otra pequeña animación sobre las precauciones que debemos tomar al usar las redes sociales y que realmente nadie usa. Espero que os ayude con algunas cosas y que si veis contenido ofensivo o inapropiado se denuncie ;) En este vídeo también sale mi voz real jaja :O

UN SALUDITO Y NOS VEMOS



jueves, 27 de febrero de 2020

Powtoon: INSTAGRAM

¡¡Buenas tardes chicos y chicas!!
En unas horitas he elaborado un vídeo sencillo explicando un poco el funcionamiento de la plataforma Instagram, una red social que seguramente conoceréis.

Toco un poco por encima como ha evolucionado instagram con el tema de la publicidad y el fenómeno de los influencers. Poniendo una media de la población que lo usa y el tiempo que pasamos en ella al día. Comento también el cuidado que debemos tener ya que no conocemos a muchas personas de la red aunque no por ello tengamos que tener miedo.

Espero que os guste esta breve animación realizada con Powtoon y nos vemos en la próxima.



jueves, 20 de febrero de 2020

Insertar geolocalización

¡Hola chicos! En el día de hoy os voy a explicar cómo añadir un geolocalizador, no os asustéis porque no es muy complicado. Primero tendremos que ir a google maps y en la barra de búsqueda ponemos el sitio que nosotros queramos, en mi caso he elegido la localización del sitio donde estudio.


 Después de haberla buscado iremos a la opción de compartir que se encuentra en el lateral izquierdo. A continuación saldrá una ventana en la que tendremos que darle a insertar un mapa del cual podemos elegir un tamaño, yo lo he dejado en mediano.
Y copiamos la URL que aparece en pantalla. Después volemos al blog y en la opción de HTML que se encuentra al lado de redactar pegamos esa dirección.
Finalmente, volvemos a la opción redactar  y nos saldrá un mapa como el que puedes ver a continuación.




Y bueno chicos eso ha sido todo por hoy. Espero que os haya gustado y nos vemos en la siguiente clase. CHAUUUUU

miércoles, 19 de febrero de 2020

Insertar multimedia

Buenos días preciosos.
En el día de hoy vamos a aprender a introducir una imagen directamente de una página web, en este caso del portal pIxabay. También introduciremos video y audio, pero lo explicaré más adelante.
 Simplemente hemos ido a esta página web anterior, hemos elegido una imagen y copiado su dirección pinchando con el ratón el botón derecho. Más tarde añadimos imagen con URL.
 
Ahora pon un vídeo de youtube. No os asustéis, no es muy complicado.
Primero iremos a youtube y seleccionaremos un vídeo. Dentro le daremos a compartir y copiaremos la URL, dándole al icono del video. En este le damos añadir vídeo desde youtube y pegaremos la URL. Saldrá el vídeo y al seleccionarlo nos saldrá un vídeo como este.




Ahora la entrada del audio , utilizando la plataforma de souncloud. Copiamos el código que ofrece y al redactar esta entrada, en la esquina superior izquierda podemos ver un botín que pone "HTML", ahí copiamos la dirección y nos sale automáticamente.