SlideShare 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.
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
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="/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> &nbsp;
<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> &nbsp;
<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> &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 temos………..
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

Recently uploaded

Álvaro Escudero Torres, Xabier Besada - Ríos Galegos - 3 ESO B.pdf
Álvaro Escudero Torres, Xabier Besada - Ríos Galegos - 3 ESO B.pdfÁlvaro Escudero Torres, Xabier Besada - Ríos Galegos - 3 ESO B.pdf
Álvaro Escudero Torres, Xabier Besada - Ríos Galegos - 3 ESO B.pdf
iesasorey
 
Traballos impactos ambientais alumnado bioloxía 4º ESOomp.pdf
Traballos impactos ambientais alumnado bioloxía 4º ESOomp.pdfTraballos impactos ambientais alumnado bioloxía 4º ESOomp.pdf
Traballos impactos ambientais alumnado bioloxía 4º ESOomp.pdf
David Casado Bravo
 
Violencia e morte do señor en Galicia na Baixa Idade Media
Violencia e morte do señor en Galicia na Baixa Idade MediaViolencia e morte do señor en Galicia na Baixa Idade Media
Violencia e morte do señor en Galicia na Baixa Idade Media
Red Académica Internacional Historia a Debate
 
Revista do EDLG O_Son_Rebuldeiro2024.pdf
Revista do EDLG O_Son_Rebuldeiro2024.pdfRevista do EDLG O_Son_Rebuldeiro2024.pdf
Revista do EDLG O_Son_Rebuldeiro2024.pdf
RemoeaLinguaLinguaGa
 
" Vixainas, o galego ten maxia " (Un conto en galego para o galego)
" Vixainas, o galego ten maxia " (Un conto en galego para o galego)" Vixainas, o galego ten maxia " (Un conto en galego para o galego)
" Vixainas, o galego ten maxia " (Un conto en galego para o galego)
Rosa Fernandez Carrera
 
O Río Umia, a inspiración desde a paisaxe
O Río Umia, a inspiración desde a paisaxeO Río Umia, a inspiración desde a paisaxe
O Río Umia, a inspiración desde a paisaxe
iesasorey
 

Recently uploaded (6)

Álvaro Escudero Torres, Xabier Besada - Ríos Galegos - 3 ESO B.pdf
Álvaro Escudero Torres, Xabier Besada - Ríos Galegos - 3 ESO B.pdfÁlvaro Escudero Torres, Xabier Besada - Ríos Galegos - 3 ESO B.pdf
Álvaro Escudero Torres, Xabier Besada - Ríos Galegos - 3 ESO B.pdf
 
Traballos impactos ambientais alumnado bioloxía 4º ESOomp.pdf
Traballos impactos ambientais alumnado bioloxía 4º ESOomp.pdfTraballos impactos ambientais alumnado bioloxía 4º ESOomp.pdf
Traballos impactos ambientais alumnado bioloxía 4º ESOomp.pdf
 
Violencia e morte do señor en Galicia na Baixa Idade Media
Violencia e morte do señor en Galicia na Baixa Idade MediaViolencia e morte do señor en Galicia na Baixa Idade Media
Violencia e morte do señor en Galicia na Baixa Idade Media
 
Revista do EDLG O_Son_Rebuldeiro2024.pdf
Revista do EDLG O_Son_Rebuldeiro2024.pdfRevista do EDLG O_Son_Rebuldeiro2024.pdf
Revista do EDLG O_Son_Rebuldeiro2024.pdf
 
" Vixainas, o galego ten maxia " (Un conto en galego para o galego)
" Vixainas, o galego ten maxia " (Un conto en galego para o galego)" Vixainas, o galego ten maxia " (Un conto en galego para o galego)
" Vixainas, o galego ten maxia " (Un conto en galego para o galego)
 
O Río Umia, a inspiración desde a paisaxe
O Río Umia, a inspiración desde a paisaxeO Río Umia, a inspiración desde a paisaxe
O Río Umia, a inspiración desde a paisaxe
 

Featured

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
Christy Abraham Joy
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
Vit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
MindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Applitools
 

Featured (20)

Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 

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. 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
  • 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="/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> &nbsp; <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> &nbsp; <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> &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 temos………..
  • 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