Lar Mídia social Como editar os estilos em um layout CSS no Dreamweaver - manequins

Como editar os estilos em um layout CSS no Dreamweaver - manequins

Índice:

Vídeo: Dreamweaver CS3: Como editar um Template do Dreamweaver - By: Deivisiin 2025

Vídeo: Dreamweaver CS3: Como editar um Template do Dreamweaver - By: Deivisiin 2025
Anonim

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ê deve determinar quais estilos na folha de estilos correspondem aos elementos que deseja editar.

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

Depois de ajustar os estilos existentes para obter o design básico da página 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 estas etapas:

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

    O painel do CSS Designer abre ou expande.

  2. Clique para selecionar o nome da folha de estilos no painel Fontes na parte superior do CSS Designer.

    Todos os estilos associados à nova página estão listados no painel Seletores.

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

    As regras CSS correspondentes definidas para o estilo são exibidas no painel Propriedades, na parte inferior do painel CSS Designer. Clicando na lista de estilos e revisando suas regras correspondentes é uma boa maneira de obter uma visão geral rápida do projeto e ver onde as várias opções de formatação de página são armazenadas.

O cabeçalho HTML5,. nav e tags de rodapé controlam as seções principais da página. Por exemplo, o estilo de cabeçalho inclui uma regra que torna a cor do fundo verde. Assim, para alterar a cor da área de cabeçalho na parte superior da página, você altera a configuração de cor de fundo na regra de cabeçalho.

Como editar configurações em toda a página

Para editar configurações de toda a página - como a cor de fundo da página ou o rosto, tamanho e cor principal do texto usado em toda a página - siga estas etapas:

  1. No painel CSS Designer Selectors, 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 altere ou adicione a fonte desejada e outras configurações de texto.

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

  3. Desça até a área Fundo do painel Propriedades e use a cor bem no campo Cor de fundo para especificar uma cor para todo o plano de fundo da página.

    Como alternativa, você pode inserir qualquer código de cor hexadecimal no campo de cor de fundo ou usar o conta-gotas para provar qualquer cor. Para adicionar uma imagem de fundo, clique no campo URL na seção Fundo e, em seguida, clique no botão Procurar que aparece e selecione a imagem que deseja servir como plano de fundo. Use os ícones Background-Repeat para especificar como a imagem de fundo deve repetir na página.

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

As alterações nas regras de estilo no painel Propriedades são salvas automaticamente e aplicadas no conteúdo formatado com a regra.

Como personalizar áreas de conteúdo

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

  1. Para alterar a largura de toda a área de design principal:

    1. Clique no botão. estilo contêiner no painel Seletores do painel CSS Designer.

      As propriedades do. A regra do estilo do recipiente é exibida no painel Propriedades, onde você também pode editar o estilo.

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

      A largura do design da página é alterada automaticamente com base no tamanho que você digitou. Quando você altera a largura do. estilo de recipiente, você altera a largura de todo o projeto porque todas as tags e outros elementos estão contidos na formatação com o. estilo contêiner - e eles estão todos configurados para expandir para preencher o. recipiente.

  2. Para alterar o tamanho da área de conteúdo da página, selecione o estilo chamado. Conteúdo e especifique o tamanho e outras opções desejadas no painel Propriedades.

    Se você alterar a largura da área de conteúdo em um layout que inclui uma barra lateral, você também deve alterar a largura da barra lateral.

  3. Para alterar a cor de fundo de qualquer estilo na página, clique no nome do estilo correspondente e altere as configurações na seção Fundo do painel Propriedades.

    Por exemplo, nos layouts CSS no Dreamweaver, a barra lateral é definida em um estilo chamado. sidebar1. Assim, para alterar a cor de fundo, você clicaria. sidebar1 no painel Selectors, selecione a categoria Background no painel Properties e selecione a cor que deseja. Da mesma forma, para alterar a cor de fundo do cabeçalho, selecione o estilo denominado cabeçalho no painel Seletores e use a cor bem.

  4. Para adicionar uma imagem ao cabeçalho:

    1. Selecione a imagem do espaço reservado Inserção do logotipo e pressione a tecla Excluir ou Retroceder.

    2. Escolha Inserir → Imagem → Imagem e selecione uma imagem usando a caixa de diálogo Selecionar origem da imagem.

  5. Substitua texto e insira imagens na barra lateral e áreas de conteúdo principais.

    Você pode adicionar ou substituir texto e inserir imagens em qualquer página criada a partir de um layout CSS, assim como você faria em qualquer outra página da Web.

  6. Escolha Arquivo → Salvar tudo para salvar a página e os estilos.

Como editar os estilos em um layout CSS no Dreamweaver - manequins

Escolha dos editores

Esquizofrenia e medicamentos para tratamento de doenças mentais - dummies

Esquizofrenia e medicamentos para tratamento de doenças mentais - dummies

Esquizofrenia é uma das doenças mais debilitantes e desativação de todos os transtornos mentais. Embora apenas 1 por cento dos americanos sofram da doença, os pensamentos e comportamentos extremos dos esquizofrênicos muitas vezes também afetam seriamente a vida da família e dos amigos também. A causa da esquizofrenia é desconhecida, mas a maioria dos esquizofrênicos submetidos ao tratamento é ajudada ...

Conceda-se crédito para toda a sua personalidade - manequins

Conceda-se crédito para toda a sua personalidade - manequins

Se você se julgar sozinho pelo seu corpo, você reduz o seu Concentre-se apenas no lado da forma de você e ignore completamente a substância dentro dessa forma. E as outras partes da sua personalidade? Eles também não são importantes? A verdadeira beleza é definida por quem você está no interior - sua excitação para a vida, ...

Para Aumentar Emoções Uplifting - dummies

Para Aumentar Emoções Uplifting - dummies

Para elevar suas emoções, o primeiro passo é tomar consciência de que emoções que você tem. Tire consciência do que o desencadeia - o que o afasta e fica chateado e o que o deixa muito excitado. Um gatilho é assistir a certos programas de televisão e permitir que as emoções desses programas permeem ...

Escolha dos editores

Como usar fotos em sua pesquisa de genealogia - dummies

Como usar fotos em sua pesquisa de genealogia - dummies

Uma imagem vale mais que mil palavras - então, diz diz. Isso certamente é verdade na genealogia. As fotografias estão entre os documentos mais preciosos para os genealogistas. As imagens mostram como seus antepassados ​​olhavam e em quais condições viviam. Às vezes, o outro lado da foto é mais importante que a própria imagem. Na parte de trás, ...

Sites de estudo de um nome para sua genealogia - manequins

Sites de estudo de um nome para sua genealogia - manequins

Se você está procurando uma grande variedade de informações sobre um sobrenome específico, um site de estudo de um nome pode valer a pena. Esses sites geralmente se concentram em um sobrenome, independentemente da localização geográfica onde o sobrenome aparece. Em outras palavras, eles recebem informações sobre pessoas com o sobrenome em todo o mundo. Estes sites são bastante úteis ...

Como usar listas de passageiros em sua pesquisa de genealogia - manequins

Como usar listas de passageiros em sua pesquisa de genealogia - manequins

Um tipo de registro de imigração que você pode encontrar na web é uma lista de passageiros. As listas de passageiros são manifestações de quem viajou em um navio específico. Você pode usar as listas de passageiros não só para ver quem imigrou em um navio em particular, mas também pode ver cidadãos dos EUA que viajam apenas por ...

Escolha dos editores

Envolva-se com o Live WordPress Events - dummies

Envolva-se com o Live WordPress Events - dummies

Você não pode apenas descobrir sobre o WordPress e contribuir para o projeto on-line pela internet, mas também se envolver no WordPress offline. Eventos de WordPress ao vivo, chamados Meetups e WordCamps do WordPress, são os usuários e os fãs que se reúnem para discutir, aprender e compartilhar informações sobre sua plataforma favorita. Os dois eventos são um pouco diferentes: ...

Como criar a página inicial do seu site - manequins

Como criar a página inicial do seu site - manequins

Na maior parte, quando você visite um blog com o WordPress, o blog está na página principal. Este blog pessoal, desenvolvido por WordPress (claro), mostra as últimas postagens de blog na primeira página. Essa configuração é típica de um site executado pelo WordPress. Mas a primeira página deste site de negócios, webdevstudios. com, ...

Como encontrar influenciadores para seu conteúdo WordPress - dummies

Como encontrar influenciadores para seu conteúdo WordPress - dummies

Influenciadores podem ser uma maneira útil para promova o conteúdo do WordPress. Depois de compilar listas de sites que deseja segmentar, você pode começar a quebrar a lista e determinar quais são os influenciadores em seu nicho, incluindo os influenciadores ocultos. Os influenciadores ocultos são pessoas que têm uma grande impressão social que não necessariamente ...