SlideShare una empresa de Scribd logo
1 de 5
Pagina Web
ANGIE STEPHANIE SÁNCHEZ SALAMANCA
SERVICIO NACIONAL DE APRENDIZAJE SENA
INSTITUCION EDUCATIVA SUAZAPAWA
TECNICO EN SISTEMAS
TEMA EDITORES DE PAGINAS WEB
Que es Una Pagina Web?
 Es un documento electrónico diseñado
para el World Wide Web «WWW» que
contiene algún tipo de información como
texto, imagen, video, animación u otros.
Una de las principales características de
las páginas web son los links o enlaces y
su función es la de vincular una página
con otra, están desarrolladas con
lenguajes de marcado como el HTML,
que pueden ser interpretados por los
navegadores.
Que es un editor de pagina
web?
 . Herramienta de diseño web tuya complejidad puede
variar desde la de un simple editor de texto plano,
entornos WYSIWYG, hasta editores WYSIWYM. El
editor web que elijas te dará la opción de abrir un
nuevo archivo, que será una página en blanco donde
podrás escribir el texto que desees, así como también
añadir imágenes.
 No tendrás que utilizar etiquetas, de eso se encargará
la aplicación. Una vez que hayas escrito el contenido,
deberás escribir un título para tu página web ,Cuando
hayas escrito el contenido y el título de la página, el
editor web te pedirá que indiques el nombre del archivo
antes de guardarlo y el formato que quieras darle
(HTML 5, HTML, XHTML5 o 4, etc.). Para visualizar la
web, accede a la carpeta donde hayas guardado tu
página y haz clic en Vista previa en el navegador.
Tipos de editores de pagina
web 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.
 Editores WYSIWYG
 El término WYSIWYG es el acrónimo de What You See Is What You Get, 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.
 Editores Windows
 CoffeeCup HTML Editor
 Las principales características del CoffeeCup HTML Editor son sus
asistentes ,resaltado de sintaxis (HTML, CSS, PHP, ASP…), editor de
múltiples ficheros, cliente FTP, Ha quedado un tanto desfasado, aunque
sigue siendo muy válido como editor HTML.
 Adobe Dreamweaver
 Es muy similar a CoffeeCup aunque con mayores prestaciones, aunque
también es mucho más caro.
Pagina Web
Ventajas Desventajas
Fácil de usar, casi como usar
Word; no se necesita saber de
HTML.
Las nuevas versiones no
facilitan nada respecto a las
anteriores.
Todas las herramientas se
encuentras rápidamente.
Los botones de OK y CANCEL
fueron cambiados por “Cool” y
“No way”, esto puede generar
confusión
Tiene muchas opciones como
botones flash, botones
normales y formularios.
Se necesita de alta resolución
para manejar todas las barras.
Permite muchas cosas, es muy
flexible, sobre todo para el
diseño.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Trabajo de dreamweaver
Trabajo de dreamweaverTrabajo de dreamweaver
Trabajo de dreamweaver
 
Editor de páginas web
Editor de páginas webEditor de páginas web
Editor de páginas web
 
Editores de Pagina Web
Editores de Pagina WebEditores de Pagina Web
Editores de Pagina Web
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Resumen de dreamweaver
Resumen de dreamweaverResumen de dreamweaver
Resumen de dreamweaver
 
Adobe dreamweaver cs5
Adobe dreamweaver cs5Adobe dreamweaver cs5
Adobe dreamweaver cs5
 
Dreaw eaver
Dreaw eaverDreaw eaver
Dreaw eaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Andrea Olivera
Andrea OliveraAndrea Olivera
Andrea Olivera
 
tutorial de dreamweaver
tutorial de dreamweavertutorial de dreamweaver
tutorial de dreamweaver
 
Actividad 1 - WordPress
Actividad 1 - WordPressActividad 1 - WordPress
Actividad 1 - WordPress
 
Trabajo dreamweaver (1)
Trabajo dreamweaver (1)Trabajo dreamweaver (1)
Trabajo dreamweaver (1)
 
Trabajo dreamweaver
Trabajo dreamweaverTrabajo dreamweaver
Trabajo dreamweaver
 
Páginas web (1)
Páginas web (1)Páginas web (1)
Páginas web (1)
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 

Destacado (20)

Bierportal Ppt
Bierportal PptBierportal Ppt
Bierportal Ppt
 
(1/2) spielplatz.cc portfolio mobile
(1/2) spielplatz.cc portfolio mobile (1/2) spielplatz.cc portfolio mobile
(1/2) spielplatz.cc portfolio mobile
 
Sistema solar
Sistema solarSistema solar
Sistema solar
 
Nico Rodriguez
Nico RodriguezNico Rodriguez
Nico Rodriguez
 
Gedenkrede greffrathscheer
Gedenkrede greffrathscheerGedenkrede greffrathscheer
Gedenkrede greffrathscheer
 
HazelHurst
HazelHurstHazelHurst
HazelHurst
 
Tarea 1
Tarea 1Tarea 1
Tarea 1
 
Recuperacion+10 (2)
Recuperacion+10 (2)Recuperacion+10 (2)
Recuperacion+10 (2)
 
Nestor almendros
Nestor almendrosNestor almendros
Nestor almendros
 
140j9t1zwvw7elgr8qo1 090527055423-phpapp01
140j9t1zwvw7elgr8qo1 090527055423-phpapp01140j9t1zwvw7elgr8qo1 090527055423-phpapp01
140j9t1zwvw7elgr8qo1 090527055423-phpapp01
 
Lolo
LoloLolo
Lolo
 
Elementos arquitectónicos
Elementos arquitectónicosElementos arquitectónicos
Elementos arquitectónicos
 
Charla Distribuciones basadas en Debian
Charla Distribuciones basadas en Debian Charla Distribuciones basadas en Debian
Charla Distribuciones basadas en Debian
 
Virus exposicion
Virus  exposicionVirus  exposicion
Virus exposicion
 
Sobre twitter
Sobre twitterSobre twitter
Sobre twitter
 
Rodriguez, patricia jornada de ambientación 2013
Rodriguez, patricia jornada de ambientación 2013Rodriguez, patricia jornada de ambientación 2013
Rodriguez, patricia jornada de ambientación 2013
 
animes
animesanimes
animes
 
Expresarme es mi derecho
Expresarme es mi derechoExpresarme es mi derecho
Expresarme es mi derecho
 
Отзыв на иск департамента инф.технологий Москвы
Отзыв на иск департамента инф.технологий МосквыОтзыв на иск департамента инф.технологий Москвы
Отзыв на иск департамента инф.технологий Москвы
 
Content nutzen
Content nutzenContent nutzen
Content nutzen
 

Similar a Pagina web angie sanchez 11

Similar a Pagina web angie sanchez 11 (20)

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
 
Editores we- Isabella.pptx
Editores we- Isabella.pptxEditores we- Isabella.pptx
Editores we- Isabella.pptx
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Editor de paginas web
Editor de paginas webEditor de paginas web
Editor de paginas web
 
Que son los editores WYSIWYG ? ,
Que son los editores WYSIWYG ? , Que son los editores WYSIWYG ? ,
Que son los editores WYSIWYG ? ,
 
Adriana romero macromedia
Adriana romero macromediaAdriana romero macromedia
Adriana romero macromedia
 
Programas web
Programas webProgramas web
Programas web
 
Programas web
Programas webProgramas web
Programas web
 
Presentación sobre conceptos de Dw
Presentación sobre conceptos de DwPresentación sobre conceptos de Dw
Presentación sobre conceptos de Dw
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Pag. web
Pag. webPag. web
Pag. web
 
Pag. web
Pag. webPag. web
Pag. web
 
Pag. web
Pag. webPag. web
Pag. web
 
Presentación1
Presentación1Presentación1
Presentación1
 
La web alejandra acevedo 10-2
La web   alejandra acevedo 10-2La web   alejandra acevedo 10-2
La web alejandra acevedo 10-2
 
Programación juliana montoya
Programación juliana montoyaProgramación juliana montoya
Programación juliana montoya
 
EDITORES WEB.valenpptx.pptx
EDITORES WEB.valenpptx.pptxEDITORES WEB.valenpptx.pptx
EDITORES WEB.valenpptx.pptx
 

Pagina web angie sanchez 11

  • 1. Pagina Web ANGIE STEPHANIE SÁNCHEZ SALAMANCA SERVICIO NACIONAL DE APRENDIZAJE SENA INSTITUCION EDUCATIVA SUAZAPAWA TECNICO EN SISTEMAS TEMA EDITORES DE PAGINAS WEB
  • 2. Que es Una Pagina Web?  Es un documento electrónico diseñado para el World Wide Web «WWW» que contiene algún tipo de información como texto, imagen, video, animación u otros. Una de las principales características de las páginas web son los links o enlaces y su función es la de vincular una página con otra, están desarrolladas con lenguajes de marcado como el HTML, que pueden ser interpretados por los navegadores.
  • 3. Que es un editor de pagina web?  . Herramienta de diseño web tuya complejidad puede variar desde la de un simple editor de texto plano, entornos WYSIWYG, hasta editores WYSIWYM. El editor web que elijas te dará la opción de abrir un nuevo archivo, que será una página en blanco donde podrás escribir el texto que desees, así como también añadir imágenes.  No tendrás que utilizar etiquetas, de eso se encargará la aplicación. Una vez que hayas escrito el contenido, deberás escribir un título para tu página web ,Cuando hayas escrito el contenido y el título de la página, el editor web te pedirá que indiques el nombre del archivo antes de guardarlo y el formato que quieras darle (HTML 5, HTML, XHTML5 o 4, etc.). Para visualizar la web, accede a la carpeta donde hayas guardado tu página y haz clic en Vista previa en el navegador.
  • 4. Tipos de editores de pagina web 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.  Editores WYSIWYG  El término WYSIWYG es el acrónimo de What You See Is What You Get, 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.  Editores Windows  CoffeeCup HTML Editor  Las principales características del CoffeeCup HTML Editor son sus asistentes ,resaltado de sintaxis (HTML, CSS, PHP, ASP…), editor de múltiples ficheros, cliente FTP, Ha quedado un tanto desfasado, aunque sigue siendo muy válido como editor HTML.  Adobe Dreamweaver  Es muy similar a CoffeeCup aunque con mayores prestaciones, aunque también es mucho más caro.
  • 5. Pagina Web Ventajas Desventajas Fácil de usar, casi como usar Word; no se necesita saber de HTML. Las nuevas versiones no facilitan nada respecto a las anteriores. Todas las herramientas se encuentras rápidamente. Los botones de OK y CANCEL fueron cambiados por “Cool” y “No way”, esto puede generar confusión Tiene muchas opciones como botones flash, botones normales y formularios. Se necesita de alta resolución para manejar todas las barras. Permite muchas cosas, es muy flexible, sobre todo para el diseño.