Adobe CS5 Dreamweaver Princípios básicos do HTML - dummies

Criando uma página da Web no Adobe Creative Suite 5 (Adobe CS5) O Dreamweaver é uma tarefa direta. Compreender o HTML básico que cria exige uma pequena explicação. A página da Web pode ser tão complexa ou simples como você deseja e ambos os tipos são igualmente eficazes se forem criados corretamente.

O Dreamweaver funciona em segundo plano para garantir que sua nova página funcione na maioria das versões recentes de navegadores comuns, como o Firefox, o Internet Explorer e o Safari. Muitos códigos são criados para ajudar o navegador da Web a reconhecer que isso é HTML e qual versão do HTML ele usa.

Por padrão, o Dreamweaver usa o XHTML 1. 0 padrão de transição sempre que você cria uma nova página HTML. O XHTML combina o rigor de XML (Extensible Markup Language) com tags HTML para criar um idioma que funcione de forma confiável e consistente em navegadores da web e novos dispositivos (como celulares e PDAs).

1. Para criar uma página em branco, escolha Arquivo → Novo → Página em branco → HTML → e depois clique em Criar.

   Uma página HTML em branco e sem texto aparece. Não possui formatação até adicionar tabelas ou camadas.

2. Digite algum texto (digamos, seu nome) na página e clique no botão Código na barra de ferramentas Documento.

   Quando você digita na página no documento, o texto aparece na página da Web. Mas há muito mais do que isso.

3. Selecione a Exibição dividida clicando no botão Dividir na barra de ferramentas Documento.

   Esta ação exibe as visualizações Design e Code simultaneamente, para que você possa ver como suas mudanças afetam o HTML nos bastidores.

   

   O trabalho na Visualização dividida ajuda a ver como os elementos da sua página são criados e formatados com tags HTML.

4. Selecione o texto.

5. Selecione a opção Texto na lista suspensa comum no painel Inserir.

   Suponha que você escolha B (para negrito) para negrito o texto selecionado. Na visualização de código da sua página, você veria que a tag foi adicionada antes que o texto e a tag fossem adicionados após o texto.

Você pode alterar a orientação e o arranjo das visualizações na Visualização dividida. Para mudar a vista de Design do lado direito para a esquerda, escolha Exibir → Vista de Design à Esquerda. Para organizar as visualizações verticalmente, escolha Exibir → Dividir verticalmente. Nota: Você pode reverter essas opções com a mesma facilidade das mesmas opções no menu Exibir.