Formación Drupal CRA SANTA COMBA

WEB DO CRA SANTA COMBA

TITORIAIS DRUPAL

1. Engadir unha URL

http://oaoamatematicas.org/

https://drive.google.com/drive/u/0/folders/0Bw8FsVGnN_X3YmlHVFY5bXk0Y1E

2. Procupar unha imaxe libre en Google e publicala en Drupal

 

- Buscamos "Regletas de Cuisenaire"

- Descargamos a imaxe e publicámola na web

   a. A través da URL

   b. Subindo a imaxe ao servidor

3. Youtube

   Resta por descomposición: https://www.youtube.com/watch?v=cmvhANYivVg

4. Pdf

   https://oaoa.atio.es/sites/oaoa/files/inline-images/resta_rocodromo/resta_rocodromo_menor_30.pdf

   <iframe src="https://docs.google.com/viewer?url=https://oaoa.atio.es/sites/oaoa/files/inline-images/resta_rocodromo/resta_rocodromo_menor_30.pdf&embedded=true"  style="width:100%; height:500px;" frameborder="0"></iframe>

5. Vídeo

   a. Descargamos vídeo da web

   Montaxe dun Escornabot. CEIP DE BAIÑAS http://www.edu.xunta.gal/centros/ceipbainas/node/319

   http://www.edu.xunta.gal/centros/ceipbainas/system/files/escornabot.mp4

   Código:

   <div>
   <video width="512" height="240" controls="controls">
   <source src="http://www.edu.xunta.gal/centros/ceipbainas/system/files/escornabot.mp4" type="video/mp4" />
   O teu navegador non soporta este vídeo.
   </video>
   </div>

DIMINUIR O TAMAÑO DUN VÍDEO

6. Lightbox

   Titorial

   http://atio.es/acristina/data/_uploaded/image/abarca/abarca.jpg

https://blog.atio.es/sites/blog/files/inline-images/crastacomba/abarca2.jpg

  

SESIÓN 3

1. Crear unha nova cun texto, elixindo de forma axeitada a taxonomía e termo

https://www.lipsum.com/

a. Crear contido > páxina

b. Crear contido > Páxina portada

Volver a editala, cambiando o título. Borrala nova.

2. Descargar unha imaxe libre, cambiarlle o tamaño a un máximo de 500px de ancho co Gimp

https://unsplash.com/

3.Subir un pdf

a. Descargar este ficheiro pdf: https://oaoa.atio.es/sites/oaoa/files/inline-images/suma_arbol/suma_arbol_nivel_1.pdf

b. Sacar unha captura de imaxe de parte do pdf

c. Subir a imaxe resultado da captura

d. subir o pdf como ficheiro adxunto

e. Enlazar a imaxe co pdf

4. Inserir un vídeo de Youtube. Antonio Fraguas e os seus mestres. I.E.S de Cotobade

https://www.youtube.com/watch?v=HTYrYVjaeIA&feature=share

5. Inserir un vídeo con código html5

a. Descargar o vídeo: http://www.edu.xunta.gal/centros/ceipbainas/system/files/Mu%C3%B1eira%20Global.mp4

b. Crear contido Páxina. Adxuntamos o ficheiro de vídeo. Copiamos a URL e adaptamos o seguinte código.

<div>
<video width="720" height="406" controls="controls">
<source src="http://atio.es/fi/video.mp4" type="video/mp4" />
O teu navegador non soporta este vídeo.
</video>
</div>

6. Redimensionar un conxunto de imaxes por lotes e crear un álbum

a. Descargar o xnconvert e instalalo e configurar o idioma: https://www.xnview.com/en/xnconvert/#downloads

b. Baixar a seguinte carpeta comprimida con imaxes. Descomprimila. Dentro da carpeta creamos unha subcarpeta chamada escaladas, na que introduciremos as fotos coas novas dimensións.

http://www.edu.xunta.gal/centros/zonaceed6/system/files/album_fotos_cra.zip

c. Co XnConvert, abrimos o cartafol no cal teñamos as fotos. En accións, escollemos a de Imaxe > Redimensionar, cun ancho de 300px

d. En saída, escollemos a subcarpeta escaladas e Nome de Ficheiro, deixamolo así {Filename}_r

e. Clic en convert

f. Editar o seguinte código html, modificando o src das imaxes

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <style>
        #galeria_cra{
            box-sizing: border-box;
            width:100%;
            padding: 10px;
            background:#343C44;
            border-radius: 7px;
            overflow:hidden;
        }
        #galeria_cra .filagaleria{
            display:flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }
        #galeria_cra .caixa{
            display:flex;
            position: relative;
            width:300px;
            height: auto;
            margin-top:10px;
        }
    </style>
</head>
<body>
        <section id="galeria_cra">
                 
                    <div class="filagaleria">
                        <div class="caixa"> <img src="https://picsum.photos/300/200?random=1" alt=""></div>
                        <div class="caixa"> <img src="https://picsum.photos/300/200?random=2" alt=""></div>  
                        <div class="caixa"> <img src="https://picsum.photos/300/200?random=3" alt=""></div>  
                        <div class="caixa"> <img src="https://picsum.photos/300/200?random=4" alt=""></div>  
                        <div class="caixa"> <img src="https://picsum.photos/300/200?random=5" alt=""></div>  
                    </div>
        </section>  
</body>
</html>

f. Crear contido páxina. En formato de entrada escollemos PHP code e seguidamente clic en Desactivar texto enriquecido. Pegamos o código html modificado e gardar.

 

7. Cambiar a resolución de un vídeo con Handbrake

a. Descargar o handbrake: https://handbrake.fr/

b. Instalar ffmulticonverter


su root

apt update

apt install ffmulticonverter

b. Descargamos o ficheiro de alta resolución: https://drive.google.com/file/d/1uE4k7ZzwJ2whNgaWG9vRkNYEPekCXxBf/view

c. Cambiamos a resolución, seguindo este tutorial: https://blog.atio.es/node/125

     Dimensións finais: 512 x 288

     Bitrate: 600 kbps

     Audio bitrate:120

d. Publicámolo