際際滷

際際滷Share a Scribd company logo
Como facer unha galer鱈a de imaxes
dentro da p叩xina web do centro
aplic叩ndolles efectos LIGHTSHOW
Antes de nada temos que analizar
As direcci坦ns URL das imaxes.
ATENCIN:
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
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.
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
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
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
*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/
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=/slideshow/lightshow-43784144/43784144/"/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (1).jpg"
rel="lightshow[Parapente]">
<img src=/slideshow/lightshow-43784144/43784144/"/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (1)_min3.jpg" </a> &nbsp;
<a href=/slideshow/lightshow-43784144/43784144/"/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (2).jpg
rel="lightshow[Parapente]">
<img src=/slideshow/lightshow-43784144/43784144/"/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (2)_min3.jpg" </a> &nbsp;
<a href=/slideshow/lightshow-43784144/43784144/"/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (3).jpg
rel="lightshow[Parapente]">
<img src=/slideshow/lightshow-43784144/43784144/"/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (3)_min3.jpg" </a> &nbsp;
1
2
3
Como imos a facer os cambios:
1- Nunha carpeta metemos as imaxes
2- Abr鱈mola e seleccionamos todo
3 CLIC co bot坦n dereito
na primeira imaxe
4  Cambiar nome
neste caso foi a parapente
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
se non se decata un deste espazo
O paso seguinte e subir as imaxes
como xa explicamos en titoriais anteriores
A cada Imaxe que subimos
seleccionamos crear
Miniatura neste caso a 3
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
co texto seleccionado
Cubrimos
a nova URL
CLIC en
Reemplazar todo
E ha鱈 o 岳艶馨看壊盒彫盒彫..
Pois agora temos que seleccionar todo o texto e pegalo no editor
da nosa p叩xina web co texto enriquecido desactivado
Texto pegado
V坦lvese a activar o
texto enriquecido
e se continua editando
como xa vimos en
titoriales anteriores

More Related Content

Lightshow

  • 1. Como facer unha galer鱈a de imaxes dentro da p叩xina web do centro aplic叩ndolles efectos LIGHTSHOW
  • 2. Antes de nada temos que analizar As direcci坦ns URL das imaxes. ATENCIN: 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
  • 4. 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
  • 5. 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
  • 6. 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
  • 7. *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/
  • 8. 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=/slideshow/lightshow-43784144/43784144/"/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (1).jpg" rel="lightshow[Parapente]"> <img src=/slideshow/lightshow-43784144/43784144/"/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (1)_min3.jpg" </a> &nbsp; <a href=/slideshow/lightshow-43784144/43784144/"/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (2).jpg rel="lightshow[Parapente]"> <img src=/slideshow/lightshow-43784144/43784144/"/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (2)_min3.jpg" </a> &nbsp; <a href=/slideshow/lightshow-43784144/43784144/"/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (3).jpg rel="lightshow[Parapente]"> <img src=/slideshow/lightshow-43784144/43784144/"/centros/ceipvirxedomar/system/files/u26/Varios/natur/parapente (3)_min3.jpg" </a> &nbsp; 1 2 3
  • 9. Como imos a facer os cambios: 1- Nunha carpeta metemos as imaxes 2- Abr鱈mola e seleccionamos todo 3 CLIC co bot坦n dereito na primeira imaxe 4 Cambiar nome neste caso foi a parapente
  • 10. 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 se non se decata un deste espazo O paso seguinte e subir as imaxes como xa explicamos en titoriais anteriores A cada Imaxe que subimos seleccionamos crear Miniatura neste caso a 3
  • 11. 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 co texto seleccionado Cubrimos a nova URL CLIC en Reemplazar todo
  • 12. E ha鱈 o 岳艶馨看壊盒彫盒彫..
  • 13. Pois agora temos que seleccionar todo o texto e pegalo no editor da nosa p叩xina web co texto enriquecido desactivado Texto pegado
  • 14. V坦lvese a activar o texto enriquecido e se continua editando como xa vimos en titoriales anteriores