O que é um PA Div?

A primeira coisa que você deve saber sobre um PA Div é que o termo é aplicado especificamente ao Adobe Dreamweaver. O conceito, no entanto, refere-se a um componente universal de codificação HTML e é parte integrante da estrutura da maioria dos projetos da web. PA, ou posicionamento absoluto, refere-se a um método de design HTML que permite maior controle sobre os elementos que aparecem em uma página, independentemente do navegador usado para abrir o site.

Identificação

Uma maneira fácil de entender um Div PA é olhar para suas partes componentes. A parte PA é uma técnica de posicionamento que altera a maneira como você carrega elementos HTML em uma página da web do Dreamweaver. Em vez de carregar de cima para baixo com cada elemento HTML se posicionando em relação a outros elementos, o elemento ou elementos designados são carregados em um ponto específico da página. A parte div é um contêiner em nível de bloco, que geralmente contém elementos como banners, imagens e texto. Ele funciona de maneira semelhante a uma tag de parágrafo, pois sua tag de início - sempre inicia uma nova linha e o bloco de código nas tags div O Dreamweaver funciona como uma unidade separada.

Estrutura

Enquanto o conteúdo de um PA Div irá variar dependendo do elemento e sua posição na página, a estrutura de um div PA é sempre o mesmo. A tag de início inclui o identificador # paDiv, seguido por um número que aumenta consecutivamente com cada Div PA que você cria e uma chave de abertura. Se você tiver dois PA divs em uma página, o primeiro aparecerá como # paDiv1 e o segundo como # paDiv2. Cada um fecha com uma chave de fechamento única. Digite o código personalizado entre a chave inicial e final: # apDiv1 {...}.

Processo

Use o editor de código do Dreamweaver e crie a estrutura externa manualmente ou use o método "tocar e pressionar". No menu Arquivo do Dreamweaver, clique em Inserir, Objetos de design, Div PA. Em seguida, selecione Estilos CSS, Todas as regras no painel à direita da janela do Dreamweaver. Escolha o elemento, por exemplo, um logotipo, banner ou conteúdo que você deseja incluir, selecionando-o na seção. Se, por exemplo, # content for selecionado, a seção style expandirá ainda mais com as opções de formatação, como fonte, tamanho e cor. Formate o texto e selecione Caixa, Preencha o painel Estilos CSS. Pad, ou definir dentro de margens - como 10px cada - para o topo, direita, inferior e esquerda da AP Div. Como última etapa, defina as margens fora do topo, da direita, da parte inferior e da esquerda do PA Div para separá-lo de outros elementos da página. Salve seu trabalho e visualize a página no modo Design para ver como o elemento sempre é carregado no mesmo local da página.

Propósito

Um PA Dreamweaver Div pode servir vários propósitos específicos e úteis. Ao expandir o conceito de carregar itens para um local exato, você pode usar um Div PA para empilhar itens uns em cima dos outros, configurando uma propriedade chamada z-index. Você também pode definir uma propriedade denominada corte que permite que os elementos se sobreponham ou estabeleçam opções de visibilidade que permitam ocultar ou mostrar elementos de acordo com a atividade do usuário.