Ferramentas para criar html quando a 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 TextEdit em um Mac) para aplicações profissionais (principalmente Dreamweaver) que fornecem ferramentas substanciais para ajudá-lo a escrever, e testar, código.
Conteúdo
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 para 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 código-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, baixar um editor de código livre como texto PSPad ou texto Wrangler.
Gratuitos, 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 gratuitos incluem recursos em cima 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 vinculado ao mesmo tempo.
O código de cores que identifica que codificam elementos de sintaxe. Você vai encontrar esse recurso muito útil quando você tiver digitado incorretamente algum código porque que o conteúdo digitado incorretamente não vai adotar o código da cor esperada.
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.
autocompletar está incluído no PSPad.
Video: CURSO DE FERRAMENTAS WEB - COMO FAZER PARA CRIAR SITES RESPONSIVOS
editores de código livre como TextWrangler (para Macs) e PSPad (para Windows) não vêm com janelas gráficas WYSIWG que mostrar como as 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 autocomplete código - antecipar e preencher o fim do código enquanto você digita. A figura a seguir, por exemplo, mostra uma série de tags HTML que começa com a letra “h” solicitado, digitando um “h”.
Video: Melhor Ferramenta para Fazer seu Site Crescer !
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 dicas de código), principal atração do Dreamweaver é que você não tem a mão-código HTML. Você pode, em vez disso, use as opções de menu (como “Inserir → Imagem”) 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: Nesta visão, o código é gerado com menus e mouse ações escondidas.
Visualização de código: Esta visão fornece uma full-featured ambiente de codificação com código-insinuando e testando não apenas 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).
Como se observa, a maior atração do Dreamweaver é que ele permite que os designers para gerar HTML (bem como CSS e alguma outra codificação) em uma janela de design que parece e se sente algo como outros Adobe aplicativos Creative Suite como Photoshop, Illustrator ou InDesign.