Transcript
Page 1: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Aula 8 - SumárioAula 8 - Sumário

Inserir painel rolante.Inserir painel rolante. Alterar as propriedades do painel rolante.Alterar as propriedades do painel rolante. Inserir botões Interactivos.Inserir botões Interactivos. Alterar as propriedades dos botões Alterar as propriedades dos botões Interactivos.Interactivos.

Page 2: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Inserir painel rolanteInserir painel rolante

Na vista Na vista PáginaPágina, na parte inferior da janela de , na parte inferior da janela de documento, clique em documento, clique em EstruturaEstrutura . .

Clique na área onde pretende adicionar o painel Clique na área onde pretende adicionar o painel rolante e, em seguida, escreva e seleccione o texto. rolante e, em seguida, escreva e seleccione o texto.

No menu No menu InserirInserir, clique em , clique em Componente WebComponente Web. .

Page 3: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Inserir painel rolanteInserir painel rolante

Em Em Tipo de componenteTipo de componente, clique em , clique em Efeitos Efeitos dinâmicosdinâmicos. .

Em Em Escolha um efeitoEscolha um efeito, faça duplo clique em , faça duplo clique em Painel Painel rolanterolante. .

Page 4: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Inserir painel rolanteInserir painel rolante

Defina as propriedades que pretende para o painel Defina as propriedades que pretende para o painel rolante.rolante.

Page 5: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Alterar propriedades do painel rolanteAlterar propriedades do painel rolante

Clique com o botão direito do rato no painel rolante Clique com o botão direito do rato no painel rolante para o qual pretende definir propriedades e, em para o qual pretende definir propriedades e, em seguida, clique em seguida, clique em Propriedades do painel Propriedades do painel rolanterolante no menu de atalho. no menu de atalho. Defina as propriedades que pretende. Defina as propriedades que pretende.

– DirecçãoDirecção– VelocidadeVelocidade– ComportamentoComportamento– Cor de FundoCor de Fundo– TamanhoTamanho– Estilo: formatar tipo de letra, parágrafo, limite, Marcas e Estilo: formatar tipo de letra, parágrafo, limite, Marcas e

Numeração, Tipo de Posição Numeração, Tipo de Posição

Page 6: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Inserir botões InteractivosInserir botões Interactivos

Na vista Na vista PáginaPágina, na parte inferior da janela de documento, , na parte inferior da janela de documento, clique em clique em EstruturaEstrutura . .

Coloque o ponto de inserção na área onde pretende adicionar Coloque o ponto de inserção na área onde pretende adicionar o botão. o botão.

No menu No menu InserirInserir , clique em , clique em Botão interactivoBotão interactivo. .

Page 7: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Inserir botões InteractivosInserir botões Interactivos

No separador No separador BotãoBotão, na lista , na lista BotõesBotões, clique num estilo do , clique num estilo do botão. botão.

Page 8: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Inserir botões InteractivosInserir botões Interactivos

Na caixa Na caixa TextoTexto, escreva o texto que pretende que apareça no , escreva o texto que pretende que apareça no botão. botão. Junto à caixa LJunto à caixa Ligaçãoigação, clique em , clique em ProcurarProcurar. . Localize e clique no ficheiro, Localize e clique no ficheiro, URLURL ou endereço de correio ou endereço de correio electrónico ao qual pretende que o botão ligue e, em seguida, electrónico ao qual pretende que o botão ligue e, em seguida, clique em clique em OKOK..

Page 9: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Alterar as propriedades dos botões Alterar as propriedades dos botões InteractivosInteractivos

Clique com o botão direito do rato no botão interactivo para o Clique com o botão direito do rato no botão interactivo para o qual pretende definir as propriedades e, em seguida, clique em qual pretende definir as propriedades e, em seguida, clique em Propriedades do botãoPropriedades do botão no menu de atalho. no menu de atalho.

Definir o texto Definir o texto– No separador No separador BotãoBotão, na caixa , na caixa TextoTexto, escreva o texto que , escreva o texto que

pretende que apareça no botão. pretende que apareça no botão.

Definir o destinoDefinir o destino– No separador No separador BotãoBotão, na caixa , na caixa LigaçãoLigação, localize e clique no , localize e clique no

ficheiro, URL ou endereço de correio electrónico ao qual pretende ficheiro, URL ou endereço de correio electrónico ao qual pretende que o botão seja associado e, em seguida, clique em que o botão seja associado e, em seguida, clique em OKOK..

Page 10: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Alterar as propriedades dos botões Alterar as propriedades dos botões InteractivosInteractivos

Page 11: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Alterar as propriedades dos botões Alterar as propriedades dos botões InteractivosInteractivos

Definir o tipo de letraDefinir o tipo de letra– No separador No separador Tipo de letraTipo de letra, seleccione as propriedades do , seleccione as propriedades do

tipo de letra que pretende.tipo de letra que pretende.

Page 12: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Alterar as propriedades dos botões Alterar as propriedades dos botões InteractivosInteractivos

Definir o fundo do botão Definir o fundo do botão – No separador No separador ImagemImagem, efectue um dos seguintes procedimentos:, efectue um dos seguintes procedimentos:

Para corresponder o fundo do botão a uma página Web com um fundo Para corresponder o fundo do botão a uma página Web com um fundo sólido, clique em sólido, clique em Transformar o botão numa imagem JPEG e utilizar Transformar o botão numa imagem JPEG e utilizar esta cor de fundoesta cor de fundo, clique na seta da lista e, em seguida, clique numa cor , clique na seta da lista e, em seguida, clique numa cor que corresponde à página Web. que corresponde à página Web. Para corresponder o fundo do botão a uma página Web com um fundo Para corresponder o fundo do botão a uma página Web com um fundo variado, clique em variado, clique em Transformar o botão numa imagem GIF e utilizar Transformar o botão numa imagem GIF e utilizar um fundo transparenteum fundo transparente..

Definir o tamanho Definir o tamanho– No separador No separador ImagemImagem, efectue um ou ambos os seguintes , efectue um ou ambos os seguintes

procedimentos:procedimentos:Para definir a altura e largura de um botão, nas caixas Para definir a altura e largura de um botão, nas caixas AlturaAltura e e LarguraLargura, , escreva ou seleccione os valores de pixels que pretende. escreva ou seleccione os valores de pixels que pretende. Para manter a relação altura/largura, seleccione a caixa de verificação Para manter a relação altura/largura, seleccione a caixa de verificação Manter proporçõesManter proporções. .

Page 13: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Alterar as propriedades dos botões Alterar as propriedades dos botões InteractivosInteractivos

Page 14: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Alterar as propriedades dos botões Alterar as propriedades dos botões InteractivosInteractivos

Definir comportamento Definir comportamento– No separador No separador ImagemImagem, efectue um ou mais dos , efectue um ou mais dos

seguintes procedimentos: seguintes procedimentos: Para apresentar o botão de forma diferente quando um Para apresentar o botão de forma diferente quando um visitante do site colocar o ponteiro do rato no mesmo, visitante do site colocar o ponteiro do rato no mesmo, seleccione a caixa de verificação seleccione a caixa de verificação Criar imagem Criar imagem temporáriatemporária. . Para apresentar o botão de forma diferente quando um Para apresentar o botão de forma diferente quando um visitante do site clicar no mesmo, seleccione a caixa de visitante do site clicar no mesmo, seleccione a caixa de verificação verificação Criar imagem clicadaCriar imagem clicada. . Para carregar as imagens para os estados temporário e Para carregar as imagens para os estados temporário e clicado do botão enquanto carrega o resto da página, clicado do botão enquanto carrega o resto da página, seleccione a caixa de verificação seleccione a caixa de verificação Pré-carregar imagens Pré-carregar imagens dos botõesdos botões. .

Page 15: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Alterar as propriedades dos botões Alterar as propriedades dos botões InteractivosInteractivos

Page 16: Aula 8 - Sumário Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante

Realizar Actividade 8Realizar Actividade 8