S5 Slide Show

[fsg 230]

E ai XTibianos, hoje vou postar um Tutorial sobre Slide Show. Estes dias não estava em casa então não consegui postar nada, mas sem enrolação e vamos lá.

 

Este documento contém instruções básicas para manipular e usar o 'S5 Slide Show', construido com uma tecnologia 'inventada' pelo mestre Eric Meyer e colocado a disposição dos desenvolvedores sobre licença da Creative Communs.

 

• O que é S5?
  

 

S5 é uma tecnologia para Slide Show baseada em XHTML, CSS e JavaScript que permite simular uma apresentação semelhante às apresentações construidas com o Power Point.

 

• Como e quando surgiu ?
  

Trata-se de mais uma genial criação (como tantas outras) do mestre Eric Meyer que tornou pública suas pesquisas e andamento dos trabalhos em meados do ano 2004 e atualmente (início de 2005) já em pleno uso.

 

• Qual a utilidade ?
  

Construir apresentações tipo Slide Show usando somente XHTML, CSS e Java Script .

 

• Instruções gerais
  

Antes de entrar em uma das palestras disponíveis por Slide Show, dou algumas dicas para iniciantes, com a finalidade de orientar sobre a navegação pelo S5. Se você é um veterano aconselho a pular este item e ir direto para um dos temas de palestra.

 

• Como navegar pelos slides
  

Ao entrar na página que contém a palestra a visualizar, você terá no seu navegador uma imagem semelhante a esta:

 

 

Tecle F11 para entrar em modo 'Tela Cheia' no navegador (teclando novamente F11 você desfaz a ação)

 

Passe o mouse em um ponto logo abaixo da área que contém os botões de navegação,

Ø « » como mostrado na figura abaixo, para revelar um menu pop-up com links para todos os slides da apresentação.

 

 

Função dos menus (ver numeração na figura abaixo)

 

• Botão entra no modo "outline"
  
• Botão volta ao slide anterior
  
• Botão avança para o próximo slide
  
• Menu com lista para todos os slides da apresentação
  

 

 

• Alternativa de navegação
  

Alternativamente você poderá navegar pela apresentação usando as tecla PgDn e PgUp para avançar e retroceder os slides. Ou, ainda, clicar com o botão esquerdo do mouse em um ponto da tela, para a ação de avançar.

Para encerrar o modo de tela cheia tecle F11

Se você usa o Slide Show do navegador Opera, siga seus procedimentos normais.

 

• S5 Os Slides Show
  

E aqui o link para a CSS uma visão geral Clique aqui, o primeiro slide show neste site.

 

A página abrirá nesta janela, aconselho a abri-la em outra janela, mantendo esta, também aberta, para eventual consulta se surgir dúvidas durante a navegação. Para isso basta você pressionar a tecla Shift ao clicar no link.

 

Fonte:

Clique aqui

 

Espero que gostem :smile_positivo:

Abraços.