SlideShare una empresa de Scribd logo
1 de 3
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


    Tipos de editores
Editor de texto sin formato

Aptana Studio editando código HTML.

También llamado editor de texto plano. Este tipo de editor suele ser muy sencillo. Dos ejemplos
son Notepad o Bloc de Notas (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 clic 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 tú 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 Editor2 o WebCS Editor3

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.


Las funciones del editor web

Para un proyecto web cultural son necesarios el trabajo tipográfico, el cuidado
del texto y la ilustración, y todos los procesos de maquetacion y edición típicos
de la creación de un buen producto impreso (pongamos, una revista), hasta la
llamada fase de preimpresión. Y además se exigen también –como es lógico–
todos los procesos propios de la web: arquitecturas interactivas e hipertextuales,
y procesos técnicos propios. Además, se requiere otro tipo de habilidades que
tienen que ver con medios más calientes (como son, por ejemplo, la radio y la
televisión): interacción con los usuarios, intervenciones en tiempo real, etc.

A estos requisitos de entrada deberíamos añadir una gran flexibilidad para
introducir cambios y variar en función de las retroalimentaciones de los usuarios,
cuyas reacciones (directas, en forma de opiniones, o indirectas en forma de lo
que llamaría "el voto del clic": por estadísticas de uso) vamos a tener disponibles
constantemente.

Y esto nos lleva inevitablemente a una pregunta: ¿qué tipos de profesionales son
los que van a poder pilotar mejor estos proyectos?; ¿de dónde saldrán?

La respuesta debería venir a través de la definición de qué son estos proyectos.
Quizás por deformación profesional (aunque creo que sólo por realismo) creo
que los proyectos web –por lo menos los culturales– son básicamente proyectos
editoriales. O, dicho de otro modo: si se parecen a algo del mundo anterior, se
parecen más a los proyectos editoriales (revistas, edición de libros) que a otra
cosa. Y precisando aún más, serían algo así como el cruce de una editorial de
revistas con una pequeña emisora de televisión. Lo que no son, nunca, son
proyectos informáticos (aunque hagan uso de medios informáticos), ni de
márketing (aunque la atención al usuario y su fidelización sean con frecuencia
objetivos claros).

Más contenido relacionado

La actualidad más candente

Editores paginas web
Editores paginas webEditores paginas web
Editores paginas web3114659926
 
Editor de páginas web
Editor de páginas webEditor de páginas web
Editor de páginas webdaviteck2010
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerrajaboanlkxmndsjkc
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraFREDY FORERO H
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraCarlos Parrado Roa
 
Manual visual basic 6.0
Manual visual basic 6.0Manual visual basic 6.0
Manual visual basic 6.0Dunkherz
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222SoloCaliRadical
 
Visual basic
Visual basicVisual basic
Visual basicmauricio
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodojulian_vargas
 

La actualidad más candente (12)

Editores paginas web
Editores paginas webEditores paginas web
Editores paginas web
 
Editor de páginas web
Editor de páginas webEditor de páginas web
Editor de páginas web
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Juan pablo 903
Juan pablo 903Juan pablo 903
Juan pablo 903
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Manual visual basic 6.0
Manual visual basic 6.0Manual visual basic 6.0
Manual visual basic 6.0
 
CLASE 1 - HTML - 5TO GRADO
CLASE 1 - HTML -  5TO GRADOCLASE 1 - HTML -  5TO GRADO
CLASE 1 - HTML - 5TO GRADO
 
Colegio nicolas esguerra222
Colegio nicolas esguerra222Colegio nicolas esguerra222
Colegio nicolas esguerra222
 
Visual basic
Visual basicVisual basic
Visual basic
 
HTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :DHTML :D TRABAJO DE HTML :D
HTML :D TRABAJO DE HTML :D
 
Trabajo informatica 4,periodo
Trabajo informatica 4,periodoTrabajo informatica 4,periodo
Trabajo informatica 4,periodo
 

Destacado

Tecnología celular (1)
Tecnología celular (1)Tecnología celular (1)
Tecnología celular (1)iosifh guevara
 
Análise RFV do Cliente na Otimização de Estratégias de Marketing: Uma Abordag...
Análise RFV do Cliente na Otimização de Estratégias de Marketing: Uma Abordag...Análise RFV do Cliente na Otimização de Estratégias de Marketing: Uma Abordag...
Análise RFV do Cliente na Otimização de Estratégias de Marketing: Uma Abordag...Anderson Pinho
 
Wireless Sensor network
Wireless Sensor network Wireless Sensor network
Wireless Sensor network Dr Praveen Jain
 
Wong.Melissa genetics
Wong.Melissa geneticsWong.Melissa genetics
Wong.Melissa geneticsMelissa Wong
 
Ths general biology unit 4 heredity reproduction and meiosis notes_v1516
Ths general biology unit 4 heredity reproduction and meiosis notes_v1516Ths general biology unit 4 heredity reproduction and meiosis notes_v1516
Ths general biology unit 4 heredity reproduction and meiosis notes_v1516rozeka01
 
9. the origin of cells
9. the origin of cells9. the origin of cells
9. the origin of cellssophiespyrou
 
Survival of the Fittest: How to Build a Cyber Resilient Organization
Survival of the Fittest: How to Build a Cyber Resilient OrganizationSurvival of the Fittest: How to Build a Cyber Resilient Organization
Survival of the Fittest: How to Build a Cyber Resilient OrganizationTripwire
 
Estadística
EstadísticaEstadística
Estadísticahujiol
 
Marketing Estratégico e Comunicação Integrada como forma de desenvolver e ...
Marketing Estratégico e Comunicação Integrada como forma de desenvolver e ...Marketing Estratégico e Comunicação Integrada como forma de desenvolver e ...
Marketing Estratégico e Comunicação Integrada como forma de desenvolver e ...Alexandre Monteiro Chequim
 
la moda en estadistica por marianela pachacama
la moda en estadistica por marianela pachacamala moda en estadistica por marianela pachacama
la moda en estadistica por marianela pachacamajdtmarianela
 
Ejercicio estadistica y tics en programa spss
Ejercicio estadistica y tics en programa spssEjercicio estadistica y tics en programa spss
Ejercicio estadistica y tics en programa spssanitavqr92
 
Diferencias en la investigación cuantitativa y cualitativa
Diferencias en la investigación cuantitativa y cualitativaDiferencias en la investigación cuantitativa y cualitativa
Diferencias en la investigación cuantitativa y cualitativaBlanca Arias
 
EN_METAMORG_SERVICES [Modo de compatibilidad]
EN_METAMORG_SERVICES [Modo de compatibilidad]EN_METAMORG_SERVICES [Modo de compatibilidad]
EN_METAMORG_SERVICES [Modo de compatibilidad]Luis Martín
 
Projeto escolaverde 2015
Projeto escolaverde 2015Projeto escolaverde 2015
Projeto escolaverde 2015Rute Cristina
 
Testing kubernetes and_open_shift_at_scale_20170209
Testing kubernetes and_open_shift_at_scale_20170209Testing kubernetes and_open_shift_at_scale_20170209
Testing kubernetes and_open_shift_at_scale_20170209mffiedler
 

Destacado (20)

CF_summit_V8
CF_summit_V8CF_summit_V8
CF_summit_V8
 
6. stem cells
6. stem cells6. stem cells
6. stem cells
 
Mariana
MarianaMariana
Mariana
 
Hannah Firdyiwek Resume
Hannah Firdyiwek ResumeHannah Firdyiwek Resume
Hannah Firdyiwek Resume
 
Tecnología celular (1)
Tecnología celular (1)Tecnología celular (1)
Tecnología celular (1)
 
Análise RFV do Cliente na Otimização de Estratégias de Marketing: Uma Abordag...
Análise RFV do Cliente na Otimização de Estratégias de Marketing: Uma Abordag...Análise RFV do Cliente na Otimização de Estratégias de Marketing: Uma Abordag...
Análise RFV do Cliente na Otimização de Estratégias de Marketing: Uma Abordag...
 
Wireless Sensor network
Wireless Sensor network Wireless Sensor network
Wireless Sensor network
 
Wong.Melissa genetics
Wong.Melissa geneticsWong.Melissa genetics
Wong.Melissa genetics
 
Ths general biology unit 4 heredity reproduction and meiosis notes_v1516
Ths general biology unit 4 heredity reproduction and meiosis notes_v1516Ths general biology unit 4 heredity reproduction and meiosis notes_v1516
Ths general biology unit 4 heredity reproduction and meiosis notes_v1516
 
9. the origin of cells
9. the origin of cells9. the origin of cells
9. the origin of cells
 
Survival of the Fittest: How to Build a Cyber Resilient Organization
Survival of the Fittest: How to Build a Cyber Resilient OrganizationSurvival of the Fittest: How to Build a Cyber Resilient Organization
Survival of the Fittest: How to Build a Cyber Resilient Organization
 
Estadística
EstadísticaEstadística
Estadística
 
Marketing Estratégico e Comunicação Integrada como forma de desenvolver e ...
Marketing Estratégico e Comunicação Integrada como forma de desenvolver e ...Marketing Estratégico e Comunicação Integrada como forma de desenvolver e ...
Marketing Estratégico e Comunicação Integrada como forma de desenvolver e ...
 
la moda en estadistica por marianela pachacama
la moda en estadistica por marianela pachacamala moda en estadistica por marianela pachacama
la moda en estadistica por marianela pachacama
 
Ejercicio estadistica y tics en programa spss
Ejercicio estadistica y tics en programa spssEjercicio estadistica y tics en programa spss
Ejercicio estadistica y tics en programa spss
 
Diferencias en la investigación cuantitativa y cualitativa
Diferencias en la investigación cuantitativa y cualitativaDiferencias en la investigación cuantitativa y cualitativa
Diferencias en la investigación cuantitativa y cualitativa
 
EN_METAMORG_SERVICES [Modo de compatibilidad]
EN_METAMORG_SERVICES [Modo de compatibilidad]EN_METAMORG_SERVICES [Modo de compatibilidad]
EN_METAMORG_SERVICES [Modo de compatibilidad]
 
Projeto escolaverde 2015
Projeto escolaverde 2015Projeto escolaverde 2015
Projeto escolaverde 2015
 
Testing kubernetes and_open_shift_at_scale_20170209
Testing kubernetes and_open_shift_at_scale_20170209Testing kubernetes and_open_shift_at_scale_20170209
Testing kubernetes and_open_shift_at_scale_20170209
 
MSN Academy Pitch Deck
MSN Academy Pitch DeckMSN Academy Pitch Deck
MSN Academy Pitch Deck
 

Similar a Editores web: tipos y funciones

Similar a Editores web: tipos y funciones (20)

David cuellar
David cuellarDavid cuellar
David cuellar
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
OAs editores
OAs editoresOAs editores
OAs editores
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
la forma de ver y coocer mas hacerca de la web
la forma de ver y coocer mas hacerca de la webla forma de ver y coocer mas hacerca de la web
la forma de ver y coocer mas hacerca de la web
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Html5
Html5Html5
Html5
 
Access
AccessAccess
Access
 
Access
AccessAccess
Access
 
Colaboración usando el procesador de textos
Colaboración usando el procesador de textosColaboración usando el procesador de textos
Colaboración usando el procesador de textos
 
EDITORES WEB lina diaz.pptx
EDITORES WEB lina diaz.pptxEDITORES WEB lina diaz.pptx
EDITORES WEB lina diaz.pptx
 
1_2_Editores_de_código.pdf
1_2_Editores_de_código.pdf1_2_Editores_de_código.pdf
1_2_Editores_de_código.pdf
 
Editor de páginas web
Editor de páginas webEditor de páginas web
Editor de páginas web
 
Clase 3 Editores para Programación Web
Clase 3 Editores para Programación WebClase 3 Editores para Programación Web
Clase 3 Editores para Programación Web
 
Microsoft access
Microsoft accessMicrosoft access
Microsoft access
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Trabajo
TrabajoTrabajo
Trabajo
 
El world wide web
El world wide webEl world wide web
El world wide web
 
El world wide web
El world wide webEl world wide web
El world wide web
 

Editores web: tipos y funciones

  • 1. 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 Tipos de editores Editor de texto sin formato Aptana Studio editando código HTML. También llamado editor de texto plano. Este tipo de editor suele ser muy sencillo. Dos ejemplos son Notepad o Bloc de Notas (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 clic 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 tú 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
  • 2. 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 Editor2 o WebCS Editor3 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. Las funciones del editor web Para un proyecto web cultural son necesarios el trabajo tipográfico, el cuidado del texto y la ilustración, y todos los procesos de maquetacion y edición típicos de la creación de un buen producto impreso (pongamos, una revista), hasta la llamada fase de preimpresión. Y además se exigen también –como es lógico– todos los procesos propios de la web: arquitecturas interactivas e hipertextuales, y procesos técnicos propios. Además, se requiere otro tipo de habilidades que tienen que ver con medios más calientes (como son, por ejemplo, la radio y la televisión): interacción con los usuarios, intervenciones en tiempo real, etc. A estos requisitos de entrada deberíamos añadir una gran flexibilidad para introducir cambios y variar en función de las retroalimentaciones de los usuarios, cuyas reacciones (directas, en forma de opiniones, o indirectas en forma de lo que llamaría "el voto del clic": por estadísticas de uso) vamos a tener disponibles constantemente. Y esto nos lleva inevitablemente a una pregunta: ¿qué tipos de profesionales son los que van a poder pilotar mejor estos proyectos?; ¿de dónde saldrán? La respuesta debería venir a través de la definición de qué son estos proyectos. Quizás por deformación profesional (aunque creo que sólo por realismo) creo que los proyectos web –por lo menos los culturales– son básicamente proyectos editoriales. O, dicho de otro modo: si se parecen a algo del mundo anterior, se parecen más a los proyectos editoriales (revistas, edición de libros) que a otra cosa. Y precisando aún más, serían algo así como el cruce de una editorial de
  • 3. revistas con una pequeña emisora de televisión. Lo que no son, nunca, son proyectos informáticos (aunque hagan uso de medios informáticos), ni de márketing (aunque la atención al usuario y su fidelización sean con frecuencia objetivos claros).