Como adicionar e formatar o texto em Dreamweaver
Muitas pessoas estão agradavelmente surpreendido com a facilidade com que pode criar uma página web básica com texto e imagens no Dreamweaver. Você pode fazer a formatação de texto básica, utilizando as opções de formatação HTML do Dreamweaver, incluindo os título eo parágrafo tags. Comece com estas tags HTML básicos para manter as coisas simples à primeira vista.
Menu
Como adicionar texto a uma página da Web no Dreamweaver
Para adicionar texto a uma página, você pode simplesmente clicar para inserir o cursor no topo de uma página e tipo. Se você quer adicionar o texto que você tem algum outro lugar, como em um arquivo criado no Microsoft Word, você pode copiar e colar o texto no Dreamweaver, em vez de digitar novamente.
Dreamweaver oferece muitas maneiras de manter a formatação quando você copiar e colar texto de outro programa. Esse recurso é especialmente importante quando você copiar texto de Microsoft Word, porque se você acabou de colar o texto como está, corre o risco de incluindo um monte de código extra que é exclusivo para o Microsoft Word e pode causar problemas em sua página web.
Você pode alterar o padrão de como o Dreamweaver trata formatação quando você escolher Editar-Colar, alterando as preferências na categoria Copiar / Colar. Você também pode escolher Editar-Colar especial para exibir essas opções a qualquer momento você colar conteúdo novo.
A seguir são as suas quatro principais opções para inserção de texto quando você escolher Editar-Colar especial, bem como três maneiras de refinar a sua escolha:
Somente texto: Dreamweaver remove qualquer formatação e insere texto simples.
Texto Estrutura: Dreamweaver inclui parágrafos, listas, tabelas e outras opções de formatação estrutural.
Texto com estrutura e formatação básica: Dreamweaver inclui formatação estrutural, bem como a formatação básica, como negrito e itálico.
Texto com estrutura e formatação integral: Além das opções anteriores, o Dreamweaver inclui formatação criado por folhas de estilo em programas como o Microsoft Word.
Reter quebras de linha: Quebras de linha são preservados, mesmo se você não manter outras opções de formatação. Esta opção não está disponível se você escolher Só texto.
Clean Up Palavra espaçamento de parágrafo: Esta opção remove código de formatação especial e único para o Microsoft Word e é desnecessária (e não recomendado) para o texto na web.
Converter aspas inglesas para citações diretas: aspas inteligentes - o nome comum para essas aspas curvas elegantes que os designers gostam de usar em documentos de impressão - requerem um caractere especial a ser exibido corretamente na web, e que caractere especial não funciona em todos os navegadores da web. Para evitar esse problema em potencial, marque essa caixa e converter todas as suas citações inteligentes para os retos.
Como formatar texto com as tags de cabeçalho no Dreamweaver
Uma das melhores opções de formatação para manchetes é o conjunto de tags de cabeçalho. Em HTML, utilizando tags de cabeçalho (, e assim por diante) para formatar o texto que serve como um título ou um headline oferece muitas vantagens. etiquetas de posição são concebidos para ser exibido em tamanhos relativos, com o maior, menor, ainda mais pequena, e assim por diante através de.
Então, não importa o tamanho de texto padrão de uma página web é (e tamanhos de texto pode variar devido a configurações do navegador e plataforma de computador), qualquer texto formatado com uma marca é sempre maior do que o texto formatado com.
crença popular é que muitos motores de busca dar prioridade às palavras-chave no texto formatado com uma marca porque o texto mais importante em uma página é geralmente incluído no maior tamanho de manchete. Da mesma forma, especialistas em motor de busca irá dizer-lhe que você deve usar a tag apenas uma vez por página.
Para formatar o texto com uma etiqueta de título, siga estes passos:
Realce o texto que deseja formatar.
No Inspetor de propriedades, na parte inferior da área de trabalho, verifique se o botão HTML no lado esquerdo do Inspetor é selecionado.
Use a lista suspensa Formato para selecionar uma opção de título.
Quando tags de cabeçalho são aplicados, o texto muda automaticamente para se tornar grandes e em negrito na vista de estrutura.
Em geral, o Inspetor de propriedades é a maneira mais fácil de aplicar a formatação básica, mas você pode encontrar essas opções de formatação HTML também escolhendo Formato-parágrafo e, em seguida, selecionar uma opção de posição no submenu que aparece.
Como adicionar parágrafos e quebras de linha no Dreamweaver
Quando você cria desenhos de páginas para a Web, você deve trabalhar dentro de muitas limitações que podem parecer confuso no início. Web design e design de impressão são fundamentalmente diferentes, e que pode fazer até mesmo tarefas aparentemente simples mais complicado do que se poderia esperar. Como você cria parágrafo e quebras de linha é um bom exemplo.
Se você estiver trabalhando no modo de design no Dreamweaver e pressione a tecla (Windows) ou a tecla Return (Mac) Enter, Dreamweaver insere uma tag de parágrafo, ou
, no código, o que cria uma quebra de linha seguido por uma linha em branco.
Se você quer uma quebra de linha sem a linha em branco extra, mantenha pressionada a tecla Shift enquanto pressiona Enter (ou Return) para contar Dreamweaver para inserir o
tag no código, criando uma única quebra de linha.
A melhor prática é evitar o uso de vários parágrafos ou quebrar marcas para criar espaço extra em uma página da web (e nem todos os navegadores irão manter o espaço em branco se você criá-lo dessa forma). Se você quiser adicionar um monte de espaço entre os parágrafos ou outros elementos em uma página, a sua melhor opção é usar CSS.
Se você estiver trabalhando na visualização de código e adicionar espaço com a tecla Enter ou Return, você adiciona espaço em branco dentro do código. espaço extra no código HTML pode ser útil porque o espaço extra pode tornar o código mais fácil de ler, mas, em geral, isso não afeta a maneira como uma página é exibida no modo de design ou em um navegador da web.