Editor de HTML - HTML editor

HTML
Comparações

Um editor de HTML é um programa para editar HTML , a marcação de uma página da web . Embora a marcação HTML em uma página da web possa ser controlada com qualquer editor de texto , editores HTML especializados podem oferecer conveniência e funcionalidade adicional. Por exemplo, muitos editores de HTML lidam não apenas com HTML, mas também com tecnologias relacionadas, como CSS , XML e JavaScript ou ECMAScript . Em alguns casos, eles também gerenciam a comunicação com servidores web remotos via FTP e WebDAV , e sistemas de controle de versão como Subversion ou Git . Muitos programas de processamento de texto , design gráfico e layout de página que não são dedicados ao design da web , como Microsoft Word ou Quark XPress , também podem funcionar como editores de HTML.

Tipos de editores

Existem duas variedades principais de editores de HTML: editores de texto e WYSIWYG (o que você vê é o que obtém).

Editores de texto

Editores de texto destinados ao uso com HTML geralmente fornecem pelo menos destaque de sintaxe . Alguns editores também apresentam modelos , barras de ferramentas e atalhos de teclado para inserir rapidamente elementos e estruturas HTML comuns . Assistentes , avisos de dicas e preenchimento automático podem ajudar nas tarefas comuns.

Os editores de texto comumente usados ​​para HTML geralmente incluem funções integradas ou integração com ferramentas externas para tarefas como controle de versão , verificação e validação de links , limpeza e formatação de código , verificação ortográfica, upload por FTP ou WebDAV e estruturação como um projeto. Algumas funções, como verificação ou validação de link, podem usar ferramentas online , exigindo uma conexão de rede.

Os editores de texto exigem que o usuário entenda HTML e quaisquer outras tecnologias da web que o designer deseje usar, como CSS, JavaScript e linguagens de script do lado do servidor .

Para facilitar esse requisito, alguns editores permitem a edição da marcação em modos mais organizados visualmente do que o simples realce de cores, mas em modos não considerados WYSIWYG. Esses editores geralmente incluem a opção de usar janelas de paleta ou caixas de diálogo para editar os parâmetros baseados em texto dos objetos selecionados . Essas paletas permitem editar parâmetros em campos individuais ou inserir novas marcas preenchendo um formulário na tela e podem incluir widgets adicionais para apresentar e selecionar opções ao editar parâmetros (como visualizar uma imagem ou estilos de texto) ou um editor de estrutura de tópicos para expandir e recolher objetos e propriedades HTML.

Editores de HTML WYSIWYG

Editor de HTML Amaya 10

Os editores de HTML WYSIWYG fornecem uma interface de edição que se parece com a forma como a página será exibida em um navegador da web . Como o uso de um editor WYSIWYG pode não exigir nenhum conhecimento de HTML, muitas vezes é mais fácil para um usuário de computador inexperiente começar.

The WYSIWYG view is achieved by embedding a layout engine. This may be custom-written or based upon one used in a web browser. The goal is that, at all times during editing, the rendered result should represent what will be seen later in a typical web browser.

WYSIWYM (o que você vê é o que você quer dizer ) é um paradigma alternativo para editores WYSIWYG. Em vez de focar no formato ou apresentação do documento, preserva o significado pretendido de cada elemento. Por exemplo, cabeçalhos de página, seções, parágrafos, etc. são rotulados como tal no programa de edição e exibidos apropriadamente no navegador.

Dificuldades em alcançar WYSIWYG

Um determinado documento HTML terá uma aparência inconsistente em várias plataformas e computadores por vários motivos:

Navegadores e aplicativos diferentes irão processar a mesma marcação de maneira diferente.
A mesma página pode ser exibida de forma ligeiramente diferente no Internet Explorer e no Firefox em uma tela de alta resolução, mas será muito diferente no navegador Lynx de texto perfeitamente válido . Ele precisa ser renderizado de forma diferente novamente em um PDA, uma televisão habilitada para Internet e um telefone celular. A usabilidade em um navegador de fala ou braille, ou por meio de um leitor de tela trabalhando com um navegador convencional, exigirá aspectos totalmente diferentes do HTML subjacente. Tudo o que um autor pode fazer é sugerir uma aparência.
Os navegadores da Web, como todos os softwares de computador, têm bugs
Eles podem não estar de acordo com os padrões atuais. É inútil tentar projetar páginas da Web em torno de todos os bugs atuais dos navegadores comuns: cada vez que uma nova versão de cada navegador é lançada, uma proporção significativa da World Wide Web precisaria ser recodificada para se adequar aos novos bugs e novas correções. Em geral, é considerado muito mais sábio projetar de acordo com os padrões, ficando longe dos recursos de “ponta de lança” até que eles se estabilizem e, então, espere que os desenvolvedores do navegador atualizem suas páginas, em vez do contrário. Por exemplo, ninguém pode argumentar que CSS ainda é 'vanguardista' já que agora existe um amplo suporte disponível em navegadores comuns para todos os principais recursos, mesmo que muitos WYSIWYG e outros editores ainda não tenham se adaptado totalmente.
Um único estilo visual pode representar vários significados semânticos
O significado semântico, derivado da estrutura subjacente do documento HTML, é importante para mecanismos de pesquisa e também para várias ferramentas de acessibilidade. No papel, podemos dizer a partir do contexto e da experiência se o texto em negrito representa um título, uma ênfase ou outra coisa. Mas é muito difícil transmitir essa distinção em um editor WYSIWYG. Simplesmente colocar um trecho de texto em negrito em um editor WYSIWYG não é suficiente para dizer ao leitor * por que * o texto está em negrito - o que o negrito representa semanticamente.
Os sites modernos raramente são construídos de uma forma que torne o WYSIWYG útil
Os sites modernos normalmente usam um sistema de gerenciamento de conteúdo ou algum outro meio baseado em processador de modelo para construir páginas dinamicamente usando conteúdo armazenado em um banco de dados. Páginas individuais nunca são armazenadas em um sistema de arquivos, pois podem ser projetadas e editadas em um editor WYSIWYG, portanto, alguma forma de layout baseado em modelo abstrato é inevitável, invalidando um dos principais benefícios de usar um editor WYSIWYG.

Marcação HTML válida

HTML é uma linguagem de marcação estruturada . Existem certas regras sobre como o HTML deve ser escrito para estar em conformidade com os padrões W3C para a World Wide Web . Seguir essas regras significa que os sites são acessíveis em todos os tipos e marcas de computador, para pessoas sem deficiência e pessoas com deficiência, e também em dispositivos sem fio como telefones celulares e PDAs , com suas larguras de banda e tamanhos de tela limitados. No entanto, a maioria dos documentos HTML na web não atende aos requisitos dos padrões W3C. Em um estudo realizado em 2011 nos 350 sites mais populares (selecionados pelo índice Alexa), 94% dos sites falham nos testes de marcação de padrões da web e validação de folhas de estilo ou aplicam a codificação de caracteres de maneira inadequada. Mesmo esses documentos sintaticamente corretos podem ser ineficientes devido ao uso desnecessário de repetição ou com base em regras que foram descontinuadas por alguns anos. As recomendações atuais do W3C sobre o uso de CSS com HTML foram formalizadas pela primeira vez pelo W3C em 1996 e foram revisadas e refinadas desde então. Consulte CSS , XHTML , a recomendação atual de CSS do W3C e a recomendação atual de HTML do W3C .

Essas diretrizes enfatizam a separação do conteúdo (HTML ou XHTML) do estilo (CSS). Isso tem a vantagem de fornecer as informações de estilo uma vez para todo o site, não repetidas em cada página, muito menos em cada elemento HTML. Os designers do editor WYSIWYG têm lutado desde então para descobrir a melhor forma de apresentar esses conceitos a seus usuários sem confundi-los, expondo a realidade subjacente. Todos os editores WYSIWYG modernos foram bem-sucedidos nisso até certo ponto, mas nenhum deles foi totalmente bem-sucedido.

Independentemente de como uma página da web foi criada ou editada, WYSIWYG ou manualmente, para ter sucesso junto ao maior número possível de leitores e espectadores, bem como para manter o valor 'mundial' da própria Web, antes de mais nada ela deve consistir de marcação e código válidos. Não deve ser considerado pronto para a World Wide Web, até que sua sintaxe HTML e CSS tenha sido validada com sucesso usando os serviços de validador W3C gratuitos ( W3C HTML Validator e W3C CSS Validator ) ou alguma outra alternativa confiável.

A acessibilidade das páginas da web por pessoas com deficiência física, visual ou outras deficiências não é apenas uma boa ideia, considerando a onipresença e a importância da web na sociedade moderna, mas também é obrigatória por lei. Nos Estados Unidos, a Lei dos Americanos com Deficiências e, no Reino Unido, a Lei de Discriminação da Deficiência colocam requisitos em sites operados por organizações com financiamento público. Em muitos outros países, leis semelhantes já existem ou irão em breve. Tornar as páginas acessíveis é mais complexo do que apenas torná-las válidas; isso é um pré-requisito, mas há muitos outros fatores a serem considerados. Um bom web design, seja feito usando uma ferramenta WYSIWYG ou não, precisa levar isso em consideração também.

Quaisquer que sejam as ferramentas de software usadas para projetar, criar e manter páginas da web, a qualidade do HTML subjacente depende da habilidade da pessoa que trabalha na página. Algum conhecimento de HTML, CSS e outras linguagens de script, bem como familiaridade com as recomendações atuais do W3C nessas áreas, ajudará qualquer designer a produzir melhores páginas da web, com e sem editor HTML WYSIWYG.

Veja também

Referências