Editor de páginas web

Editor de páginas web

Editor de páginas web

Un editor de páginas Web es una aplicación diseñada con el fin de facilitar la creación de documentos HTML o XHTML. Su complejidad puede variar desde la de un simple editor de texto plano, entornos WYSIWYG, hasta editores WYSIWYM.


Contenido

Tipos de editores

Editor de texto sin formato

También llamado editor de texto plano. Este tipo de editor suele ser muy sencillo. Dos ejemplos son Notepad (incluido en Windows) y Kate (GNU/Linux). Con cualquiera de los dos bastaría para escribir las líneas de código necesarias para diseñar una página Web.

Existen editores de texto especificamente diseñados para la edición Web, que como Kate, incluyen dentro de su simplicidad coloreado de sintaxis y las etiquetas de marcado usuales necesarias en el lenguaje de hipertexto. Dichos editores incluyen una serie de botones para insertar rápidamente las etiquetas, o combinaciones de estas, más corrientes, salvar el documento con un click y visionarlo posteriormente en una nueva ventana.

Editor de texto con ventanas desdobladas

Es una versión ligeramente más sofisticada que la anterior. Suelen constar de un par de ventanas. Una de trabajo, donde se teclea el código HTML y el texto que se quiere incluir en la página, y en la otra se visualiza el resultado en tiempo real. En otras palabras se obtiene una previsualización del documento generado. Lo que significa que no se tiene que guardar el documento, previamente, antes de volver a abrirlo con el navegador para comprobar el resultado.

Editores WYSIWYG

Artículo principal: WYSIWYG

El término WYSIWYG es el acrónimo de What You See Is What You Get, que traducido al castellano quiere decir: "lo que ves es lo que obtienes", en los que de manera visual se pueden colocar distintos elementos sobre una vista previa de la página, encargándose el programa de generar el documento HTML. La manera de trabajar en este tipo de editores, es muy similar a la que se usa cuando se trabaja con un procesador de texto. Esto quiere decir que un usuario no tiene por qué teclear las etiquetas del lenguaje de marcado. En lugar de eso, el usuario escribe el texto, lo formatea, e inserta las imágenes en los lugares deseados, trabajando igual a como lo haría con Writer, (el procesador incluido en la suite ofimática OpenOffice.org),[1] o Word. Posteriormente el editor transforma la vista por pantalla en código HTML perfectamente configurado.

Ejemplo de editores WYSIWYM son WYMean Editor[2] o WebCS Editor[3]

Cualquiera de estos editores son una buena alternativa a los editores de texto simple. Los mejores editores HTML señalan las líneas de código mediante distintos tipos de fuente a las usadas en el texto introducido directamente por teclado. Además, proporcionan la posibilidad de volver hacia atrás entre los distintos tipos de vista.

Ejemplos claros de editores de páginas web son KompoZer (antes llamado NVU), Mozilla Composer, Amaya, Dreamweaver o Microsoft Frontpage, entre otros.

Referencias

  1. Cabe destacar que las últimas versiones de OpenOffice.org permiten exportar los documentos generados por el procesador, al formato XHTML.
  2. WYMean Editor
  3. WebCS Editor

Véase también

Obtenido de "Editor de p%C3%A1ginas web"

Wikimedia foundation. 2010.

Игры ⚽ Поможем решить контрольную работу

Mira otros diccionarios:

  • Editor de páginas web — Aplicación diseñada con el fin de facilitar la creación de documentos HTML. Su complejidad puede variar desde la de un simple editor de texto con coloreado de sintaxis, hasta entornos WYSIWYG en los que de manera visual se pueden colocar… …   Enciclopedia Universal

  • Editores de páginas web — Categoría:Editores de páginas web Saltar a navegación, búsqueda El artículo principal de esta categoría es editor de páginas web. Artículos en la categoría «Editores de páginas web» Esta categoría incluye las siguientes 18 páginas: Editor de… …   Wikipedia Español

  • Categoría:Editores de páginas web — El artículo principal de esta categoría es Editor de páginas web. Artículos en la categoría «Editores de páginas web» Esta categoría incluye las siguientes 20 páginas: Editor de páginas webA Amaya (navegador)B BluefishC Adobe ContributeD Adobe… …   Wikipedia Español

  • Editor de texto — Saltar a navegación, búsqueda Plantilla:«vino Colombiano» El Vino colombiano. El viñedo Ain Karim, donde se producen los vinos Marqués de Villa de Leyva[1], nació como mezcla de inspiración y visión del futuro en los años 80; cuando se concibe la …   Wikipedia Español

  • Editor — Saltar a navegación, búsqueda La palabra editor puede hacer referencia a: Editor o editorial, persona o empresa que publica libros, revistas, etc. Montaje. Un programa de computadora como un: Editor de texto, un programa para editar texto sin… …   Wikipedia Español

  • Microsoft Visual Web Developer — Este artículo o sección necesita una revisión de ortografía y gramática. Puedes colaborar editándolo (lee aquí sugerencias para mejorar tu ortografía). Cuando se haya corregido, borra este aviso por favor. Microsoft Visual Web Developer es un… …   Wikipedia Español

  • Expression Web — Desarrollador Microsoft Microsoft Expression Web Información general Última versión estable …   Wikipedia Español

  • World Wide Web — Antiguo logo de WWW diseñado por Robert Cailliau. Para otros usos de este término, véase WWW (desambiguación) y Web (desambiguación). No debe confundirse con Expresión errónea: operador tan inesperado o …   Wikipedia Español

  • Sitio web — Este artículo o sección necesita referencias que aparezcan en una publicación acreditada, como revistas especializadas, monografías, prensa diaria o páginas de Internet fidedignas. Puedes añadirlas así o avisar …   Wikipedia Español

  • Diseño web — Saltar a navegación, búsqueda Ejemplo de página web que utiliza CSS. El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web. No es simplemente una aplicación del diseño convencional,… …   Wikipedia Español

Compartir el artículo y extractos

Link directo
Do a right-click on the link above
and select “Copy Link”