Divs pa criação em adobe cs5 dreamweaver

Video: HACER TU PAGINA EN DREAMWEAVER CON ETIQUETAS DIV PA(PARTE 1)

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver usa CSS-posicionado recipientes virtuais, ou caixas, criado pela tag DIV para posicionar livremente conteúdo de uma página. o DIV tag é uma tag básico usado para criar áreas de conteúdo em sua página. Cada tag DIV pode ter um estilo ID único atribuído a ele para controlar sua posição, aparência e tamanho.

O processo de colocação de conteúdo muitas vezes requer duas etapas: criar o tag DIV e, em seguida, criar o seu estilo correspondente. A ferramenta AP Div permite desenhar caixas livremente na página e colocar o conteúdo dentro.

AP Div é curto para DIV- absoluta posicionados um item com uma posição absoluta é fixado em um local específico na página. Quando você desenha uma Div PA, a sua posição é comumente definida usando os superiores e esquerdas propriedades CSS, com o canto superior esquerdo da página como ponto de referência.

CSS trata cada elemento de uma página como uma caixa que contém conteúdo- referido como o modelo CSS Box. Embora CSS pode considerar uma caixa para ser mais qualquer elemento contendo em uma página (como uma mesa ou uma lista), tags DIV são mais comumente usados ​​para criar caixas virtuais que você pode usar para posicionar texto, imagens e até mesmo outras caixas.

Cada caixa pode ter sua própria largura, altura, posição (via as propriedades superior e esquerda), fronteira, margens e padding- cada um é definido utilizando regras CSS.

1. No painel Inserir, selecione a categoria Layout.

2. Selecione a ferramenta Desenhar AP Div.

   O cursor aparece como uma cruz quando você movê-lo para trás ao longo da página.

3. Clique em qualquer lugar da página e arraste para desenhar uma nova AP Div- soltar o botão do mouse.

   
   Clique e arraste a página com o sorteio ferramenta AP Div para criar uma caixa.
4. 
   
   
   

   Mova o ponteiro do mouse sobre a borda da caixa até que ele se transforme em um clique à mão uma vez e lida aparecem por todos os lados.

   Video: Adobe Dreamweaver CS3: Etiquetas DIV PA

5. Clique e arraste qualquer uma destas alças para redimensionar a caixa verticalmente ou horizontalmente.

6. Para mover a caixa, clique e arraste-a pela aba que fica em sua borda superior esquerda e coloque a caixa onde você quiser na página.

   Dê uma olhada no Inspetor de propriedades, e você vê o nome, bem como muitas propriedades DIV listados.

7. Se o painel Estilos CSS não estiver aberto, escolha Janela → Estilos CSS para abrir ele- sob Tudo painel, clique à esquerda da folha de estilo () Para expandi-lo.

   Você vê um novo # apDiv1 style ID que está anexado ao novo AP Div você criou. Para cada novo DIV criados, cessionários Dreamweaver apDiv com um número correspondente, a fim de criação.

8. Clique dentro da nova caixa para digitar, colar ou inserir conteúdo novo.

Quando você desenha um AP Div na página, o Dreamweaver insere uma tag para criar a caixa e cria um seletor de ID que armazena a posição do DIV, largura, altura e outras propriedades. Depois de criar um AP Div, pode escrever, colar ou inserir conteúdo diretamente dentro dela. Você também pode atribuir uma regra de classe para qualquer DIV do Inspetor de propriedades.

Cada AP Div você desenha é listado automaticamente no painel Elementos PA (escolha Janela → Elementos PA para exibi-lo. O painel Elementos PA pode ajudá-lo a selecionar, ocultar e mostrar quaisquer Divs PA na página.