Além de um computador e uma conexão à Internet, a maioria das ferramentas de que você precisa para construir um site são programas de software, alguns dos quais podem já estar no seu computador. Você precisa de um editor de texto ou HTML, um editor gráfico, navegadores da web e um cliente FTP para fazer upload de arquivos para o servidor da web.
Escolhendo um Texto Básico ou Editor de HTML
Você pode escrever HTML em um editor de texto simples, como Bloco de anotações no Windows 10, TextEdit e Sublime Text em um Mac, ou Vi ou Emacs em Linux. Você cria a codificação HTML para a página, salva o documento como um arquivo da web e o abre em um navegador para ter certeza de que tem a aparência correta.
Se você deseja mais funcionalidade do que um editor de texto simples oferece, use um editor de HTML. Os editores de HTML reconhecem o código e são capazes de identificar erros de codificação antes de iniciar o arquivo. Eles também podem adicionar tags de fechamento que você esquece e destacar itens quebrados
links. Eles reconhecem e acomodam outras linguagens de codificação, como CSS, PHP e JavaScript.Os muitos editores de HTML no mercado variam do nível básico ao profissional. Se você é novo na escrita de páginas da web, um dos WYSIWYG (O que você vê é o que você obtém) editores podem funcionar melhor para você. Alguns editores mostram apenas o código, mas alguns permitem que você alterne entre as visualizações de codificação e visuais. Aqui estão alguns dos muitos editores HTML da web disponíveis:
- IDE Komodo e sua interface amigável são adequados para desenvolvedores web iniciantes e avançados. O recurso de preenchimento automático do Komodo IDE é particularmente útil quando você está escrevendo código para elementos comuns, como links. O software oferece suporte à codificação por cores de diferentes linguagens de codificação, como HTML, CSS e muitas outras. Komodo IDE é executado em Windows, Mac e Linux.
- CoffeeCup HTML Editor é especialmente útil para novos desenvolvedores que estão mais interessados em aprender a codificar do que em uma interface visual. Este editor robusto vem com modelos e tem verificadores de validação para ajudar a manter seu código livre de erros. Inclui autocompletar código e oferece suporte a outros linguagens de codificação você pode usar em conjunto com HTML. O software destaca os erros, explica por que eles apareceram e mostra como corrigi-los. CoffeeCup HTML Editor roda em Windows.
- Mobirise é um editor de HTML para pessoas que não querem se envolver com código. É tudo sobre escolher um tema e, em seguida, arrastar e soltar elementos na página. Adicione texto da mesma forma que faria em um editor de texto normal e insira imagens, vídeos ou ícones - tudo sem escrever nenhum código; Mobirise faz essa parte para você. Mobirise está disponível para Windows e Mac e é gratuito.
Navegadores da web
Os sites podem ter uma aparência diferente de navegador para navegador, portanto, é crucial testar suas páginas da web para garantir que tenham a aparência e o funcionamento pretendido. Chrome, Firefox, Safari (Mac), Óperae Edge (Windows) são os navegadores mais populares.
Você também precisa testar a aparência e a função de suas páginas em navegadores móveis. A maioria dos navegadores de desktop oferece a capacidade de visualizar sites em janelas de vários tamanhos. Por exemplo, uma grande variedade de ferramentas de teste está disponível no Google Chrome em Visualizar > Desenvolvedor > Ferramentas de desenvolvimento. Selecione o ícone do smartphone no canto superior esquerdo da janela do desenvolvedor para ver qualquer página em janelas de tamanhos diferentes e sistemas operacionais móveis.
Editor de Gráficos
O tipo de editor gráfico de que você precisa depende do seu site. Adobe Photoshop é o padrão ouro, mas você pode não precisar de tanta potência - além disso, você pode precisar de um programa de gráficos vetoriais para o trabalho de logo e ilustração. Alguns editores gráficos para o desenvolvimento básico da web incluem:
- GIMP é um programa de edição de fotos gratuito e de código aberto que oferece muitos dos recursos de seus concorrentes mais caros. Como software livre, está disponível para Windows, Mac e Linux.
- Photoshop Elements para Mac e PC é uma versão leve de seu homônimo, mas tem muitos recursos.
- Corel PaintShop Pro para PCs tem quase todas as ferramentas que você encontra no Photoshop em uma interface fácil de usar.
- Inkscape para Windows, Mac e Linux é um editor de gráficos vetoriais gratuito. Essa alternativa ao mais caro Adobe Illustrator tem recursos mais do que suficientes para trabalhos de design simples e gráficos da web.
Cliente FTP
Você precisa de um cliente FTP (protocolo de transferência de arquivos) para transferir seus arquivos HTML e imagens e gráficos de suporte para o seu servidor web. O FTP está disponível por meio da linha de comando no Windows, Macintosh e Linux, mas um cliente FTP dedicado é muito mais fácil de usar. O topo Clientes FTP incluir:
- FileZilla (grátis) está disponível para Windows, Mac e Linux. Ele suporta a transferência de arquivos arrastar e soltar e tem um recurso de pausa e retomada para o upload de arquivos grandes.
- Cyberduck é um software gratuito, de código aberto e de plataforma cruzada conhecido por sua integração perfeita com editores externos e sua atraente interface de usuário.
- FTP grátis e FTP direto são feitos pela mesma empresa. O FTP gratuito é um cliente minimalista que atende às necessidades básicas de transferência de arquivos. FTP direto é uma versão premium que oferece recursos avançados. Ambas as versões são suportadas pelo Windows 7, 8 e Vista, mas apenas o FTP direto é adequado para o Windows 10.
- Transmite é um cliente FTP premium exclusivo para Mac. Ele facilita transferências excepcionalmente rápidas e oferece suporte ao Amazon CloudFront.
- FTP fofo é um poderoso cliente FTP premium que você pode usar para fazer até 100 transferências ao mesmo tempo. É considerado um dos clientes de FTP mais seguros disponíveis.