Ferramentas para a criação de HTML quando construção de sites

Antes de iniciar a codificação HTML, considere as opções em termos de um ambiente de codificação. Há um amplo espectro de ferramentas, que vão desde o editor de texto livre que acompanha o sistema operacional (como Windows Notepad ou o TextEdit em um Mac) para aplicações profissionais (principalmente Dreamweaver) que fornecem ferramentas importantes para ajudar você a escrever e teste, código.

editores de código

Existem três níveis de editores de código:

  • editor de texto do seu sistema operacional: Yup, seu sistema operacional tem um editor de texto construído na direita. Nice. Aqui estão dois grandes vantagens de usar o editor construído em seu sistema operacional como um editor de código de HTML (e CSS):

  • Sem nenhum custo.

  • O aplicativo já está instalado no seu computador. Feito e feito.

Esta rota é definitivamente a opção sem frescuras, sem code-insinuando e verificar recursos disponíveis em editores de código para download gratuito. A menos que você está planejando fazer apenas uma quantidade mínima de código HTML, o download de um editor de código livre como texto PSPad ou texto Wrangler.

Criando HTML com TextEdit em um Mac.
Criando HTML com TextEdit em um Mac.
Criando HTML com o bloco de notas do Windows.
Criando HTML com o bloco de notas do Windows.
  • Livres, editores de código para download: Porta de trás # 2 são editores de código livre, como TextWrangler para Macs ou PSPad para Windows.

    Novamente, livre é bom. Esses (e outros) editores de código livre incluem recursos no topo o que vem com o aplicativo OS:

  • Arquivo guias que permitem que você trabalhe com vários arquivos ao mesmo tempo. Esta capacidade é essencial para trabalhar com um HTML e um arquivo CSS ligados ao mesmo tempo.

  • O código de cores que identifica codificação elementos de sintaxe. Você vai encontrar esse recurso muito útil quando você tiver digitado incorretamente um código, porque esse conteúdo digitado incorretamente não vai adotar o código de cor esperada.

    image2.jpg
  • verificação ortográfica está disponível em editores de código livre como TextWrangler e PSPad para ajudar a identificar palavras com erros ortográficos na mosca.

    image3.jpg
  • autocomplete está incluído no PSPad.

  • editores de código livre como TextWrangler (para Macs) e PSPad (para Windows) não vêm com janelas gráficas WYSIWG que apresentam como páginas HTML vai olhar em um navegador. E eles não têm o tipo de opções de dicas de código disponíveis em editores de código que custam dinheiro.

  • editores de código de baixo custo: BBEdit, por exemplo (que vende por US $ 50 como esta escrito), é uma versão melhorada do TextWrangler. Um dos recursos mais poderosos do BBEdit é que ele pode preencher automaticamente o código - antecipando e preenchendo o fim do código enquanto você digita. A figura a seguir, por exemplo, mostra uma série de tags HTML começando com a letra # 147-h # 148- solicitado digitando um # 147-h # 148.;

    image4.jpg
  • Dreamweaver

    A ferramenta mais poderosa para trabalhar com HTML é o Adobe Dreamweaver. Além das características encontradas em, editores de código profissional avançados (como verificação ortográfica e referências de código), principal atração do Dreamweaver é que você não tem a mão-de código HTML. Você pode, em vez disso, use as opções de menu (como # 147-Insert-Imagem 148- #) e painéis (como o inspetor de Propriedades) para gerar HTML.

    Muitas pessoas estão conscientes de que o Dreamweaver pode criar HTML sem codificação manual. Mas o que muitas pessoas não percebem é que o Dreamweaver opera em dois modos:

    • vista de estrutura: Neste ponto de vista, o código é gerado com menus e mouse ações ocultas.

    • Visualização de código: Esta visão fornece uma full-featured ambiente de codificação com código-insinuando e testar não apenas para HTML mas outras linguagens de web design, como CSS (folhas de estilo), javascript (para animação e interatividade) e PHP (para scripts do lado do servidor que gerenciar on-line dados).

      image5.jpg

    Como se observa, a maior atração do Dreamweaver é que ele permite que os designers para gerar HTML (assim como CSS e alguma outra codificação) em uma janela de design que olha e sente algo como outros Adobe aplicativos Creative Suite como Photoshop, Illustrator ou InDesign.

    menu