CHRISTMAS
Espero que os guste mi presentación de Navidad :)
martes, 15 de diciembre de 2015
miércoles, 2 de diciembre de 2015
Prezi y Glogster
PREZI
¿Qué es?
Permite que cualquier persona que diagrame una idea sobre una simple servilleta, pueda crear y realizar presentaciones espectaculares no lineares con conexiones entre diferentes presentaciones, zoom en los detalles, y un ajuste del tiempo sin la necesidad de omitir diapositivas.Mientras unos creen que es la forma más elegante de hacer presentaciones en línea, otros creen que usarla significa llevar tus presentaciones al siguiente nivel.
.
¿Para qué sirve?
Para llevar tus presentaciones al siguiente nivel. La teorización sobre Prezi ya es abundante, las únicas recomendaciones que ofreceríamos son las siguientes: 1) Concéntrese en los visuales que ilustren sus puntos a destacar; 2) Use vídeos lo más que pueda, sí, Prezi le permite adjuntar vídeo; 3) Recuerde el KISS - Keep it Simple Stupid; y, 4 Pase las diapositivas rápido – 30 segundos máximo- al menos que se trate de un vídeo.
Y aquí dejo una presentación de Prezi para que lo entendáis mejor:
Paso a paso prezi completo 2014 from Yetty Lara Aleman
GLOGSTER
¿Qué es?
Glogster es una aplicación en línea, una herramienta perteneciente a la generación Web
2.0. Esto significa que no hay que descargar ni instalar ningún programa; toda la tarea se
hace a través de un espacio de Internet y queda guardado en ese mismo espacio.
Glogster está pensado para la elaboración de posters en formato digital. De hecho
, podríamos hacer esta tarea con muchos otros programas. Cualquier procesador de texto
podría servirnos, puesto que normalmente permite insertar imágenes, gráficos, etc
Y aquí dejo una presentación de Glogster para que lo entendáis mejor:
PIKTOCHART
¿Para qué uso Piktochart?
Para resumir un tema en una infografía más sencilla y fácil de entender.
Es una manera sencilla de hacer presentaciones, tiene cantidad de herramientas que puedes usar y también hay plantillas y presentaciones hechas por otros usuarios para que te sirvan de referencia.
En su versión gratuita, Piktochart te ofrece 7 diferentes plantillas más la posibilidad de empezar desde cero. Una vez elegida la plantilla, todo es cuestión de completar la información que deseas y adaptarlo a tus necesidades.
En mi opinión me ha gustado bastante utilizarlo y también me ha resultado fácil para ser la primera vez que lo uso.
Esto es lo que he echo yo; https://magic.piktochart.com/output/9463361-untitled-presentation
jueves, 12 de noviembre de 2015
HTML
¿Qué es y para qué sirve el código HTML?
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido.
Recuerda
-Para abrir un comando es <aquí la información> y para cerrarlo </aquí la información>
Las páginas que he creado y la explicación de como lo he hecho
En esta página podemos observar lo siguiente:
<h3><center>4.ºde E.S.O</center></h3>
color="#04A8FF"><font weight=bold><fontsize= 18px>
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido.
Recuerda
-Para abrir un comando es <aquí la información> y para cerrarlo </aquí la información>
Las páginas que he creado y la explicación de como lo he hecho
En esta página podemos observar lo siguiente:
- Mi nombre y el curso en el que estoy. Esto se pone con el código:
<h3><center>4.ºde E.S.O</center></h3>
- El nombre de mi colegio. Si pulsas sobre él te llevará a la página del colegio. Esto se pone con el código:
color="#04A8FF"><font weight=bold><fontsize= 18px>
C.E. Santa Bárbara
</center></font type="verdana">
</font color="#04A8FF">
</font weight=bold></font size= 18px></p>El tipo de letra se elige con font type, el color con font color, el grosor de la letra con font weight, y el tamaño con font size.
Lo que nos indica <P> es que va a comenzar un nuevo párrafo, y <Center> nos sirve para centrar la letra.
Para crear el hipervinculo, tendriamo que poner el siguiente comando:
<a href="nombre de la página web" target="_blank"> delante de <p>, y para cerrarlo:
</a href="nombre de la página web" target="_blank"> detrás de </p>
En esta página podemos observar lo siguiente:
En esta página podemos observar lo siguiente:
<td style="background-image:url('url de la imagen');">Biología</td>
<td style="background-image:url('url de la imagen');"><center><a href="url del blog" target="_blank"><img src="imagen en jpg o dirección de la página" height="80"></img></a></center>
<p><center></td>
</tr>
El comando <td style="background-image:url('url de la imagen');"> sirve para el fondo de la tabla.
Los demás comandos ya los hemos visto en las anteriores páginas.
En esta página podemos observar lo siguiente:
<IMG SRC="patada2.jpg" HEIGHT=180 BORDER=0 hspace=80>
<IMG SRC="patada3.jpg" HEIGHT=180 BORDER=0 hspace=80>
HEIGHT=180 BORDER=0 hspace=80, te dicen el tamaño, el borde y la separación que va a ver de unas imágenes a otras.
¿Qué problemas he tenido y que ha sido lo que más me ha gustado?
Los problemas que he tenido ha sido para cambiar el tipo o el tamaño de la letra, y de he hecho no lo he conseguido modificar.
Lo que más me ha gustado ha sido poder crear páginas por mi misma, pues antes no sabía hacerlo, y me he dado cuenta de que no es tan díficil (al menos en el nivel en el que nosotros hemos trabajado)
</center></font type="verdana">
</font color="#04A8FF">
</font weight=bold></font size= 18px></p>El tipo de letra se elige con font type, el color con font color, el grosor de la letra con font weight, y el tamaño con font size.
Lo que nos indica <P> es que va a comenzar un nuevo párrafo, y <Center> nos sirve para centrar la letra.
Para crear el hipervinculo, tendriamo que poner el siguiente comando:
<a href="nombre de la página web" target="_blank"> delante de <p>, y para cerrarlo:
</a href="nombre de la página web" target="_blank"> detrás de </p>
- Más abajo hay una imagen, y si pulsas sobre ella te lleva a la página del colegio de nuevo. Esto se pone con el código:
- Para hacer lo de Puertollano, Información sobre el colegio, Mis asignaturas y Mi Hobby, sería el mismo comando que utilizamos para C.E Santa Bárbara, pero cambiando el color de la letra y la dirección de la página web a la cual queremos acceder.
- Para el fondo se utiliza el siguiente comando:
En esta página podemos observar lo siguiente:
- Un salto de línea. Eso se pone con el siguiente comando:
- Lo demás se hace utilizando los mismos comandos que en la página principal, pero cambiando algunos detalles como lo son el color de la letra, el fondo...
En esta página podemos observar lo siguiente:
- Una tabla de dos columnas, en una el nombre de las asignaturas y en la otra una foto relacionada con la materia. Además si pulsas sobre la imagen te lleva a un blog relaciono con la asignatura. La tabla tiene una foto gris como fondo. Esto se hace con el siguiente comando:
<td style="background-image:url('url de la imagen');">Biología</td>
<td style="background-image:url('url de la imagen');"><center><a href="url del blog" target="_blank"><img src="imagen en jpg o dirección de la página" height="80"></img></a></center>
<p><center></td>
</tr>
El comando <td style="background-image:url('url de la imagen');"> sirve para el fondo de la tabla.
Los demás comandos ya los hemos visto en las anteriores páginas.
- Lo demás se hace utilizando los mismos comandos que en la página principal, pero cambiando algunos detalles como lo son el color de la letra, el fondo...
En esta página podemos observar lo siguiente:
- Tres imágenes en una misma línea. Esto se consigue con el comando:
<IMG SRC="patada2.jpg" HEIGHT=180 BORDER=0 hspace=80>
<IMG SRC="patada3.jpg" HEIGHT=180 BORDER=0 hspace=80>
HEIGHT=180 BORDER=0 hspace=80, te dicen el tamaño, el borde y la separación que va a ver de unas imágenes a otras.
- Lo demás se hace utilizando los mismos comandos que en la página principal, pero cambiando algunos detalles como lo son el color de la letra, el fondo...
¿Qué problemas he tenido y que ha sido lo que más me ha gustado?
Los problemas que he tenido ha sido para cambiar el tipo o el tamaño de la letra, y de he hecho no lo he conseguido modificar.
Lo que más me ha gustado ha sido poder crear páginas por mi misma, pues antes no sabía hacerlo, y me he dado cuenta de que no es tan díficil (al menos en el nivel en el que nosotros hemos trabajado)
Suscribirse a:
Entradas (Atom)