SlideShare una empresa de Scribd logo
1 de 19
Algunos editores muy conocidos son Dreamwever, Go
live o NVU. Son software especializado en la creación
de sitios web, construidos para crear y modificar el
código HTML, CSS, PHP, etc. de tus páginas web.

Tienen funciones muy útiles para un diseñador web,
como el editor gráfico, que te permite crear webs con
pocos conocimientos de HTML ya que se asemeja a un
procesador de textos.
Otras funciones de estos programas son:

   – Permitir reemplazar código de múltiples páginas
     a la vez

   – La comprobación de errores de programación en el
     código

   – Pre visualizar las páginas en diferentes navegadores,
     etc.
Es un software que permite crear páginas web.
Permite diseñar páginas web sin necesidad de
programar manualmente lenguajes de código
como HTML.
• Dreamweaver es una herramienta muy útil para
  todos los programadores ya sean novatos o expertos.

• Cuando programas en HTML puedes hacerlo
  directamente desde una pestaña en la que puedes
  ver el una especia de vista previa de la pagina.

• Dentro de esta vista previa puedes editar la página
  fácilmente añadiendo botones, tablas etc. sin ningún
  problema.
• Tiene la posibilidad de conectarse a Ftp con un
  host y editar directamente los archivos allí
  almacenados te permite editar CSS
  rápidamente, podrás hacer plantillas en pocos
  minutos siguiendo una básica ya predefinida por
  Dreamweaver.

• Puedes bajarte complementos para sistemas ya
  estipulados como para Joomla que tiene varios
  editores de plantillas.
  Te identifica los códigos por colores para que
  puedas localizar mejor los tipos de código
Están todas las secciones propias de cualquier software como las opciones de
Archivo, Edición, Insertar, etc…
Se puede elegir como ver lo que hacemos en solo código, el diseño o los dos.
Tiene varios botones en los que podremos elegir como se vería en distintos
dispositivos, probar nuestra página en un navegador, validar el documento
para que este correcto y comprobar que funciona con todos los navegadores.
Hay varias opciones para el formateo del código como aplicar sangrías y otras
utilidades, aplicar comentarios al código, activar/desactivar alertas y errores,
etc…
En el editor de código podremos insertar manualmente el código para crear
nuestra web y en el editor visual actuará como cualquier editor de texto
pudiendo insertar fácilmente todos los elementos de una web.
Se puede modificar las propiedades del elemento que tengamos activado en
ese momento como puede ser poner el texto en negrita o aplicar un enlace o
vinculo al elemento. Las propiedades varían según el elemento seleccionado.
Hay diferentes apartados que son muy útiles como la posibilidad de insertar
los elementos, ver los estilos del elemento activo y sus propiedades CSS o ver
en jerarquía de árbol los directorios y archivos que tenemos.
En estos tres submenús podemos encontrar los elementos más comunes para
poder realizar una página web.
Clickeando con el botón derecho del ratón en el editor visual se nos mostrará
el menú contextual en el que tenemos muchas opciones para aplicar a nuestra
página, una de las más importantes es la propiedades de la página en la que
podremos cambiar el fondo, tamaño, márgenes, etc…
http://www.un.org/spanish/Depts/dpi/seminariomi
 siones/dw4_using_es.pdf

http://multimediakaren.blogspot.com.es/2012/06/p
 rogramas-para-la-creacion-de-sitios.html

http://dreamdavidsalazar.wordpress.com/2012/06/
 18/versiones-de-dreamweaver/

http://www0.unsl.edu.ar/~tecno/multimedia/drea
 mweaver/Gilberto/dreamweaver/Default.htm
Magisterio de Primaria 4ºA



Realizado por:

  o   Elena Dorado Pérez
  o   Fátima Hernández Rojas
  o   Sheila García Sánchez
  o   Vanesa Fdez-Áviles Cañadas

Más contenido relacionado

La actualidad más candente

Editores de Pagina Web
Editores de Pagina WebEditores de Pagina Web
Editores de Pagina WebHectlys Piña
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaverIvan Llerena
 
6 marquesinas
6 marquesinas6 marquesinas
6 marquesinasMarianmv
 
Leslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie Styles
 
Dream weaver israel
Dream weaver israelDream weaver israel
Dream weaver israelisglael
 
Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1Rafael Garcia
 
Diseño de paginas y buscadores
Diseño de paginas y buscadores Diseño de paginas y buscadores
Diseño de paginas y buscadores Santos Hau Kuyoc
 
Introducción a Dreamweaver cs5
Introducción a Dreamweaver cs5Introducción a Dreamweaver cs5
Introducción a Dreamweaver cs5Diego Casso
 
P R E S E N T A C I O N P O W E R D R E A M W E A V E R
P R E S E N T A C I O N  P O W E R  D R E A M W E A V E RP R E S E N T A C I O N  P O W E R  D R E A M W E A V E R
P R E S E N T A C I O N P O W E R D R E A M W E A V E Rguest777d3e
 

La actualidad más candente (18)

Editores de Pagina Web
Editores de Pagina WebEditores de Pagina Web
Editores de Pagina Web
 
Editor de paginas web (pres semana)
Editor de paginas web (pres semana)Editor de paginas web (pres semana)
Editor de paginas web (pres semana)
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
6 marquesinas
6 marquesinas6 marquesinas
6 marquesinas
 
Presentación1
Presentación1Presentación1
Presentación1
 
Leslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie rios y natasha saravia
Leslie rios y natasha saravia
 
Israel blog
Israel blogIsrael blog
Israel blog
 
Dream weaver israel
Dream weaver israelDream weaver israel
Dream weaver israel
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1Resultado de aprendizaje 2.1
Resultado de aprendizaje 2.1
 
Editor de páginas web
Editor de páginas webEditor de páginas web
Editor de páginas web
 
Powerpointjim
PowerpointjimPowerpointjim
Powerpointjim
 
Dreamweaver!
Dreamweaver!Dreamweaver!
Dreamweaver!
 
Diapositivas
DiapositivasDiapositivas
Diapositivas
 
Blog tecnologico
Blog tecnologicoBlog tecnologico
Blog tecnologico
 
Diseño de paginas y buscadores
Diseño de paginas y buscadores Diseño de paginas y buscadores
Diseño de paginas y buscadores
 
Introducción a Dreamweaver cs5
Introducción a Dreamweaver cs5Introducción a Dreamweaver cs5
Introducción a Dreamweaver cs5
 
P R E S E N T A C I O N P O W E R D R E A M W E A V E R
P R E S E N T A C I O N  P O W E R  D R E A M W E A V E RP R E S E N T A C I O N  P O W E R  D R E A M W E A V E R
P R E S E N T A C I O N P O W E R D R E A M W E A V E R
 

Similar a Trabajo dreamweaver

Similar a Trabajo dreamweaver (20)

Frontpage3
Frontpage3Frontpage3
Frontpage3
 
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
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamwever en powerpoint[1]
Dreamwever en powerpoint[1]Dreamwever en powerpoint[1]
Dreamwever en powerpoint[1]
 
Dreamwever
DreamweverDreamwever
Dreamwever
 
Dreamwever
DreamweverDreamwever
Dreamwever
 
Dreamwever en powerpoint[1]
Dreamwever en powerpoint[1]Dreamwever en powerpoint[1]
Dreamwever en powerpoint[1]
 
Johan T,T
Johan T,TJohan T,T
Johan T,T
 
Ppt5 bcd.pptm recuperado
Ppt5 bcd.pptm recuperadoPpt5 bcd.pptm recuperado
Ppt5 bcd.pptm recuperado
 
Diseño de Páginas Web
Diseño de Páginas WebDiseño de Páginas Web
Diseño de Páginas Web
 
Dreamwever
DreamweverDreamwever
Dreamwever
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochaDreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trocha
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
dremweaver
dremweaverdremweaver
dremweaver
 
Lorena
LorenaLorena
Lorena
 
Presentación sin título
Presentación sin títuloPresentación sin título
Presentación sin título
 
Espacio de trabajo Dreamweaver
Espacio de trabajo DreamweaverEspacio de trabajo Dreamweaver
Espacio de trabajo Dreamweaver
 

Más de KiaraDPe

Trabajo modelo 1.1
Trabajo modelo 1.1Trabajo modelo 1.1
Trabajo modelo 1.1KiaraDPe
 
Presentación1.ppt twitter
 Presentación1.ppt  twitter Presentación1.ppt  twitter
Presentación1.ppt twitterKiaraDPe
 
Manual movie maker
Manual movie makerManual movie maker
Manual movie makerKiaraDPe
 
Manual corel photopaint
Manual corel photopaintManual corel photopaint
Manual corel photopaintKiaraDPe
 
Manual hot potatoes
Manual hot potatoesManual hot potatoes
Manual hot potatoesKiaraDPe
 
Manual prezzi
Manual prezziManual prezzi
Manual prezziKiaraDPe
 
Manual openoffice impress
Manual openoffice impressManual openoffice impress
Manual openoffice impressKiaraDPe
 

Más de KiaraDPe (8)

Trabajo modelo 1.1
Trabajo modelo 1.1Trabajo modelo 1.1
Trabajo modelo 1.1
 
Presentación1.ppt twitter
 Presentación1.ppt  twitter Presentación1.ppt  twitter
Presentación1.ppt twitter
 
Studio es
Studio esStudio es
Studio es
 
Manual movie maker
Manual movie makerManual movie maker
Manual movie maker
 
Manual corel photopaint
Manual corel photopaintManual corel photopaint
Manual corel photopaint
 
Manual hot potatoes
Manual hot potatoesManual hot potatoes
Manual hot potatoes
 
Manual prezzi
Manual prezziManual prezzi
Manual prezzi
 
Manual openoffice impress
Manual openoffice impressManual openoffice impress
Manual openoffice impress
 

Trabajo dreamweaver

  • 1.
  • 2.
  • 3. Algunos editores muy conocidos son Dreamwever, Go live o NVU. Son software especializado en la creación de sitios web, construidos para crear y modificar el código HTML, CSS, PHP, etc. de tus páginas web. Tienen funciones muy útiles para un diseñador web, como el editor gráfico, que te permite crear webs con pocos conocimientos de HTML ya que se asemeja a un procesador de textos.
  • 4. Otras funciones de estos programas son: – Permitir reemplazar código de múltiples páginas a la vez – La comprobación de errores de programación en el código – Pre visualizar las páginas en diferentes navegadores, etc.
  • 5. Es un software que permite crear páginas web. Permite diseñar páginas web sin necesidad de programar manualmente lenguajes de código como HTML.
  • 6. • Dreamweaver es una herramienta muy útil para todos los programadores ya sean novatos o expertos. • Cuando programas en HTML puedes hacerlo directamente desde una pestaña en la que puedes ver el una especia de vista previa de la pagina. • Dentro de esta vista previa puedes editar la página fácilmente añadiendo botones, tablas etc. sin ningún problema.
  • 7. • Tiene la posibilidad de conectarse a Ftp con un host y editar directamente los archivos allí almacenados te permite editar CSS rápidamente, podrás hacer plantillas en pocos minutos siguiendo una básica ya predefinida por Dreamweaver. • Puedes bajarte complementos para sistemas ya estipulados como para Joomla que tiene varios editores de plantillas. Te identifica los códigos por colores para que puedas localizar mejor los tipos de código
  • 8.
  • 9.
  • 10. Están todas las secciones propias de cualquier software como las opciones de Archivo, Edición, Insertar, etc…
  • 11. Se puede elegir como ver lo que hacemos en solo código, el diseño o los dos. Tiene varios botones en los que podremos elegir como se vería en distintos dispositivos, probar nuestra página en un navegador, validar el documento para que este correcto y comprobar que funciona con todos los navegadores.
  • 12. Hay varias opciones para el formateo del código como aplicar sangrías y otras utilidades, aplicar comentarios al código, activar/desactivar alertas y errores, etc…
  • 13. En el editor de código podremos insertar manualmente el código para crear nuestra web y en el editor visual actuará como cualquier editor de texto pudiendo insertar fácilmente todos los elementos de una web.
  • 14. Se puede modificar las propiedades del elemento que tengamos activado en ese momento como puede ser poner el texto en negrita o aplicar un enlace o vinculo al elemento. Las propiedades varían según el elemento seleccionado.
  • 15. Hay diferentes apartados que son muy útiles como la posibilidad de insertar los elementos, ver los estilos del elemento activo y sus propiedades CSS o ver en jerarquía de árbol los directorios y archivos que tenemos.
  • 16. En estos tres submenús podemos encontrar los elementos más comunes para poder realizar una página web.
  • 17. Clickeando con el botón derecho del ratón en el editor visual se nos mostrará el menú contextual en el que tenemos muchas opciones para aplicar a nuestra página, una de las más importantes es la propiedades de la página en la que podremos cambiar el fondo, tamaño, márgenes, etc…
  • 19. Magisterio de Primaria 4ºA Realizado por: o Elena Dorado Pérez o Fátima Hernández Rojas o Sheila García Sánchez o Vanesa Fdez-Áviles Cañadas