Como editar os estilos em um layout css no dreamweaver

Depois de criar uma nova página com um layout CSS no Dreamweaver, você tem um número aparentemente infinito de opções para editá-lo, mas primeiro você tem que determinar quais os estilos na folha de estilo correspondem aos elementos que você deseja editar.

Como você provavelmente pode imaginar, você pode editar os estilos em um layout CSS em muitas maneiras de criar seus próprios desenhos.

Depois de ajustar os estilos existentes para obter a página de projeto básico do jeito que você quiser, você pode criar tantos estilos adicionais como você deseja.

Como verificar os estilos disponíveis e fazer edições básicas

Você pode usar essas mesmas instruções básicas com qualquer layout CSS incluído no Dreamweaver. Para editar estilos em um layout CSS, siga estes passos:

1. Abra um arquivo de página que é baseado em um layout Dreamweaver CSS e escolha Estilos Janela → CSS (ou clique na guia CSS Designer para expandir o painel).

   O painel CSS Designer abre ou expande.

2. Clique para selecionar o nome da folha de estilo no painel Fontes no topo da CSS Designer.

   Todos os estilos associados com a nova página estão listados no painel de seletores.

   

3. Selecione o nome de qualquer estilo listado no painel Seletores CSS Designer.

   As regras CSS correspondentes definidos para o estilo são exibidas no painel Propriedades, na parte inferior do painel CSS Designer. Clicando através da lista de estilos e rever as respectivas regras é uma boa maneira de ter uma visão geral do projeto e ver onde as várias opções de formatação de página são armazenados.

o HTML5 cabeçalho, .nav, e rodapé etiquetas de controlar as principais seções da página. Por exemplo, a cabeçalho estilo inclui uma regra que faz com que o verde cor de fundo. Assim, para mudar a cor da área de cabeçalho no topo da página, você alterar a configuração de cor de fundo no cabeçalho regra.

Como editar as configurações de largura de página

Para editar as configurações de largura de página - tais como a cor de fundo da página ou a face de fonte principal, tamanho e cor do texto usado em toda a página - siga estes passos:

1. No painel Seletores CSS Designer, selecione o estilo chamado corpo.

   As propriedades definidas na regra de estilo selecionada são exibidas no painel Propriedades.

   

2. Clique no ícone T na parte superior do painel Propriedades e mudar ou adicionar a fonte desejada e outros ajustes de texto.

   Você pode alterar o tipo de letra, tamanho, estilo e peso. Para alterar o espaço entre linhas de texto, alterar a altura da linha.

3. Desloque-se para a área de fundo do painel Propriedades e use a cor poço no campo background-color para especificar uma cor para o fundo inteiro da página.

   
   
   
   

   Alternativamente, você pode entrar em qualquer código de cor hexadecimal no campo background-color ou usar o conta-gotas para provar qualquer cor. Para adicionar uma imagem de fundo, clique no campo URL na seção de fundo e, em seguida, clique no botão Procurar que aparece e selecione a imagem que você quer servir como pano de fundo. Use os ícones background-repeat para especificar como a imagem de fundo deve repetir na página.

4. Faça quaisquer outras alterações ou adições à regra de estilo.

Mudanças nas regras de estilo no painel Propriedades são automaticamente salvas e aplicadas para o conteúdo formatado com a regra.

Como personalizar áreas de conteúdo

Para alterar a largura ou outras configurações das principais áreas de conteúdo, que controlam o tamanho total da página e o cabeçalho, rodapé e barra lateral, siga estes passos:

1. Para alterar a largura de toda a área de criação principal:

   Video: CSS hojas de estilo con dreamweaver sin escribir código muy facil

1. Clique no .recipiente estilo no painel Seletores do painel de CSS Designer.

   As propriedades do .recipiente regra de estilo são exibidas no painel Propriedades, onde você também pode editar o estilo.

2. Alterar o tamanho no campo Largura ou digite um novo número para a sua largura da página desejada.

   A largura do design da página é alterada automaticamente com base no tamanho que você inseriu. Quando você alterar a largura da .recipiente estilo, você alterar a largura de todo o projeto, porque todas as tags e outros elementos estão contidos no formatado com o .recipiente estilo - e está tudo pronto para expandir-se para preencher o .recipiente .