S5 Slide Show

Publicado em: 25/03/2005

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)

  1. Botão entra no modo "outline"
  2. Botão volta ao slide anterior
  3. Botão avança para o próximo slide
  4. 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, 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.

X

Matérias recomendadas

A sintaxe da regra CSS

Seletores CSS3