As ferramentas básicas necessárias para web design são incrivelmente simples. Além de um computador e uma conexão com a Internet, a maioria das ferramentas necessárias para construir um site são programas de software, alguns dos quais já podem estar no seu computador. Você precisa de um editor de texto ou HTML, um editor de gráficos, navegadores da Web e um cliente de FTP para fazer upload de arquivos para seu servidor da web.
Escolhendo um Texto Básico ou um Editor de HTML
Você pode escrever HTML em um editor de texto simples como o Bloco de notas no Windows 10, o TextEdit no Mac ou o Vi ou o Emacs no Linux. Você insere o código HTML, salva o documento como um arquivo da Web e o abre em um navegador para garantir que ele pareça que deveria.
Se você deseja mais funcionalidade do que em um editor de texto simples, 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 você iniciar o arquivo. Eles também podem adicionar tags de fechamento que você esqueceu e destacar links quebrados. Eles reconhecem e acomodam outras linguagens de codificação, como CSS, PHP e JavaScript.
Existem muitos editores de HTML no mercado e eles variam de software básico para profissional. Se você é novo em escrever páginas da Web, um dos editores WYSIWYG (O que você vê é o que você obtém) pode ser o melhor para você. Alguns editores mostram apenas o código, mas com alguns deles, você pode alternar entre exibições de código e visualizações visuais. Aqui estão alguns dos muitos editores web HTML disponíveis:
- Komodo IDE e sua interface amigável é adequada para desenvolvedores iniciantes e avançados. O recurso de preenchimento automático do Komodo IDE é particularmente útil para novos desenvolvedores porque sabe como escrever código para elementos comuns, como links. O software suporta codificação por cores de diferentes tipos de codificação, como HTML, CSS e muitas outras linguagens de codificação. O Komodo IDE é um software de plataforma cruzada que é executado no Windows, Mac e Linux.
- Editor de HTML do CoffeeCup é 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 possui verificadores de validação para manter seu código livre de erros. Ele inclui o preenchimento de código e suporta outros idiomas de codificação que você pode usar em conjunto com o HTML. Os novatos irão gostar quando o software destacar erros no código, explicar por que eles apareceram e informar o desenvolvedor sobre como corrigi-los. CoffeeCup HTML Editor é executado no Windows.
- Mobirise é um editor de HTML para pessoas que não querem se envolver com código. É tudo sobre a escolha de um tema e, em seguida, arrastando e soltando elementos na página. Adicione o texto como faria em um editor de texto regular e insira imagens, vídeos ou ícones - tudo sem escrever nenhum código; Mobirise faz essa parte para você. O Mobirise está disponível para Windows e Mac e é gratuito.
Navegadores da Web
Teste suas páginas da Web em um navegador para garantir que elas se pareçam com a sua intenção antes de você abrir a página. O Chrome, o Firefox, o Safari (Mac) e o Internet Explorer (Windows) são os navegadores mais populares. Verifique seu HTML em quantos navegadores você tiver em seu computador e faça o download de navegadores menos conhecidos, como o Opera, também.
Editor de gráficos
O tipo de editor gráfico que você precisa depende do seu site. Embora o Adobe Photoshop seja o padrão ouro para trabalhar com fotos, talvez você não precise de muita energia. Você pode preferir um programa gráfico vetorial para trabalhos de logotipo e ilustração. Alguns editores gráficos para o uso básico de desenvolvimento da Web incluem:
- GIMP é um programa gratuito de edição de fotos de código aberto que fornece muitos dos recursos de seus concorrentes mais caros. Como software de código aberto, está disponível para Windows, Mac e Linux.
- Photoshop Elements para o Mac e PC é um editor de imagem que é uma versão light do seu homônimo, mas com muita potência para trabalhar com gráficos para a web.
- Corel PaintShop Propara PCs, tem quase todas as ferramentas úteis que você encontra no Photoshop e uma interface fácil de usar.
- Inkscape para Windows, Mac e Linux é um editor de gráficos vetoriais grátis. Essa alternativa ao mais caro Adobe Illustrator tem poder mais que suficiente para trabalhos de design simples e gráficos da web.
Cliente FTP
Você precisa de um cliente FTP para transferir seus arquivos HTML e suportar imagens e gráficos para seu servidor web. Enquanto o FTP está disponível através da linha de comando no Windows, Macintosh e Linux, é muito mais fácil usar um cliente. Existem muitos clientes FTP de boa qualidade disponíveis, incluindo:
- FileZilla é um cliente FTP gratuito disponível para Windows, Mac e Linux. Ele suporta transferências de arquivos arrastar e soltar e tem um recurso de pausa e retomada para o upload de arquivos grandes.
- Cyberduck é um software livre 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 Free FTP é um cliente minimalista, mas atende a todas as 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 Direct FTP é adequado para o Windows 10.
- Transmite é um cliente de FTP premium, somente para Mac. Ele facilita transferências extremamente rápidas e suporta o 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 FTP mais seguros do mercado.
