Como fazer uma lista ordenada com o Dreamweaver

Quando os usuários digitalizam uma página da Web na Internet, eles podem passar rapidamente para outra página, se não encontrarem o que precisam, por isso é importante criar uma maneira de atrair a atenção deles e mantê-los explorando as páginas da Web de sua empresa. Use o Dreamweaver para criar uma lista numérica atraente para destacar promoções sazonais, itens de vendas ou serviços para atrair clientes em potencial.

Propósito

O Dreamweaver é uma boa opção a ser usada para criar seu site de negócios, pois oferece duas abordagens de design. Seu editor de design é muito parecido com um construtor de sites normal, onde você pode adicionar imagens, texto, hiperlinks e listas, como itens à venda, sem precisar fazer nenhum trabalho de back-end. No entanto, se você preferir o controle completo, poderá usar o lado do código do Dreamweaver para digitar caractere para caractere. De qualquer maneira, a incorporação de listas ordenadas, que normalmente são feitas em ordem numérica ou alfabética, exige muito pouca digitação ou codificação, mas resulta em uma maneira rápida de exibir seus produtos ou serviços.

desenhar

Digitar no espaço de trabalho principal do Dreamweaver é o mesmo que digitar na maioria dos editores. Certifique-se de que o botão "Design" esteja ativado na seção da barra de ferramentas abaixo da guia. Este é o editor WYSIWYG, onde qualquer coisa que você digita aparece como está na tela. Digite pelo menos duas ou três coisas para usar na lista ordenada. O Dreamweaver adiciona automaticamente espaço entre cada um. Destaque todo o texto a ser incluído na lista ordenada, clique no menu "Texto" na barra de ferramentas, passe o cursor sobre "Lista" e clique em "Lista ordenada" no menu suspenso. Seu texto na tela agora é uma lista ordenada.

Código

Ao abrir o Dreamweaver, você geralmente é colocado no modo "Design". Para chegar onde você pode codificar uma lista ordenada, clique no botão "Código" no lado esquerdo da barra de ferramentas, clique no cursor entre as tags "" e "" HTML e pressione "Enter" algumas vezes para se dar algum espaço. Tipo "

    ", que é o código para permitir que o Dreamweaver saiba que você está iniciando uma lista ordenada e pressione" Enter ". O Dreamweaver adiciona automaticamente o fechamento"
"tag para você. Clique entre os dois e pressione" Enter "algumas vezes para se dar algum espaço. Digite"
  • ", que diz ao Dreamweaver que este é o seu primeiro item da lista. O Dreamweaver adiciona automaticamente o fechamento"
  • "tag. Clique entre os dois e digite o primeiro item da lista, como" Bolsas ". Mova o cursor para a linha abaixo do""tag e acima do" "etiqueta e tipo"
  • "novamente. Clique entre os dois e digite o próximo item da lista, como" Vestidos ". Repita este processo até que todos os itens estejam na lista. Clique no botão" Design "na barra de ferramentas para ir para o editor WYSIWYG para ver sua lista ordenada.

    Considerações

    O código para criar uma lista ordenada no Dreamweaver é extremamente simples, mas isso também significa que a lista resultante também parecerá simples. No entanto, você pode "embelezar" sua lista ordenada por meio de codificação HTML adicional no lado "Código" do espaço de trabalho do Dreamweaver. Por exemplo, você pode adicionar cores aos números em sua lista, além de alterar suas fontes e redimensioná-las. Para alterar a aparência da sua lista no modo "Design", você também pode clicar em "Propriedades" sob o menu suspenso "Lista" e, em seguida, escolher algumas formas diferentes de exibição da lista ordenada, incluindo alfabeto e algarismos romanos.

  • Recomendado