Descargar Notepad++. Instalar tu editor de código web

Descargar Notepad++ e instalarlo para crear y editar archivos de código

Ernesto BarrachinaDesarrollo webDeja tu comentario

3.8/5 - (24 votos)

Como Notepad++ es una herramienta que nombro mucho en mis artículos sobre desarrollo web, creo que ha llegado la hora de que explique cómo descargar Notepad y cómo instalarlo.

Aunque ya te digo que es muy facilito 😉

Para quien no lo sepa, Notepad++ es un editor de código gratuito para Windows que permite crear y modificar archivos de código que luego usaremos en una página web.

Descargar Notepad++

Lo primero, evidentemente es descargar Notepad++ desde su sitio web oficial.

Al acceder encontramos la descripción de la herramienta y una vista previa del editor.

Página para descargar Notepad++ para Windows

Pulsa el botón descargar (download) que lleva a descargar Notepad++ en su versión más moderna.

Descargar Notepad++ en su última versión

Desde esta sección tenemos disponibles varias opciones de descarga.

  1. Pulsa el botón verde para descargar el instalador.
  2. Ve a tu carpeta de descargas.
  3. Corta y pega el instalador al escritorio de tu ordenador.
  4. Clica sobre él para comenzar la instalación de Notepad.

Recibe nuevos artículos mensualmente

y aprende más sobre los temas que te interesan directamente desde la bandeja de entrada de tu correo electrónico.

Instalar Notepad++

Una vez que tu ordenador te ha preguntado si le otorgas los permisos para que el programa haga cambios en el equipo, selecciona el idioma en el que quieres instalar Notepad++.

Seleccionar idioma al instalar Notepad++

Ha llegado el momento de comenzar la instalación de Notepad++ con ayuda del asistente.

El asistente te guiará para instalar Notepadd

Acepta los términos.

Licencia para descargar Notepad. Instalación

Si quieres instalar Notepad en una carpeta que no sea la que te propone, selecciona la que prefieras.

Personalmente te recomiendo que lo dejes tal y como está.

Descargar e instalar Notepad en carpeta del ordenador

Deja todo como viene configurado y pulsa en Siguiente.

Opciones de instalación de Notepad++

Lo más cómodo es acceder a Notepad desde su icono, así que chequea la casilla.

Pon el icono en el escritorio tras la descarga e instalación de Notepad++

Deja pasar unos segundos mientras termina la instalación.

Deja que termine de instalar Notepad++

En este momento has terminado de instalar Notepad++.

Has terminado de descargar e instalar Notepad++

¿Qué es y para qué sirve Notepad?

Como hemos dicho anteriormente Notepad++ es un editor de código para Windows.

Es parecido el editor de texto que viene con tu sistema operativo pero que entre otras cosas permite guardar archivos con diferentes extensiones.

Extensiones disponibles para guardar archivo de código en Notepad++

Podrás crear y modificar los archivos HTML, CSS, PHP… de un sitio web.

Si vas a usar el programa para seguir los tutoriales web que hay en los artículos de este blog, quitado de alguna excepción, con que sepas crear archivos HTML y CSS será suficiente.

Crear un archivo HTML con el editor de código Notepad

  • Abre el editor y tal cual pega este código.
<!DOCTYPE html>
<html>
 <head>
   <meta charset="UTF-8">
   <title>Título de la página</title>
 </head>
 
 <body>
 </body>
</html>

➡ Es lo básico en un documento HTML.

  • Si no sabes que nombre ponerle usa este: index.
  • Ahora puedes guardarlo con la extensión .html.

Crear un documento HTML con Notepad++

Ya tienes creado tu archivo index.html 😉

Crear un archivo CSS con el editor de código Notepad

  • Abre un archivo en el editor Notepad++ y déjalo en blanco.
  • Titula al documento style.
  • Guarda el archivo con la extensión .css.

Crear un documento CSS con Notepad++

Y ya dispones de un archivo style.css 😀

Si te preguntas si hay que añadir algún contenido en el archivo CSS, la respuesta es que lo iremos generando según lo vayamos necesitando.

Ahora que sabes descargar e instalar Notepad++ y crear archivos HTML y CSS puedes practicar con el diseño de páginas web realizando los ejercicios propuestos en los artículos de esta guía básica CSS.

Si te ha gustado comparte

About the Author

Ernesto Barrachina

Facebook Twitter Google+

Me dedico al diseño web Valencia y tengo pasión por las herramientas de diseño gráfico, así como por compartir tips de diseño web en forma de consejos y tutoriales "para todos los públicos".

Deja una respuesta

INFORMACIÓN BÁSICA SOBRE LA PROTECCIÓN DE TUS DATOS

Todos las datos marcados con asterisco (*) son obligatrorios. Si no los indicas no podrás comentar en el blog.

Responsable de la web: Ernesto Barrachina Rubio (EBWEB) Finalidad de los datos: Gestionar los comentarios que realizas en este blog. Legitimación: Consentimiento del interesado. Destinatarios: No se comunican los datos a nadie más. Plazo de conservación de los datos: Hasta que no se solicite su supresión por el interesado. Los datos que me facilitas estarán ubicados en los servidores de Dinahosting (mi proveedor de hosting) fuera de la UE en Otros. Dinahosting está ubicado en la UE, con los niveles de protección adecuados según Comisión de la UE. Ver política de privacidad de Dinahosting. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en ebweb@ebweb.es así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en mi página web: https://ebweb.es, así como consultar mi política de privacidad.

Tu comentario quedará pendiente de moderación. Vuelve en dos o tres días para ver la respuesta y tu comentario publicados.

Muchas gracias por comentar ☺