Lar Mídia social Como adicionar elementos de fluido a um layout no Dreamweaver - dummies

Como adicionar elementos de fluido a um layout no Dreamweaver - dummies

Vídeo: Design Responsivo - Aula 05 - Header e Logo 2025

Vídeo: Design Responsivo - Aula 05 - Header e Logo 2025
Anonim

Depois de criar um layout de grade de fluido no Dreamweaver, o próximo passo é adicionar tags ou outros elementos para compilar as seções do projeto. Você tem duas opções ao projetar páginas no Dreamweaver CC: use tags ou use tags HTML5.

Ambos funcionam de forma semelhante nestes layouts de fluidos, mas o uso de tags HTML5, como as e tags, tem alguma vantagem, porque as tags adicionam significado e estrutura adicionais à sua página da web.

Para adicionar tags, tags HTML5 e outros elementos para um layout de grade de fluido, siga estas instruções:

  1. Escolha Inserir → Estrutura → Navegação.

    Como alternativa, você pode clicar em Navegação no painel Inserir Estrutura.

  2. Selecione a caixa de seleção Inserir como elemento de fluido na caixa de diálogo Inserir.

    Quando você usa os recursos de layout de grade de fluido, você deve selecionar essa opção quando você adiciona tags.

  3. Na caixa de diálogo Inserir, selecione se deseja usar a classe ou o seletor ID para criar um novo estilo para a etiqueta que você está inserindo e, em seguida, insira um nome para o novo estilo.

    Mesmo quando você insere tags HTML5, você deve criar uma classe correspondente ou estilo ID que pode ser usado para formatar o elemento em todos os três layouts.

    Os nomes de estilo de classe devem começar com um ponto (.) E os nomes de estilo ID devem começar com o sinal de libra (#).

  4. Clique em OK.

    A tag é adicionada ao layout, formando uma nova caixa no layout e o nome do estilo correspondente é adicionado três vezes ao layout CSS.

  5. Selecione a tag inicial que foi incluída no layout e, em seguida, clique no ícone da lixeira pequena que aparece na parte inferior direita da etiqueta para excluí-la.

    Embora você possa manter a etiqueta inicial incluída em layouts de grade de fluido, ou você pode renomear o estilo aplicado a ela.

  6. Escolha Inserir → Estrutura → Artigo.

    A caixa de diálogo Inserir artigo é aberta (semelhante à caixa de diálogo Inserir cabeçalho).

  7. Selecione a caixa de seleção Inserir como elemento de fluido na caixa de diálogo Inserir.

  8. Na caixa de diálogo Inserir, selecione se deseja usar a classe ou seletor ID para criar um novo estilo para a etiqueta que você está inserindo e digite um nome para o novo estilo.

  9. Clique em OK.

    A tag é adicionada ao layout, formando uma nova caixa no layout e o nome do estilo correspondente é adicionado três vezes ao layout CSS.

  10. Adicione tantos elementos quanto desejar para o seu layout, repetindo os passos 6-9.

    Você pode adicionar elementos HTML5 ao seu layout de grade de fluido clicando nos ícones correspondentes no painel Inserção de Estrutura: uma navegação, um cabeçalho, dois artigos e um rodapé .

    Observe que no código, o Dreamweaver adiciona o prefixo fluido ao nome de cada estilo que você criou para os layouts da grade de fluido.

Como adicionar elementos de fluido a um layout no Dreamweaver - dummies

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 ...