Vídeo: COMO CRIAR UM E-MAIL MARKETING DO ZERO NO PHOTOSHOP (01/02) 2025
Quando você cria uma nova página da Web em Adobe Creative Suite 5 (Adobe CS5), os lotes do Dreamweaver de código é criado para ajudar seu navegador web a reconhecer HTML e qual versão do HTML ele usa. O Dreamweaver funciona em segundo plano para garantir que sua página funcione na maioria das versões recentes de navegadores comuns, como o Firefox, o Internet Explorer e o Safari.
O código HTML, embora fácil, é como qualquer outro idioma, na medida em que você deve descobrir a sintaxe (a sequência adequada e a formação do código) e o vocabulário (memorizar muitas tags). Você não precisa ter gotas de fita em seus óculos para construir páginas web boas e limpas, mas você deve rever os seguintes princípios básicos de HTML.
Se você é um usuário experiente, você sabe que, copiando e colando o código, você pode descobrir muito sobre o código HTML. Se você é um novo usuário, copiar e colar código pode ajudá-lo a entender o código que outros implementaram em suas páginas e talvez lhe dê algumas idéias.
Em geral, as tags HTML são compostas por três partes:
-
Tag: A parte principal das informações HTML, por exemplo, para forte ou negrito, para a tag da fonte ou
para uma tabela HTML. Uma etiqueta é sempre construída com uma palavra-chave incluída em um conjunto de suportes, como
ou
.
Como a maioria das tags vem em pares, você deve inserir uma tag de abertura (
) e uma tag de fechamento (
). No XHTML 1. 0 Transitional (o padrão usado para todas as novas páginas criadas no Dreamweaver), todas as tags devem ser fechadas. Você pode fechar uma tag ou criar uma etiqueta de fechamento automático incluindo a barra diagonal antes do suporte de fechamento:Por exemplo, se você criar texto em negrito adicionando a tag , diga ao texto onde parar de aplicar negrito inserindo uma tag de fechamento . Caso contrário, o texto continuará a aparecer em negrito durante todo o restante da página.
Atributo: Permite ajustar a aparência de uma marca HTML específica. Um atributo é sempre adicionado a uma etiqueta de abertura e pode levar diferentes valores para controlar atributos, como a cor, o tamanho e o destino do link. Por exemplo, alinhar é um atributo da tag
(parágrafo) que especifica como o texto dentro do parágrafo deve se alinhar.
Aqui está um exemplo de uma tag de parágrafo (
) com um atributo adicionado:
Este é um texto centralizado
Valor: O tamanho da cor, tamanho e link, por exemplo, especificado em um atributo. Por exemplo, você pode especificar um número hexadecimal como o valor de um atributo de cor. Um exemplo de um valor para o atributo bgcolor da etiqueta (que controla a aparência geral da página) pode ser "vermelho" ou "# CC0000".
Aninhamento é a ordem em que as tags aparecem. Se uma marca for aplicada, isto parece: Este texto está em negrito . Adicione uma etiqueta itálica e veja Este texto está em negrito e itálico. . Observe a colocação entre as tags: você trabalha o seu caminho de dentro para fora ao fechar tags.