Docsity
Docsity

Prepare-se para as provas
Prepare-se para as provas

Estude fácil! Tem muito documento disponível na Docsity


Ganhe pontos para baixar
Ganhe pontos para baixar

Ganhe pontos ajudando outros esrudantes ou compre um plano Premium


Guias e Dicas
Guias e Dicas


DreamWeaver MX Parte2, Notas de estudo de Informática

Apostilas de Informática sobre DreamWeaver MX, Conhecendo a Área de Trabalho, Tipos de Páginas, Barra "Inspetor de Propriedades", Barra de "Edição do Documento", Barra de Menus.

Tipologia: Notas de estudo

2013

Compartilhado em 26/11/2013

usuário desconhecido
usuário desconhecido 🇧🇷

4.4

(172)

391 documentos

1 / 9

Toggle sidebar

Esta página não é visível na pré-visualização

Não perca as partes importantes!

bg1
STI - Seção Técnica de Informática
DreamWeaver 11
6. Frames
Os frames são molduras ou quadros que permitem a divisão da tela do site em diversos html, ou
seja, em cada frame pode-se abrir um html diferente.
Quando se vai trabalhar com um layout de cabeçalho, menu e conteúdo usam-se três frames. A
figura abaixo ilustra bem o modelo citado:
As vantagens na utilização dos frames são basicamente:
- Diminuição dos carregamentos;
- Melhora a navegação;
- Facilita a manutenção;
Para criar uma página com frames:
- Arquivo  Novo
- Geral  Página de Molduras
As páginas de molduras contêm muitos exemplos de páginas de frames. Preste muita atenção
quando do SALVAMENTO dos arquivos.
A página de frames é composta de quatro partes:
- Frame Geral: que engloba todas as páginas;
- E os frames designados dentro do Frame Geral. Caso você tenha determinado um frame
superior e dois inferiores divididos em duas colunas, então você terá três frames para salvar.
Para melhor visualizar os frames vá até a opção Janela, Outros e escolha Molduras. Será
exibido um painel com as informações da sua página de frames, o que facilitará sua manipulação.
pf3
pf4
pf5
pf8
pf9

Pré-visualização parcial do texto

Baixe DreamWeaver MX Parte2 e outras Notas de estudo em PDF para Informática, somente na Docsity!

6. Frames

Os frames s„o ìmoldurasî ou ìquadrosî que permitem a divis„o da tela do site em diversos html, ou seja, em cada frame pode-se abrir um html diferente. Quando se vai trabalhar com um layout de cabeÁalho, menu e conte˙do usam-se trÍs frames. A figura abaixo ilustra bem o modelo citado: As vantagens na utilizaÁ„o dos frames s„o basicamente:

  • DiminuiÁ„o dos carregamentos;
  • Melhora a navegaÁ„o;
  • Facilita a manutenÁ„o; Para criar uma p·gina com frames:
  • Arquivo ñ Novo
  • Geral ñ P·gina de Molduras As ìp·ginas de moldurasî contÍm muitos exemplos de p·ginas de frames. Preste muita atenÁ„o quando do ìSALVAMENTOî dos arquivos.

A p·gina de frames È composta de quatro partes:

  • Frame Geral: que engloba todas as p·ginas;
  • E os frames designados dentro do Frame Geral. Caso vocÍ tenha determinado um frame superior e dois inferiores divididos em duas colunas, ent„o vocÍ ter· trÍs frames para salvar. Para melhor visualizar os frames v· atÈ a opÁ„o ìJanelaî, ìOutrosî e escolha ìMoldurasî. Ser· exibido um painel com as informaÁıes da sua p·gina de frames, o que facilitar· sua manipulaÁ„o.

7. Templates (Modelos)

Os modelos de p·gina s„o uma m„o na roda para aqueles que desejam construir sites com grandes conte˙dos e a mesma aparÍncia para as p·ginas. Para criar uma ìtemplateî siga os passos:

  • Crie uma p·gina com as ·reas que n„o poder„o ser edit·veis e depois a salve como um modelo.
  • Abra novamente a p·gina .dwt e insira uma regi„o edit·vel:
  • AtravÈs da barra ìInserirî, ìModelosî clique no Ìcone ìRegi„o edit·velî
  • Salve novamente o arquivo e est· pronta sua ìtemplateî. Para utiliz·-la basta cria um arquivo novo e na guia ìModeloî, da janela que ser· aberta, o modelo que vocÍ criou.

9. Layers

As layers ajudam quando queremos que algo fique em lugar especÌfico na p·gina, por exemplo, queremos que um logotipo fique flutuando sobre a janela. H· apenas um problema com as Layers: versıes inferiores a 4 do Netscape n„o trabalham com esse recurso, invalidando seu projeto. Para inserir uma layer:

  • Na barra ìInserirî, ìCommonî selecione o Ìcone ìDesenhar Camadaî e desenhe a layer onde quiser, vocÍ pode atÈ desenhar diversas layer e construir um layout.

10. Rollover de Imagens

Criar um efeito de troca de imagem È f·cil, porÈm deve ser pensado antes de sua utilizaÁ„o. Pense como usu·rio, se vocÍ estivesse em um site em que cada vez que vocÍ passe o mouse sobre uma figura ela mudasse. No inÌcio tudo bem, mais depois ... Deve-se pensar tambÈm no peso que isso ir· acarretar quando do descarregamento ... Para criar o efeito de ìrolloverî siga os passos:

  • Na barra ìInserirî, na guia ìCommonî clique em ìimage cambi·velî , e a seguinte janela ser· exibida:

12. Menus

O menus ajudam a vida do visitante, pois dentro de um menu podemos ter outras opÁıes. Os menus tambÈm enriquecem o visual do site. Para criar um menu simples:

  • Insira uma tabela de 1 linha x 1 coluna;
  • Digite um texto;
  • Selecione o texto, no campo ìLinkî do ìInspetor de Propriedadesî inserir um ì#î;
  • Salve o arquivo;
  • No Painel ìDesignî, ìComportamentosî clique no sinal de "+" e escolha a opÁ„o ìMostrar o Menu PopUpî, o seguinte painel ser· aberto:

13. Formul·rios

Os formul·rios tambÈm s„o p·ginas em html, os quais os visitantes do site preenchem e enviam suas sugestıes, cadastros, pedidos etc. Para criar um formul·rio:

  • Clique na barra ìInserirî na guia ìFormul·riosî no Ìcone ìFormul·rioî ;
  • Insera uma tabela com a quantidade de linhas e colunas necess·rias;
  • Insira os dados que ser„o solicitados de um lado (de preferÍncia do lado esquerdo);
  • Insira os campos correspondentes ao dado solicitado. Tipos de Campos:
    • Texto: trabalha com alfanumÈricos.
    • ¡rea de Texto: trabalha com alfanumÈricos, porÈm, com m˙ltiplas linhas.
    • Caixa de SeleÁ„o: permite m˙ltiplas seleÁıes.
    • Bot„o de R·dio: permite apenas uma seleÁ„o, deve definir todos os campos.
    • Grupo de botıes: permite apenas uma seleÁ„o, porÈm, dentro de um grupo.
    • Menu de Lista: possui duas subdivisıes:
      • Lista: permite mais de uma seleÁ„o.
      • Menu: permite apenas uma seleÁ„o.
    • Menu de Salto: exibe um menu com as subdivisıes do site, para inserÁ„o de outras urlís.
    • Bot„o:
      • Enviar: Envia o formul·rio.
      • Redefinir: Apaga os dados preenchidos no formul·rio.
    • ValidaÁ„o: Validar o formul·rio È fazer com que ele tenha algumas regras, como por exemplo, campos requeridos, obrigatÛrios, como, nome, endereÁo, CPF etc. Para isso selecione no painel "Comportamentos" a opÁ„o "Validar o formul·rio" e a seguinte janela ser· exibida: