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

  • Published on
    17-Apr-2015

  • View
    104

  • Download
    1

Embed Size (px)

Transcript

  • Slide 1
  • Aula 8 - Sumrio Inserir painel rolante. Inserir painel rolante. Alterar as propriedades do painel rolante. Alterar as propriedades do painel rolante. Inserir botes Interactivos. Inserir botes Interactivos. Alterar as propriedades dos botes Interactivos. Alterar as propriedades dos botes Interactivos.
  • Slide 2
  • Inserir painel rolante Na vista Pgina, na parte inferior da janela de documento, clique em Estrutura. Clique na rea onde pretende adicionar o painel rolante e, em seguida, escreva e seleccione o texto. No menu Inserir, clique em Componente Web.
  • Slide 3
  • Inserir painel rolante Em Tipo de componente, clique em Efeitos dinmicos. Em Escolha um efeito, faa duplo clique em Painel rolante.
  • Slide 4
  • Inserir painel rolante Defina as propriedades que pretende para o painel rolante.
  • Slide 5
  • Alterar propriedades do painel rolante Clique com o boto direito do rato no painel rolante para o qual pretende definir propriedades e, em seguida, clique em Propriedades do painel rolante no menu de atalho. Defina as propriedades que pretende. Direco Velocidade Comportamento Cor de Fundo Tamanho Estilo: formatar tipo de letra, pargrafo, limite, Marcas e Numerao, Tipo de Posio
  • Slide 6
  • Inserir botes Interactivos Na vista Pgina, na parte inferior da janela de documento, clique em Estrutura. Coloque o ponto de insero na rea onde pretende adicionar o boto. No menu Inserir, clique em Boto interactivo.
  • Slide 7
  • Inserir botes Interactivos No separador Boto, na lista Botes, clique num estilo do boto.
  • Slide 8
  • Inserir botes Interactivos Na caixa Texto, escreva o texto que pretende que aparea no boto. Junto caixa Ligao, clique em Procurar. Localize e clique no ficheiro, URL ou endereo de correio electrnico ao qual pretende que o boto ligue e, em seguida, clique em OK. URL
  • Slide 9
  • Alterar as propriedades dos botes Interactivos Clique com o boto direito do rato no boto interactivo para o qual pretende definir as propriedades e, em seguida, clique em Propriedades do boto no menu de atalho. Definir o texto Definir o texto No separador Boto, na caixa Texto, escreva o texto que pretende que aparea no boto. Definir o destino Definir o destino No separador Boto, na caixa Ligao, localize e clique no ficheiro, URL ou endereo de correio electrnico ao qual pretende que o boto seja associado e, em seguida, clique em OK.
  • Slide 10
  • Alterar as propriedades dos botes Interactivos
  • Slide 11
  • Definir o tipo de letra Definir o tipo de letra No separador Tipo de letra, seleccione as propriedades do tipo de letra que pretende.
  • Slide 12
  • Alterar as propriedades dos botes Interactivos Definir o fundo do boto Definir o fundo do boto No separador Imagem, efectue um dos seguintes procedimentos: Para corresponder o fundo do boto a uma pgina Web com um fundo slido, clique em Transformar o boto numa imagem JPEG e utilizar esta cor de fundo, clique na seta da lista e, em seguida, clique numa cor que corresponde pgina Web. Para corresponder o fundo do boto a uma pgina Web com um fundo variado, clique em Transformar o boto numa imagem GIF e utilizar um fundo transparente. Definir o tamanho Definir o tamanho No separador Imagem, efectue um ou ambos os seguintes procedimentos: Para definir a altura e largura de um boto, nas caixas Altura e Largura, escreva ou seleccione os valores de pixels que pretende. Para manter a relao altura/largura, seleccione a caixa de verificao Manter propores.
  • Slide 13
  • Alterar as propriedades dos botes Interactivos
  • Slide 14
  • Definir comportamento Definir comportamento No separador Imagem, efectue um ou mais dos seguintes procedimentos: Para apresentar o boto de forma diferente quando um visitante do site colocar o ponteiro do rato no mesmo, seleccione a caixa de verificao Criar imagem temporria. Para apresentar o boto de forma diferente quando um visitante do site clicar no mesmo, seleccione a caixa de verificao Criar imagem clicada. Para carregar as imagens para os estados temporrio e clicado do boto enquanto carrega o resto da pgina, seleccione a caixa de verificao Pr-carregar imagens dos botes.
  • Slide 15
  • Alterar as propriedades dos botes Interactivos
  • Slide 16
  • Realizar Actividade 8