AP Divs Criação no Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver usa CSS posicionado recipientes virtuais, ou caixas, criada pela tag DIV para posicionar livremente conteúdo de uma página. o DIV tag é um tag de base utilizada 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 a 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 divi- absoluta posicionado 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 o superior e esquerda propriedades CSS, com o canto superior esquerdo da página como ponto de referência.

CSS trata cada elemento de uma página de 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 tabela 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 Div PA.

   O cursor aparece como uma cruz quando você movê-lo para trás sobre a página.

3. Clique em qualquer lugar da página e arraste para desenhar uma nova AP divi- solte 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 alças aparecem por todos os lados.

5. Clique e arraste qualquer uma dessas 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 é aberto, escolha Estilos Window-CSS para abrir ele- sob All painel, clique no lado esquerdo da folha de estilo () para expandi-lo.

   Você vê um novo # apDiv1 estilo ID, que é conectada 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 novos conteúdos.

Quando você desenha uma Div PA 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 uma Div PA, você pode digitar, colar ou inserir conteúdo diretamente no seu interior. 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-AP Elements para exibi-lo. O painel Elementos PA pode ajudá-lo a selecionar, ocultar e mostrar quaisquer Divs PA na página.