Configuración básica Notepad++. Autocompletar, autocerrar tags y otras ventajas de Notepad++ (CU00709B)

Resumen: Entrega nº9 del Tutorial básico del programador web: HTML desde cero.
Codificación aprenderaprogramar.com: CU00709B

 

 

CONFIGURACIÓN BÁSICA DE NOTEPAD++ PARA CREAR PÁGINAS HTML.

Antes de poder comenzar a crear páginas HTML, necesitaremos realizar una configuración básica de nuestro entorno de desarrollo. En nuestro caso, la configuración será bastante simple y consistirá en elegir la codificación con la que guardaremos nuestros ficheros HTML y seleccionar el lenguaje con el que vamos a trabajar.

 

Lo primero que vamos a hacer es abrir el programa Notepad++. Para esto, nos vamos a Inicio --> Programas --> Notepad++ --> Notepad++. Después se abrira el programa, mostrando una pantalla similar a la siguiente.

 

 

Para seleccionar la codificación con la que trabajaremos durante todo el curso, en la pestaña Formato, clickamos sobre Codificar en UTF-8 sin BOM, de forma similar a como se muestra en la imagen. Cuando edites archivos comprueba siempre que estás trabajando con esta codificación.

 

 

Ahora tendremos que indicar que vamos a utilizar el lenguaje de etiquetas HTML. Para ello, en la pestaña lenguaje abrimos H y seleccionamos HTML de entre todas las opciones posibles. Sería algo similar a lo que se muestra en la imagen siguiente.

 

 

Ya tenemos todo listo para poder empezar a crear nuestras páginas HTML.

 

 

AUTOCOMPLETAR. UNA VENTAJA DE NOTEPAD++

Para facilitar la escritura de código Notepad++ cuenta con una opción de autocompletar, la cual se activa en la pestaña Configurar --> Preferencias. En la ventana que nos aparecerá, tenemos que buscar la opción Autocompletar (autocompletion). Esta opción puede estar dentro de la pestaña u opción “Copia de seguridad/Autocompletar”, o en la opción “Autocompletar”, según la versión de Notepad++ que estemos usando. Debemos activar la casilla “Habilitar autocompletar en cada entrada” (Enable autocompletion on each input) para funciones y palabras (function and word completion). También activaremos “Pistas para los parámetros de la función” (Function parameters hint on input).

Ten en cuenta que la situación de los menús y opciones puede variar de una versión a otra de Notepad++, por lo que no siempre encontrarás estas opciones en el mismo sitio que las estamos describiendo.

 

 

 

AUTOCERRADO DE ETIQUETAS HTML. OTRA VENTAJA DE NOTEPAD++

Para activar el autocerrado inteligente de etiquetas HTML, en menú superior seleccionamos TextFX --> TextFX Settigns --> Autoclose XHTML/XML tag

En algunas versiones de Notepad++ no aparece TextFX en el menú superior. En este caso, debemos:

a) En el menú Configurar -- > Preferencias. En la ventana que nos aparecerá, tenemos que buscar la opción Autocompletar (autocompletion) como hicimos anteriormente y marcar la opción “html/xml close tag”

b) O bien instalar el plugin TextFX Characters accediendo a Plugins, elegir TextFX Characters y pulsar Install. Una vez instalado el plugin, activar Autoclose XHTML/XML tag.

 

 

OTRAS VENTAJAS DE NOTEPAD++

Quizás te preguntes por qué hemos elegido Notepad++ para este curso. La respuesta es que tiene diversas ventajas, por ejemplo:

 

 

- Consume pocos recursos del sistema. No sobrecargarás tu ordenador porque el programa es al mismo tiempo que potente, ligero.

- Dispone de la función autocompletar que ya hemos citado, que nos facilita ayuda mientras estamos escribiendo el código.

- Permite abrir múltiples archivos simultáneamente, y reemplazar un texto en todos los archivos abiertos a la vez si así lo deseamos.

- Permite abrir dos archivos y realizar una comparación línea a línea entre ellos, indicándonos en qué líneas existen diferencias entre un archivo y otro.

- El código se nos muestra con un conjunto de colores que permite ver con claridad las etiquetas de apertura y cierre y otros elementos especiales de la codificación.

- Tiene muchísimas más posibilidades, pero no podemos citarlas todas. En conjunto, es un buen editor útil para programadores a nivel profesional y para principiantes.

- Es software libre que podemos descargar gratuitamente desde internet.

 

 

Como verás Notepad++ nos parece un buen editor de textos. Esto no quiere decir que no haya otras editores igual de buenos y potentes. De hecho, si ya eres usuario de algún otro editor puedes seguir usándolo para este curso.

 

 

 

 

 

 

Para acceder a la información general sobre este curso y al listado completo de entregas pulsa en este link:  Ver curso completo.

Para  hacer un comentario o consulta utiliza los foros aprenderaprogramar.com, abiertos a cualquier persona independientemente de su nivel de conocimiento.

Bajar archivo...
ArchivoInformación adicional:Tamaño de archivoDescargas
Descargar este archivo (CU00709B Configuracion basica Notepad++ ventajas editor crear web HTML.pdf)CU00709B Configuracion basica Notepad++ ventajas editor crear web HTML.pdfFormato pdf125 Kb15191

¿Puedo yo aprender?

Seas o no del área informática, si quieres aprender a programar te ofrecemos una solución guiada y personalizada: realizar un curso tutorizado on-line. Con este tipo de curso, podrás aprender a programar de forma ágil y amena.

Acceder a detalles y precios de los cursos tutorizados on-line

Política sobre cookies

Utilizamos cookies propias y de terceros para ofrecerte una mejor experiencia y servicio, de acuerdo a tus hábitos de navegación.

Si continúas navegando, consideramos que aceptas su uso. Puedes obtener más información en nuestra Política de Cookies.

En Facebook!

Ahora puedes seguirnos en Facebook. Noticias, novedades y mucho más ¡Te esperamos!

RANKING APR2+

Ranking de lenguajes y entornos de programación aprenderaprogramar.com
 

ENERO - FEBRERO 2017

1. Java / J2EE
2. Entornos Oracle
3. .NET, C#
4. JavaScript, jQuery
5. Entornos SQL Server
6. HTML, CSS
7. Php, MySql
8. Android, iOS


Acceder a detalles sobre el ranking de programación aprenderaprogramar.com

Encuesta lenguajes

¿Sobre qué lenguaje te gustaría que trataran los próximos cursos de aprenderaprogramar.com?

FOROS APR2+

Pregunta, responde, consulta, lee, intercambia...

Participa!!! Entra en los foros aprenderaprogramar.com.