O que é um PA Div?

A primeira coisa que você deve saber sobre um Div PA é que o termo se aplica especificamente ao Adobe Dreamweaver. O conceito, no entanto, refere-se a um componente universal da codificação HTML e é parte integrante da estrutura da maioria dos designs 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.

ID

Uma maneira fácil de entender um PA Div. É examinar 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 maneira descendente com cada elemento HTML, posicionando-se em relação a outros elementos, o (s) elemento (s) designado (s) é carregado em um ponto específico da página. A parte div é um contêiner no nível do 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 – <div> – sempre inicia uma nova linha e o bloco de código dentro das tags div O Dreamweaver funciona como uma unidade separada.

Estrutura

Embora o conteúdo de um Div. PA varie de acordo com o elemento e sua posição na página, a estrutura de um Div. PA é sempre a mesma. A tag de início inclui o identificador # paDiv, seguido por um número que aumenta consecutivamente a cada Div da PA que você cria e uma chave de abertura. Se você tiver duas divs PA em uma página, a primeira aparecerá como # paDiv1 e a segunda como # paDiv2. Cada um fecha com uma chave de travamento exclusiva. Digite o código personalizado entre as teclas iniciar e fechar: # apDiv1 {…}.

Processo

Use o editor de código do Dreamweaver e crie a estrutura externa manualmente ou use o método “toque e pressione”. 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 <style>. Se, por exemplo, # content for selecionado, a seção de estilo se expandirá ainda mais com as opções de formatação, como fonte, tamanho e cor. Formate o texto e selecione Caixa, Preenchimento no painel Estilos CSS. Almofada ou defina dentro das margens – como 10 px cada – para as partes superior, direita, inferior e esquerda da divisão AP. Como último passo, defina margens fora da parte superior, direita, inferior e esquerda do Div PA 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 carrega no mesmo local na página.

Finalidade

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

Referências

 

Você pode estar interessado:

Deixe um comentário