Como editar HTML com o Eclipse

O Eclipse oferece uma ferramenta poderosa para editar seu código-fonte HTML.

Passo 1

Vá para o site do Eclipse. Na página inicial, procure um link para a página de downloads no canto superior direito. Seu sistema operacional deve ser detectado automaticamente, mas se não for, você pode configurá-lo manualmente na parte superior da página. Faça o download das edições PHP, JavaScript ou Java EE do Eclipse, pois elas virão com a Web Tools Platform por padrão. O Eclipse é baixado para um arquivo .zip. Extraia este arquivo para o local desejado.

Passo 2

Execute o Eclipse clicando duas vezes no ícone do programa Eclipse na pasta descompactada. O Eclipse solicitará que você especifique um espaço de trabalho padrão para seus arquivos de código-fonte. Isso pode estar em qualquer diretório ao qual você tenha acesso.

Passo 3

Crie um novo projeto para seus arquivos de código-fonte HTML. Clique no menu "Arquivo" e selecione "Projeto ..." para abrir o novo assistente de projeto. Embora não exista nenhum projeto "HTML" puro, você pode criar um projeto PHP ou um projeto da Web estático para guiar o IDE para HTML. O modelo PHP também permite escrever código do servidor PHP em suas páginas HTML. Se o seu projeto já tiver páginas de origem HTML, desmarque a caixa "Usar localização padrão" e navegue até a pasta raiz do seu projeto. Seus arquivos serão automaticamente adicionados ao novo projeto.

Passo 4

Crie um novo arquivo HTML clicando no menu "Arquivo" e selecionando "Arquivo HTML". Isso criará um novo documento de origem HTML com o modelo HTML padrão do Eclipse. Se você quiser começar do zero, basta excluir o código gerado anteriormente.