Como criar folhas internas e estilo externo no Dreamweaver
Quando você cria novos estilos no Dreamweaver, você precisa decidir se deseja salvar o estilo em uma folha de estilo interna ou externa. numa folha de estilo interna
Menu
folhas de estilo externas oferecem as maiores vantagens, porque usando um conjunto de estilos em várias páginas é mais eficiente do que a criação de estilos para cada página em seu site. Dito isto, folhas de estilo, às vezes internos são uma boa escolha, como quando você está criando um estilo que será aplicável apenas aos elementos em uma página.
Como criar uma folha de estilo interna no Dreamweaver
folhas de estilo internas são salvos no mesmo arquivo HTML onde são aplicados. Assim, você não precisa criar um arquivo quando você cria uma folha de estilo interna, como você faz quando você cria uma folha externa.
Em vez disso, quando você cria uma folha de estilo interna, você simplesmente adicionar tags dentro das marcas na parte superior do arquivo HTML que você tem aberto no Dreamweaver. Então, quando você cria estilos, você salvar as novas definições de regra de estilo dentro das tags no seu arquivo.
Criando um novo estilo interno no Dreamweaver requer apenas duas etapas. Primeiro clique no ícone de adição (+) no painel Fontes no topo do painel de CSS Designer. Em seguida, selecione Definir na página da lista drop-down. Você está feito. Dreamweaver insere as tags no código em seu arquivo, e lista a folha de estilo interna no painel de Fontes com a tag.
Como criar uma folha de estilo externa no Dreamweaver
No topo do painel de CSS Designer, você encontrar o painel de Fontes. Este painel exibe o nome ou nomes de quaisquer folhas de estilo disponível para a página aberta. Este mesmo painel é usado para criar ou link para folhas de estilo como você criar ou aplicar estilos.
Para criar uma folha de estilo externa, primeiro criar e salvar um novo arquivo HTML ou abrir um arquivo existente no Dreamweaver e, em seguida, siga estas instruções:
Clique no ícone de adição (+) no painel Fontes no topo do painel de CSS Designer.
A lista drop-down abre com três opções: criar um novo arquivo CSS, Anexar existente CSS arquivo, e definir em Página.
Escolha a opção Criar um novo arquivo CSS a partir da lista drop-down.
A caixa de diálogo Criar um novo arquivo CSS será aberta.
Digite um nome para o novo arquivo de folha de estilo.
Você pode nomear as folhas de estilo que quiser, contanto que você não incluir espaços ou caracteres especiais que não o hífen (-) ou sublinhado (_).
Selecione a opção de ligação.
Fazer a ligação é considerada a melhor prática na maioria dos casos e é selecionada por padrão no Dreamweaver.
Para a maior parte, a opção Importar é utilizado apenas quando se deseja aplicar várias folhas de estilo externo à página, mas só quer conectar-se a uma folha de estilo. Nesse caso, você pode usar a opção Importar para associar várias folhas de estilo com um.
Clique na seta ao lado de Uso Condicional para exibir as configurações adicionais.
As configurações de uso de condicionais são usados para criar consultas de mídia para as folhas de estilo.
Clique em OK.
A folha de estilo é salvo e relacionadas com a página HTML que você tem aberto no Dreamweaver. Nota: Se você está trabalhando em uma nova página HTML, certifique-se que você salvou o page- caso contrário, você será incapaz de criar e vincular um novo arquivo CSS.
Depois de criar uma folha de estilo externa, você pode ligar essa mesma folha de estilo para as páginas que você gosta, seguindo os passos do exercício que se segue imediatamente. Você também pode adicionar tantas regras de estilo que quiser a qualquer folha de estilo externa, que é coberto em vários exercícios que se seguem sobre a criação de classe, tag, e outros tipos de estilos.