SlideShare una empresa de Scribd logo
1 de 10
Editor
De
Paginas
Web
Editor De Paginas
         Web
 Los editores web son aplicaciones de soft
  ware que sirven para desarrollar páginas
  web.
 Si bien una páginas web (que es escritas
  en lenguaje HTML) puede ser creada a
  partir de un simple procesador de texto,
  existen programas especializados que
  facilitan la tarea de los desarrolladores
  web (webmasters).
Características
   Las características principales que observamos en
    todos ellos son edición WYSIWYG, cliente FTP,
    control de versiones, auto completado de código,
    resaltado de sintaxis, soporte de lenguajes de
    servidor, depuración, documentación en línea. Y
    cada uno de nosotros le dará más valor a unas u
    otras dependiendo del entorno en el que trabaje
    y el trabajo específico que realice. Por ejemplo,
    un desarrollador novel encontrará muy útil la
    edición WYSIWYG, pero no así un desarrollador
    más experimentado, que rara vez lo utilizará.
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 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 específicamente 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.
Bloc De Notas
Tipos De Editores
   EDITOR DE TEXTOS 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 pre visualizació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.
Notepad
Tipos De Editores
   EDITORES 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), o Word. Posteriormente el
    editor transforma la vista por pantalla en código HTML
    perfectamente configurado.
WebCS Editor
Editor de paginas web

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Diapositivas de wordpress
Diapositivas de wordpressDiapositivas de wordpress
Diapositivas de wordpress
 
Conceptos básicos de un Sistema Operativo
Conceptos básicos de un Sistema OperativoConceptos básicos de un Sistema Operativo
Conceptos básicos de un Sistema Operativo
 
Marco conceptual
Marco conceptualMarco conceptual
Marco conceptual
 
Cuadro comparativo
Cuadro comparativoCuadro comparativo
Cuadro comparativo
 
PUBLISHER
PUBLISHERPUBLISHER
PUBLISHER
 
El diseño web
El diseño webEl diseño web
El diseño web
 
Cuadro comparativo web 1.0 web 2.0 web 3.0
Cuadro comparativo web 1.0 web 2.0 web 3.0 Cuadro comparativo web 1.0 web 2.0 web 3.0
Cuadro comparativo web 1.0 web 2.0 web 3.0
 
Bloc De Notas
Bloc De NotasBloc De Notas
Bloc De Notas
 
Servidores, tipos de servidores
Servidores, tipos de servidoresServidores, tipos de servidores
Servidores, tipos de servidores
 
Diapositivas de office
Diapositivas de officeDiapositivas de office
Diapositivas de office
 
Presentacion de buscadores
Presentacion de buscadoresPresentacion de buscadores
Presentacion de buscadores
 
Servidor web
Servidor webServidor web
Servidor web
 
Tarea tabla comparativa
Tarea tabla comparativaTarea tabla comparativa
Tarea tabla comparativa
 
Html (ppt)
Html (ppt)Html (ppt)
Html (ppt)
 
Diseño de Páginas Web - BALSAMIQ MOCKUPS 3
Diseño de Páginas Web - BALSAMIQ MOCKUPS 3 Diseño de Páginas Web - BALSAMIQ MOCKUPS 3
Diseño de Páginas Web - BALSAMIQ MOCKUPS 3
 
Estructura del sistema operativo windows
Estructura del sistema operativo windowsEstructura del sistema operativo windows
Estructura del sistema operativo windows
 
Software de aplicacion
Software de aplicacionSoftware de aplicacion
Software de aplicacion
 
Web 5.0
Web 5.0Web 5.0
Web 5.0
 
Ofimatica
OfimaticaOfimatica
Ofimatica
 
Mapa conceptual
Mapa conceptualMapa conceptual
Mapa conceptual
 

Similar a Editor de paginas web

Similar a Editor de paginas web (20)

Editor de páginas web
Editor de páginas webEditor de páginas web
Editor de páginas web
 
Editor de páginas web
Editor de páginas webEditor de páginas web
Editor de páginas web
 
Karenth meza
Karenth mezaKarenth meza
Karenth meza
 
Programando en html
Programando en htmlProgramando en html
Programando en html
 
OAs editores
OAs editoresOAs editores
OAs editores
 
Editores we- Isabella.pptx
Editores we- Isabella.pptxEditores we- Isabella.pptx
Editores we- Isabella.pptx
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
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
 
EDITORES WEB lina diaz.pptx
EDITORES WEB lina diaz.pptxEDITORES WEB lina diaz.pptx
EDITORES WEB lina diaz.pptx
 
Pagina web angie sanchez 11
Pagina web angie sanchez 11Pagina web angie sanchez 11
Pagina web angie sanchez 11
 
Algunas precisiones sobre el lenguaje html
Algunas precisiones sobre el lenguaje htmlAlgunas precisiones sobre el lenguaje html
Algunas precisiones sobre el lenguaje html
 
David cuellar
David cuellarDavid cuellar
David cuellar
 
Juan pablo 903
Juan pablo 903Juan pablo 903
Juan pablo 903
 
Pag. web
Pag. webPag. web
Pag. web
 
Pag. web
Pag. webPag. web
Pag. web
 
Pag. web
Pag. webPag. web
Pag. web
 
Html
Html Html
Html
 
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
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 

Último

Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 

Último (12)

Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 

Editor de paginas web

  • 2. Editor De Paginas Web  Los editores web son aplicaciones de soft ware que sirven para desarrollar páginas web.  Si bien una páginas web (que es escritas en lenguaje HTML) puede ser creada a partir de un simple procesador de texto, existen programas especializados que facilitan la tarea de los desarrolladores web (webmasters).
  • 3. Características  Las características principales que observamos en todos ellos son edición WYSIWYG, cliente FTP, control de versiones, auto completado de código, resaltado de sintaxis, soporte de lenguajes de servidor, depuración, documentación en línea. Y cada uno de nosotros le dará más valor a unas u otras dependiendo del entorno en el que trabaje y el trabajo específico que realice. Por ejemplo, un desarrollador novel encontrará muy útil la edición WYSIWYG, pero no así un desarrollador más experimentado, que rara vez lo utilizará.
  • 4. 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 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 específicamente 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.
  • 6. Tipos De Editores  EDITOR DE TEXTOS 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 pre visualizació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.
  • 8. Tipos De Editores  EDITORES 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), o Word. Posteriormente el editor transforma la vista por pantalla en código HTML perfectamente configurado.