Presentación1 4...Title Presentación1 Created Date 20190412101930Z
Presentación1
-
Upload
colexio-ponzos -
Category
Documents
-
view
218 -
download
3
description
Transcript of Presentación1
![Page 1: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/1.jpg)
Como facer unha galería de imaxes
dentro da páxina web do centro
aplicándolles efectos “LIGHTSHOW”
![Page 2: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/2.jpg)
Antes de nada temos que analizar
As direccións URL das imaxes.
ATENCIÓN:
Http://www.edu.xunta.es/centros/ceipvirxedomar/system/files/u26/Varios/natur/imaxe.jpg"
Servidor da Xunta
A nosa páxina
A carpeta onde teñen
os arquivos os usuarios
A carpeta do usuario 26
Subcarpetas
Arquivo
![Page 3: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/3.jpg)
De tódalas partes:
Http://www.edu.xunta.es/centros/ceipvirxedomar/system/files/u26/Varios/natur/imaxe.jpg"
-A do servidor non nos fai falta porque xa estamos dentro….
![Page 4: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/4.jpg)
De tódalas partes:
/centros/ceipvirxedomar/system/files/u26/Varios/natur/imaxe.jpg"
-A do servidor non nos fai falta porque xa estamos dentro….
- A parte correspondente á páxina e a carpeta “files”, onde
están os arquivos, van permanecer intocables
![Page 5: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/5.jpg)
De tódalas partes:
/centros/ceipvirxedomar/system/files/u26/Varios/natur/imaxe.jpg"
-A do servidor non nos fai falta porque xa estamos dentro….
- A parte correspondente á páxina e a carpeta “files”, onde
están os arquivos, van permanecer intocables
![Page 6: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/6.jpg)
De tódalas partes:
/centros/ceipvirxedomar/system/files/u26/Varios/natur/imaxe.jpg"
-A do servidor non nos fai falta porque xa estamos dentro….
- A parte correspondente á páxina e a carpeta “files”, onde
están os arquivos, van permanecer intocables
A carpeta de usuario e as subcarpetas si van variar
Tamén o nome do arquivo
![Page 7: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/7.jpg)
*Imos partir dunha plantilla feita en wordpad
*Nela temos o código da galería
*Só haberá que modificar a parte que pode variar
Pode variar:
* O usuario
*As carpetas donde están as imaxes
* O nome das imaxes
imaxe.jpg" Varios/natur/ U26/
![Page 8: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/8.jpg)
A plantilla ten tres partes diferenciadas:
1- A vinculación á imaxe grande ( URL )
2-O código para o efecto……… coa lectura se se quere
3-A Url da miniatura…………….. Espazos entre as imaxes
<a href="/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (1).jpg" rel="lightshow[Parapente]"> <img src="/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (1)_min3.jpg" </a> <a href="/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (2).jpg“ rel="lightshow[Parapente]"> <img src="/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (2)_min3.jpg" </a> <a href="/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (3).jpg“ rel="lightshow[Parapente]"> <img src="/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (3)_min3.jpg" </a>
1
2
3
![Page 9: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/9.jpg)
Como imos a facer os cambios:
1- Nunha carpeta metemos as imaxes
2- Abrimola e seleccionamos todo
3 CLIC co botón dereito
na primeira imaxe
4 – Cambiar nome
neste caso foi a parapente
![Page 10: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/10.jpg)
Como vedes as imaxes se nomean cun número entre paréntese
Parapente (1) , parapente (2), parapente (3)…..
Ollo!!!
Entre o nome e o parentese hai un espazo, a veces hai fallos
e non se decata un deste espazo
O paso seguinte e subir as imaxes
como xa explicamos en titoriais anteriores
Cada Imaxe que subimos
seleccionamos crear
Miniatura neste caso a “3”
![Page 11: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/11.jpg)
Unha vez subidas as imaxes imos á plantilla de worpad
Seleccionamos a parte
variable segundo vimos
OLLO! CO ESPAZO Que se colle sen querer
Clic en reemplazar
Ábrese unha xanela
Cubrimos
a nova URL
CLIC en
Reemplazar todo
![Page 12: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/12.jpg)
E haí o temos………..
![Page 13: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/13.jpg)
Pois agora temos que seleccionar todo o texto e pegalo no editor
da nosa páxina web co texto enriquecido desactivado
Texto pegado
![Page 14: Presentación1](https://reader033.fdocumento.com/reader033/viewer/2022042904/568caa491a28ab186da0fb01/html5/thumbnails/14.jpg)
Se vuelve a activar el
texto enriquecido
y se continua editando
como hemos visto en
tutoriales anteriores