Você está na página 1de 22

Instalando o Notepad++ no Windows 7.

Neste tutorial veremos a instalao e configurao passo a passo do editor Notepad++ no Windows 7.

Instalando o Notepad++ no Windows Para instalar o Notepad++ no Windows acesse o endereo eletrnico: http://notepad-plus-plus.org/download/v6.1.4.html Voc ver a seguinte pgina:

No momento em que esta pgina est sendo desenvolvida a verso do Notepad++ atual 6.1.4. Clique no boto Download para iniciar o processo. Ao clicar no boto aparecer a janela para o download:

Clique no boto Download novamente.

O processo de download do executvel ter incio:

Aps baixar o executvel, d um clique duplo no mesmo e voc ver a seguinte janela:

Aps escolher o idioma e clicar em OK o processo de preparao para a instalao ter incio.

Clique em Prximo e a prxima tela que vai aparecer apresenta o Contrato de Licena:

Aps aceitar os termos da licena a prxima tela apresenta o local onde o software ser instalado:

A prxima tela apresenta a opo de personalizar a instalao escolhendo os componentes que deseja instalar:

Em seguida uma tela com algumas opes adicionais que podem ser deixadas desmarcadas:

Basta clicar no boto Instalar:

Aps o processo de instalao terminar surge a tela de sucesso da instalao:

Se voc deixar marcado o checkbox e clicar em Terminar o Notepad++ ser executado. A primeira tela que voc ver mostra o changelog do software:

Se voc clicar com o boto direito do mouse sobre a aba da janela aberta pode escolher fech-la:

Em seguida clique no primeiro cone na barra de ferramentas do editor, criando um novo documento: Voc provavelmente vai copiar e colar alguns cdigos do curso em seu editor. Para fazermos um teste, selecione o texto do cdigo fonte abaixo, clique com o boto direito do mouse e sem seguida clique em Copiar:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tag p</title> </head> <body> <h1>Primeiro Cabealho</h1> <p>Primeiro pargrafo do primeiro cabealho</p>

<p>Segundo pargrafo do primeiro cabealho</p> <hr /> <h2>Segundo Cabealho</h2> <p>Primeiro pargrafo do segundo cabealho</p> <p>Segundo pargrafo do segundo cabealho</p> <hr /> <h3>E assim por diante...</h3> <hr /> </body> </html>

Em seguida cole o cdigo fonte no novo documento no Notepad++:

Agora salve o documento com o nome tag_hr.html:

Veja que quando o arquivo salvo com a extenso .html o editor aplicar cores diferentes para os elementos, facilitando a visualizao: Note no editor acima que a codificao dos caracteres da pgina est como ANSI. Para que os caracteres apaream corretamente no navegador preciso configurar o encoding como UTF-8 no editor. Para isso clique no menu emFormatar e selecione o terceiro item da lista (Codificao em UTF-8):

Na sequencia o cdifo-fonte j aparecer com a nova codificao, mas os caracteres acentuados e especiais aparecero de forma diferente:

Para corrigir isso, selecione todo o texto da pgina:

Em seguida remova todo o cdigo:

Copie novamente o cdigo:


<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tag p</title> </head> <body> <h1>Primeiro Cabealho</h1> <p>Primeiro pargrafo do primeiro cabealho</p> <p>Segundo pargrafo do primeiro cabealho</p> <hr /> <h2>Segundo Cabealho</h2> <p>Primeiro pargrafo do segundo cabealho</p>

<p>Segundo pargrafo do segundo cabealho</p> <hr /> <h3>E assim por diante...</h3> <hr /> </body> </html>

Cole novamente o cdigo no Notepad++: Agora a codificao j estar corrigida:

Outro detalhe que talvez voc queira alterar o nmero de espaos para a teclaTAB. possvel alterar essa configurao clicando em Configuraes no menu e em seguida selecionando Preferncias:

Em seguida selecione a aba Menu de Linguagem / Configurao de Abas:

Clique no link no nmero em Tamanho de Tab e uma nova pequena janela aparece:

Mude a tabulao como achar conveniente. comum o uso de dois ou trs caracteres.

Para que a alterao surta efeito clique em Enter aps alterar o valor do tamanho da tabulao. Agora a nova tabulao j foi aplicada:

Aps clicar em Fechar o cdigo j estar com a nova definio:

Voc tambm pode alterar o tema do editor para que as cores de fundo e das fontes sejam customizadas. Para isso, acesse novamente o menuConfiguraes e em seguida escolha o item Configurador de estilos:

Aparecer uma janela com uma lista de seleo acima:

Escolha um item da lista de Temas, clique em Salvar & Fechar e veja o resultado.

Você também pode gostar