Como adicionar e formatar texto no 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 do texto básico, 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.

Video: Desenvolvimento Web - HTML e CSS - #02 - Formatação de Texto com CSS

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ê quiser adicionar texto que você tem em 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ê só colar o texto como está, você corre o risco incluindo um monte de código extra que é exclusivo para Microsoft Word e pode causar problemas em sua página web.

Você pode alterar o padrão de como Dreamweaver lida com a formatação quando você escolha 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.

Video: Curso de Dreamweaver - Aula 2 (Workspace e Formatação HTML)

A seguir são as suas quatro principais opções para inserção de texto quando você escolha 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 de base, tais como negrito e itálico.

• Texto com estrutura e formatação completa: Além das opções anteriores, o Dreamweaver inclui formatação criado por folhas de estilo em programas como o Microsoft Word.

• Manter 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 exclusivo para o Microsoft Word e é desnecessário (e não recomendado) para o texto na web.

• Converter aspas inglesas para aspas direitas: aspas inteligentes - o nome comum para essas aspas curvas extravagantes 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 browsers. Para evitar esse problema em potencial, marque essa caixa e converter todas as suas citações inteligentes para os retos.

Como formatar o texto com as tags de cabeçalho no Dreamweaver

Uma das melhores opções de formatação para manchetes é a coleção da posição tags. Em HTML, usando tags de cabeçalho (, e assim por diante) para formatar o texto que serve como um título ou manchete oferece muitas vantagens. tags de cabeçalho são projetados para serem exibidas em tamanhos relativos, com o maior, menor, menor ainda, e assim por diante até

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 um tag é 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 um tag 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 texto com um Tag do título, siga estes passos:

1. Destaque o texto que deseja formatar.

2. No Inspetor de propriedades, na parte inferior do espaço de trabalho, verifique se o botão HTML no lado esquerdo do inspetor é selecionado.

3. 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 tornar-se grandes e em negrito na vista de estrutura.

   

Em geral, o Inspetor de propriedades é a maneira mais fácil de aplicar formatação básica, mas você pode encontrar essas opções de formatação HTML também escolhendo Formatar → Formato do parágrafo e, em seguida, selecionar uma opção de ir 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.

Video: Como Formatar Texto no Dreamweaver

Se você estiver trabalhando no modo de design no Dreamweaver e pressione a tecla (Windows) ou a tecla Return (Mac) Enter, Dreamweaver insere uma marca de parágrafo, ou

, no código, o que cria uma quebra de linha seguida por uma linha em branco.

Se você quer uma quebra de linha sem a linha em branco extra, mantenha pressionada a tecla Shift enquanto você pressionar Enter (ou Return) para contar Dreamweaver para inserir a tag no código, criando uma única quebra de linha.

A melhor prática é evitar o uso de vários parágrafos ou quebrar tags 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.

Video: Dreamweaver formatando Texto em 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 web.