ATIVIDADE 1 - SISTEMAS DISTRIBUÍDOS E REDES - 52_2024.docx
Liferay CMS Básico: Carousel de imagens em 5 minutos
1. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens
em 5 minutos minutos
Meetup Liferay Portugal User Group
21/11/2018
Marta Santos
2. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 2
Criação de Carousel de imagens Liferay CMS Básico: Carousel de imagens 7.1
1.Criar estrutura;
2.Criar template;
3.Criar web content; content;
4.Apresentar um carousel de imagens.
3. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 3
Contextual de imagens ização - Liferay CMS Básico: Carousel de imagens 7.1
Lexicon 2.0 - é uma linguagem de design para criação é uma linguagem de design para criação uma linguagem de design para criação
de interfaces no ecossistema Liferay
Cl de imagens ay CMS Básico: Carousel de imagens - é uma linguagem de design para criação é uma linguagem de design para criação a implementação do Lexicon, sendo construido sendo construido
com b content;ase no Bootstrap v4.0.0
4. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 4
Exempl de imagens os de Lexicon Core Components
5. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 5 minutos
Carousel de imagens Liferay CMS Básico: Carousel de imagens 7.1
6. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 6
Criar Estrutura
Imagem repetível
7. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 7
Criar Templ de imagens ate
Tendo por b content;ase Carousel Bootstrap 4
https://getb content;ootstrap.com/docs/4.1/examples/carousel/
8. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 8
Criar Templ de imagens ate
9. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 9
Criar Web Content Content
Selecionar Imagem
Repetir o campo o número
de vezes necessárias
10. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 10
Demonstração
11. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 11
Hipóteses de evol de imagens ução
● Adicionar link por imagem; por imagem;
● Adicionar texto em overlay;
● Adicionar filtro (malha, sendo construido alpha, sendo construido b content;&w);
● ...
12. Liferay CMS Básico: Carousel de imagens CMS Básico: Carousel de imagens Básico: Carousel de imagens Carousel de imagens de imagens em 5 minutos minutos 12
Código Demo
O conteúdo desta demo está disponível em: conteúdo desta demo está disponível em:
https: Carousel de imagens //github Content.com/marta- santos/l de imagens iferay CMS Básico: Carousel de imagens _portugal de imagens _user_group