Editores de HTML

Se estamos falando de autoria web, temos que falar sobre as poderosas ferramentas de edição de HTML/CSS. Adobe Dreamweaver (Macromedia) e Microsoft Expression Web (Microsoft) são as mais conhecidas ferramentas para criar páginas web. Essas são ferramentas do tipo WYSIWYG, sigla para expressão “What You See Is What You Get”, empregada para designar interfaces de produção em que o resultado final do desenvolvimento é semelhante àquele mostrado na interface do software durante a sua criação.

Na Figura 11, está ilustrada a interface do editor de HTML Amaya 11.3.1. Amaya é um software de código aberto, disponível em <http://www.w3.org/Amaya/>.

Esses editores são muito importantes porque oferecem uma grande quantidade de facilidades, tais como criar o documento HTML com base no texto escrito e formatado através de uma interface de menus e botões, sem que o desenvolvedor tenha que digitar uma única tag, ou seja, na teoria, não é necessário que o desenvolvedor tenha qualquer conhecimento sobre HTML.

Entretanto, nós aconselhamos que você não utilize uma ferramenta como essas até que tenha total domínio e segurança em (X)HTML e tenha conhecimento suficiente para criticar e modificar o código gerado automaticamente por essas ferramentas, pois códigos gerado automaticamente, muitas vezes, são malformados e difíceis de manter.

Outra opção é utilizar ferramentas de desenvolvimento que auxiliam na construção do código fonte. A maioria dos desenvolvedores experientes preferem esta abordagem. Nesta linha, há excelentes editores disponíveis. Segue lista com alguns dos mais utilizados atualmente:

• Visual Studio Code (https://code.visualstudio.com/)
• Sublime (https://www.sublimetext.com/)
• Atom (https://atom.io/)

Validadores de (X)HTML e CSS

Validadores são ferramentas que analisam um documento (X)HTML ou CSS para identificar se ele está ou não de acordo com as regras de sintaxe da linguagem. Alguns editores de (X)HTML, tais como o Amaya, possuem essa funcionalidade. A Figura 12 exibe um exemplo de aviso emitido pela ferramenta Amaya ao encontrar uma tag de fechamento no lugar errado.