Como ligar Cascading Style Sheets (CSS) com o Dreamweaver

usuários do Dreamweaver pode facilmente inserir uma tag link para um Cascading Style Sheet externa (CSS), sem ter que memorizar todos os códigos necessários ou a sintaxe apropriada. Além disso, ao criar links para um arquivo CSS externo no Dreamweaver, você também pode usar essa oportunidade para selecionar um tipo de mídia CSS, se desejado.

Nas etapas a seguir, você descobrir como vincular um arquivo CSS externo com o todos tipo de suporte para um arquivo HTML aberto no Dreamweaver.

Para completar todos os passos, você precisa Dreamweaver junto com arquivos HTML de amostra e CSS, que você pode criar rapidamente em seu próprio país.

Coloque as duas cópias dos arquivos salvos em uma pasta no seu computador e, em seguida, prosseguir com os seguintes passos:

  1. Lançar Dreamweaver e criar um site gerido pela escolha Site-Novo site.

    A caixa de diálogo Configuração de site é exibida, mostrando a categoria Site, que exibe campos para o nome do site e pasta do site local.

  2. No campo Nome do site, digite o nome do seu site.

    Digite um nome que corresponda ao nome do cliente ou indica o propósito de seu site é o melhor, tal como a empresa ABC ou o meu Blog.

  3. No campo Pasta Site Local, verifique se o caminho aponta para a pasta em seu computador que você deseja usar para este site.

    Por exemplo, se você tiver uma pasta em seu computador dedicado a sites locais e que pretende criar uma pasta dentro que para abrigar os arquivos para um novo site da empresa ABC, o seu caminho pasta do site local pode ser algo como isto:

    Users yourusername Documents Local -sites ABC web
  4. Clique em Salvar para fechar a caixa de diálogo.

    Seu novo site gerido aberta, exibindo todos os arquivos existentes e pastas (se houver) no raiz pasta no painel Arquivos.

  5. No painel de arquivos, abra o arquivo HTML que você estará adicionando o link CSS para.

    O arquivo que você usa deve ter algum tipo dentro dela e ser marcado com o parágrafo, h1, e lista tags.

  6. Para adicionar o link, clique no ícone Anexar folha de estilos (que se parece com um pequeno pedaço de corrente) na parte inferior do painel Estilos CSS.

    Clicando no ícone abre a caixa de diálogo Folha Anexar Estilo Externa. Se você não vir o painel Estilos CSS no espaço de trabalho do Dreamweaver, escolha Estilos Window-CSS para abri-lo.

    image0.jpg
  7. No campo de texto File / URL, digite o nome do arquivo CSS que você gostaria de conectar-se a ou clique no botão Procurar para localizar e selecionar o arquivo CSS desejado.

    Se você estiver usando os arquivos de exemplo que você acabou de baixar da web, clique no botão Procurar para navegar até o local onde você salvou os arquivos de amostra e selecione o arquivo cssdemo.css.

  8. No Adicionar Como a área da caixa de diálogo, clique no botão Importar rádio Fazer a ligação ou para selecionar o método desejado para adicionar o arquivo CSS para sua página HTML.

    A opção de ligação adiciona o CSS como um arquivo externo usando a tag:

    A opção Importação especifica o CSS externo dentro de um link de estilo dentro da cabeça da página, utilizando o @importar at-regra. Tenha em mente que este método não é recomendado para consultas de mídia CSS3:

  9. Na área do menu drop-down da mídia, digite a palavra de tudo, ou clique em seta para baixo do menu e selecione a todos tipo de mídia.

    Para especificar vários tipos de mídia, em vez de apenas um, digite os nomes de cada um dos tipos de mídia desejados, separados por vírgulas e sem espaços, como em tela, impressão, tty.

  10. Se desejar, clique no botão Pré-visualização da caixa de diálogo para ver como a estilos de arquivo CSS seu arquivo HTML de amostra recém-ligados.

  11. Clique em OK para concluir o anexo do arquivo CSS externo.

    Painel Estilos CSS do Dreamweaver agora exibe o arquivo CSS recém-anexado e lista todos os estilos dentro dela, e o arquivo HTML de amostra é denominado com as regras de estilo sobre a CSS vinculado.

menu