CSS layout Modificação no Adobe CS5 Dreamweaver

Abode Creative Suite 5 (Adobe CS5) Dreamweaver fornece várias maneiras de mudar um layout de página Cascading Style Sheets. Um layout CSS é completamente controlado por regras de folhas de estilo, para que possa modificar a aparência da página diretamente do painel de estilos CSS e Inspetor de propriedades.

Cada coluna, caixa e espaço em sua nova página é posicionado e dimensionado utilizando regras CSS e propriedades, tudo o que você pode ajustar a partir de qualquer Inspetor de propriedades (no painel de estilos CSS) ou o painel Definição de regra CSS.

1. Se o painel Estilos CSS ainda não estiver aberto, escolha Estilos Window-CSS para abri-lo.

2. Selecione a guia Tudo para exibir a folha de estilo e suas regras.

   A folha de estilo interna é mostrada como no topo. Clique na seta para a esquerda para expandi-la e mostrar todas as regras que ela contém. Layouts usando uma folha de estilo em anexo (externo) exibir o nome da folha de estilo (como styles.css) em vez da marca.

3. Selecione os corpo regra.

   Este estilo baseado em tag controla a formatação geral de toda a página (tudo dentro da tag).

4. Clique no campo ao lado da regra de fundo para editar ele- ao invés de manter o # 4E5869 (Cinza médio) definindo, digite uma cor hexadecimal (tal como # CC0000 para o vermelho) para alterar a cor de fundo da página.

5. Clique na amostra ao lado da regra de cor para abrir as amostras Painel de escolher uma nova cor tipo padrão para o texto em sua página.

6. Na parte superior do painel Estilos CSS, selecione outro estilo (por exemplo, o .estilo #container twoColElstHdr) Para exibir suas propriedades.

   o .twoColHybLtHdr #style ID recipiente controla o tamanho ea aparência do contêiner de layout principal da página.

7. No Inspetor de propriedades, edite as propriedades para alterar a aparência do estilo.

   Por exemplo, você pode alterar a largura da regra introduzindo um novo número na caixa de texto da Regra Largura. Se introduzir 95%, por exemplo, você faz todo o layout mais amplo.

Cada coluna e seção que compreende o seu layout é controlada por um dos estilos ID listados no painel Estilos CSS. A maioria cada estilo ID possui uma propriedade de largura que você pode usar para mudar o tamanho de áreas diferentes na página.

Continue a modificar estilos diferentes listados no painel de estilos CSS e ver como eles afetam elementos diferentes em sua página. Tente mudar a cor tipo, família de fonte e outras propriedades, tais como preenchimento e cor de fundo.

Para descobrir exatamente quais controles de identificação que coluna ou seção, clique dentro da área de página e olhar para o seletor de tags na parte inferior da janela do documento. A última tag no final da cadeia mostra quais recipiente onde se encontra e sua ID correspondente no painel Estilos CSS (por exemplo,).