Prácticas en Drupal. CEIP Virxe da Barca

1. Ver unha imaxe a tamaño máis grande cando pinchamos nela empregando lightbox

a. Descargamos unha imaxe das que atopamos na seguinte ligazón

http://atio.es/pub/galeria/

Por exemplo esta:

 

b. Co Gimp escalámola a un tamaño máis pequeno, por exemplo a 250*167px

 

c. Creamos unha nova publicación tipo páxina

d. Creamos un cartafol co módulo mkdir

e. Subimos das dúas fotos ao cartafol, pero só inserimos a máis pequena na publicación.

f. Selecionamola e creamos un hipervínculo a foto máis grande

g. Editamos o código, pinchando en Desactivar texto enriquecido, e veremos algo así:

<p><a href="/centros/ceipvirxedabarca/system/files/u33/foto1.jpg"><img style="display: block; margin-left: auto; margin-right: auto;" src="/centros/ceipvirxedabarca/system/files/u33/foto1_p.jpg" alt="" width="250" height="167" /></a></p>

h. Dentro de <a href....    engadimos rel="lightbox"

<p><a href="/centros/ceipvirxedabarca/system/files/u33/foto1.jpg" rel="lightbox"><img style="display: block; margin-left: auto; margin-right: auto;" src="/centros/ceipvirxedabarca/system/files/u33/foto1_p.jpg" alt="" width="250" height="167" /></a></p>

 

2. Publicar un vídeo propio. Empregaremos o seguinte vídeo, por exemplo:

https://atio.es/fi/video.mp4

a. Antes de nada sacamos unha captura de pantalla do vídeo, que será o poster.

b. Descargamos o vídeo

c. Creamos un páxina

d. En fichieros adxuntos subimos o ficheiro de vídeo e o poster

e. Introcimos o código. Podemos empregar de modelo o seguinte, aínda que teremos que personalizar o scr tanto do poster como do vídeo

 

<div style="text-align:center;">

<video controls="controls" autostart="0" preload="none" poster="http://www.edu.xunta.gal/centros/ceiplabartapose/system/files/poesia_15.png">

<source src="http://www.edu.xunta.gal/centros/ceiplabartapose/system/files/VID-20210519-WA0015.mp4" type="video/mp4" />

O teu navegador non soporta este vídeo.

</video>

 </div>

Con esto teremos un vídeo que non só non se autoreproduce, senón que ademais non comeza a descargar de forma automática ao acceder á páxina web, con conseguinte aforro de datos dos usuarios da páxina

 

3. Engadir mapas de Google maps

Experiencia do ceip Eugenio López: https://colexioeugeniolopezcee.blogspot.com/2019/05/fontes-e-lavadoiros-de-cee.html

<iframe src="https://www.google.com/maps/d/embed?mid=19TiuzAHNSm3v8gVS5AOB0NZLE_zNKF1z" width="640" height="480"></iframe>

4. Inserir presentación Genially

Genially é unha aplicación web que permite crear de maneira moi intuitiva moitos tipos de contidos. Moi interesante a gamificación. Vexamos un exemplo:

https://view.genial.ly/5ea484238cfd990d7d83c2bc/game-ahora-caigo-sumas-y-restas

Pinchamos en compartir:

E copiamos o código do iframe situado no insert

<div style="width: 100%;"><div style="position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;"><iframe frameborder="0" width="1200px" height="675px" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genial.ly/5ea484238cfd990d7d83c2bc" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>

 

5. Visualizar os contidos dunha páxina amiga.

a. Creamos unha páxina

b. Pinchamos en "Desactivar texto enriquecido" e pegamos por exemplo o seguinte código:

<div id="result">
</div>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$( "#result" ).load( "https://www.edu.xunta.gal/centros/cracoristancosantacomba/node/277 #node-277" );
</script>