Unidad 1. Introducción a HTML (IV)



 

1.4. Editores de HTML

Como decíamos, los archivos que contienen el código HTML tienen la extensión .htm o .html, y son archivos de texto plano, es decir, lo que se ve es lo que hay, no hay código oculto como ocurre con los archivos de los procesadores de texto (como Microsoft Word y otros) esto quiere decir que un archivo HTML puede ser escrito con cualquier editor que sea capaz de escribir archivos de texto plano, como el Bloc de notas de Windows, aunque lo recomendable es utilizar editores específicos para páginas web como Brackets, Atom, NotePad++, Sublime, Dreamweaver, etc.

Estos editores específicos nos ayudan a escribir de forma más rápida el código HTML. Podemos dividirlos en dos grandes grupos: 1. Los editores de código. 2. Los editores en modo diseño.

1. Los editores de código. Por ejemplo Brackets, Atom, Sublime, NotePad++, son editores en los que nosotros debemos escribir el código HTML, es decir, las etiquetas. Por lo tanto debemos saber qué etiqueta debemos escribir en cada momento según lo que queramos hacer. Por ejemplo, para poner una palabra en negrita hay que utilizar la etiqueta <strong>, o para insertar una imagen la etiqueta <img> con sus correspondientes atributos.

2. Los editores con modo diseño. Por ejemplo Dremweaver y Kompozer, son editores en los que no hace falta que nosotros escribamos el código HTML ya que el propio editor se encarga de hacerlo según nuestras indicaciones. Por ejemplo, para poner una palabra en negrita basta seleccionarla y pulsar el "botón negrita". Para insertar una imagen bastará pulsar en el comando "Insertar imagen", y el editor nos abrirá una ventana para elegir la imagen. Con estos editores se suele trabajar en la vista Diseño que nos muestra directamente el resultado de la página, es decir, al aplicar negrita veremos directamente la palabra en negrita, y al insertar una imagen, esta aparecerá en la pantalla. Estos editores también permiten escribir directamente las etiquetas en la vista código. Este tipo de editores también son conocidos como WYSIWYG, (What You See Is What You Get, lo que ves es lo que obtienes).

En el primer tipo de editores para ver el resultado de lo que estamos escribiendo deberemos abrir el archivo con un navegador.

Cada uno de estos tipos tiene sus ventajas e inconvenientes pero para el propósito de este curso es mucho mejor utilizar un editor de código ya que de lo que se trata es de aprender HTML y por lo tanto deberemos aprender a utilizar las etiquetas de HTML. Más adelante, cuando dominenos el HTML podremos utilizar un editor en modo diseño pero siendo capaces de entender lo que el editor hace por nosotros.

Puedes utilizar el editor que quieras pero te recomendamos el editor Brackets ya que es el que vamos a utilizar en este curso y en ocasiones utilizaremos sus características en los ejercicios y vídeos.

A continuación puedes ver dos vídeos para explicar el funcionamiento de Brackets, el primero parte desde cero: Videotutorial

y el segúndo es más avanzado: Videotutorial

 

• Ejercicio propuesto de la Unidad 1 • Prueba evaluativa de la Unidad 1

Enero-2019 (V 2.0)
Pág. 1.4
Atrás Inicio Adelante






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.