SlideShare una empresa de Scribd logo
1 de 13
GRADO: 11 a
Presentado a: Analida carvajal
    TEMA: Dreamweaver
Concepto Básico Dreamweaver CS5
 Dreamweaver es un editor de páginas Web, que nos permite
  diseñar páginas de un modo muy sencillo sin saber
  programar directamente en los distintos códigos que
  utiliza. Además facilita el manejo general del programa
  para maquetar páginas Web, aumentando la productividad
  de forma notable.
 Dreamweaver, no es sólo un editor de páginas Web; es un
  completo gestor de sitios que ofrece una amplia gama de
  posibilidades incluyendo, como no, las mayores facilidades
  a la hora de publicar nuestro sitio. Por tanto, podemos
  decir que Dreamweaver es, a grandes rasgos, una de las más
  potentes y versátiles herramientas de creación, edición y
  publicación de sitios Web
Dreamweaver CS5

 Dreamweaver CS5 es un software fácil de usar que
  permite crear páginas web profesionales.
 Las funciones de edición visual de Dreamweaver CS5
  permiten agregar rápidamente diseño y funcionalidad
  a las páginas, sin la necesidad de programar
  manualmente el código HTML.
 Se puede crear tablas, editar marcos, trabajar con
  capas, insertar comportamientos JavaScript, etc.., de
  una forma muy sencilla y visual.
 Se puede crear tablas, editar marcos, trabajar con
  capas, insertar comportamientos Java Script, etc.., de
  una forma muy sencilla y visual.
 Además incluye un software de cliente FTP completo,
  permitiendo entre otras cosas trabajar con mapas
  visuales de los sitios web, actualizando el sitio web en
  el servido
 Para seguir este curso te puedes descargar la versión
  gratuita de Dreamweaver desde la página de adobe , la
  versión caduca al cabo de 30 días, pero seguro que te
  dará tiempo a entenderlo y decidir si quieres adquirir
  la versión completa de este fantástico programa. r sin
  salir del programa.
. Novedades de Dreamweaver CS5

 Compatibilidad con CMS integrada. Un sistema de
 gestión de contenidos es in interfaz o programa que
 nos permite gestionar el contenido de un sitio web.
 Cada vez son más usados, y ahora Dreamweaver
 integra con los principales, permitiéndoos crear
 nuestras páginas con la estructura adecuada.
Inspeccionar CSS y Configuración
       sencilla de sitios.




.
El entorno de Dreamweaver CS5 (I)

 los elementos básicos de Dreamweaver CS5, la
 pantalla, las barras, los paneles, etc..., para saber
 diferenciar entre cada uno de ellos. Aprenderemos
 cómo se llaman, dónde están y para qué sirven.
 También veremos cómo obtener ayuda, por si en algún
 momento no sabemos cómo seguir trabajando.
 Cuando conozcamos todo esto estaremos en
 disposición de empezar a crear páginas web.
El entorno de Dreamweaver CS5 (I)
 Al arrancar Dreamweaver
  aparece una pantalla
  inicial como ésta, vamos a ver
  sus componentes
  fundamentales. Así
  conoceremos los nombres de los
  diferentes elementos y será más
  fácil entender el resto del curso.
  La pantalla que se muestra a
  continuación (y en general todas
  las de este curso) puede no
  coincidir exactamente con la que
  ves en tu ordenador, ya que cada
  usuario puede decidir qué
  elementos quiere que se vean en
  cada momento y dónde, como
  veremos más adelante.
Arrancar y cerrar de
                    Dreamweaver
 Desde el botón Inicio situado,
  normalmente, en la esquina inferior
  izquierda de la pantalla. Colocar el
  cursor y hacer clic sobre el
  botón Inicio, se despliega un menú.
  Puedes comenzar a escribir el
  nombre del programa, y aparecerá
  directamente. O puedes pulsar
  en Todos los programas y buscarlo
  en la lista con los programas que hay
  instalados en tu ordenador.
  Buscar Adobe Dreamweaver CS5 y
  haz clic sobre él para arrancar el
  programa.
 Desde el icono de Dreamweaver
  CS5 del Escritorio, si lo tienes .
Abrir y guardar documentos
 Para abrir un documento nuevo, puedes
  utilizar cualquiera de las siguientes
  operaciones.:
 Hacer clic en el botón nuevo de la barra
  de herramientas estándar (si está
  visible).
 Pulsar la combinación de teclas Ctrl + N.
 Hacer clic sobre el menú Archivo y
  elegir la opción Nuevo.
 Después de esto aparecerá una nueva
  ventana, en la que deberás elegir
  la Categoría Página en blanco.
 En la segunda columna seleccionamos
  HTML, observamos que hay muchos
  diseños ya creados que podemos elegir,
  para nuestro primer ejemplo elegimos
  en Diseño ninguno. A continuación
  pulsamos el botón Crear.
Guardar
 Para guardar un documento, puedes utilizar cualquiera de las
    siguientes operaciones.
   Hacer clic en el botón Guardar de la barra de herramientas estándar.
   Pulsar la combinación de teclas Ctrl + S.
   Hacer clic sobre el menú Archivo y elegir la opción Guardar.
   Dreamweaver incluye la posibilidad de, en el caso de estar trabajando
    simultáneamente con varios documentos, poder guardar todos de
    golpe, sin la necesidad de hacerlo uno por uno. Para guardar
    todo puedes realizar cualquiera de las siguientes operaciones.
   Hacer clic en el botón Guardar todo de la Barra de herramientas
    estándar.
   Hacer clic sobre el menú Archivo y elegir la opción Guardar todo.
Cómo tener una página en Internet

 Para poder poner una página web en Internet, es necesario
  contratar a alguna empresa con servidores que pueda
  alojarla y hacerla accesible desde Internet las 24 horas del
  día. El precio por disponer de espacio propio en el servidor
  dependerá de la empresa, del espacio en disco, volumen de
  transferencia y otras opciones que podamos contratar.
 Hay empresas que ofrecen este servicio gratuitamente, pero
  con ciertas limitaciones: poco espacio de disco, lentitud y
  nombre de nuestra página precedido por el de la suya. Hay
  que tener también en cuenta que estas empresas deben
  generar ingresos de alguna forma, por lo que se dedican a
  vender espacios publicitarios dentro de nuestras páginas,
  publicidad que no podremos negarnos a incluir en ellas.
Bibliografía
 http://www.aulaclic.es/dreamweaver-cs5/index.htm

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Que es dreamweaver
Que es dreamweaverQue es dreamweaver
Que es dreamweaver
 
Jesus maria-fernanda
Jesus  maria-fernandaJesus  maria-fernanda
Jesus maria-fernanda
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 
Presentación alanis
Presentación alanisPresentación alanis
Presentación alanis
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Trabajo para 11
Trabajo para 11Trabajo para 11
Trabajo para 11
 
EPW
EPWEPW
EPW
 
Adobe dreamweaver cs6
Adobe dreamweaver cs6Adobe dreamweaver cs6
Adobe dreamweaver cs6
 
DREAMWEAVER
DREAMWEAVERDREAMWEAVER
DREAMWEAVER
 
Dreamweaver cs6
Dreamweaver cs6Dreamweaver cs6
Dreamweaver cs6
 
Microsoft Frontpage
 Microsoft Frontpage Microsoft Frontpage
Microsoft Frontpage
 
Presentación front page
Presentación front pagePresentación front page
Presentación front page
 
Leslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie rios y natasha saravia
Leslie rios y natasha saravia
 
Presentacion de dreamweaver
Presentacion de dreamweaverPresentacion de dreamweaver
Presentacion de dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Johana
JohanaJohana
Johana
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
presentación de código html.pptx
presentación de código html.pptxpresentación de código html.pptx
presentación de código html.pptx
 
Dreamweaver generalidades
Dreamweaver generalidadesDreamweaver generalidades
Dreamweaver generalidades
 
Andrea Olivera
Andrea OliveraAndrea Olivera
Andrea Olivera
 

Similar a Dreamweaver CS5 tutorial intro

Similar a Dreamweaver CS5 tutorial intro (20)

Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Cap 1 curso_dreamweaver 8
Cap 1 curso_dreamweaver 8Cap 1 curso_dreamweaver 8
Cap 1 curso_dreamweaver 8
 
dremweaver
dremweaverdremweaver
dremweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 
Dwj
DwjDwj
Dwj
 
Dw
DwDw
Dw
 
Dw
DwDw
Dw
 
Dwj
DwjDwj
Dwj
 
Dwj
DwjDwj
Dwj
 
UTPL - Curso De Dreamweave
UTPL - Curso De DreamweaveUTPL - Curso De Dreamweave
UTPL - Curso De Dreamweave
 
Adobe dreamweaver
Adobe dreamweaverAdobe dreamweaver
Adobe dreamweaver
 
dreamweaver
 dreamweaver dreamweaver
dreamweaver
 
Dreamweaver Ale-Man
Dreamweaver Ale-ManDreamweaver Ale-Man
Dreamweaver Ale-Man
 
Dreamweaver 2013 karen palacio 11.a
Dreamweaver 2013 karen palacio 11.aDreamweaver 2013 karen palacio 11.a
Dreamweaver 2013 karen palacio 11.a
 
Presentación1 dreamweaver
Presentación1 dreamweaverPresentación1 dreamweaver
Presentación1 dreamweaver
 
Guiadetrabajono 1
Guiadetrabajono 1Guiadetrabajono 1
Guiadetrabajono 1
 
Johan T,T
Johan T,TJohan T,T
Johan T,T
 

Más de Brayan Llanos

Israel haya informatik (1)
Israel haya informatik (1)Israel haya informatik (1)
Israel haya informatik (1)Brayan Llanos
 
Como hacer un pagina web con wix monica (1)
Como hacer un pagina web con wix monica (1)Como hacer un pagina web con wix monica (1)
Como hacer un pagina web con wix monica (1)Brayan Llanos
 
Pasos para crear una pagina web en wix
Pasos para crear una pagina web en wixPasos para crear una pagina web en wix
Pasos para crear una pagina web en wixBrayan Llanos
 
La biodiversidad monica informatica
La biodiversidad monica informaticaLa biodiversidad monica informatica
La biodiversidad monica informaticaBrayan Llanos
 
Como hacer un pagina web con wix monica
Como hacer un pagina web con wix monicaComo hacer un pagina web con wix monica
Como hacer un pagina web con wix monicaBrayan Llanos
 

Más de Brayan Llanos (8)

Israel haya informatik (1)
Israel haya informatik (1)Israel haya informatik (1)
Israel haya informatik (1)
 
Como hacer un pagina web con wix monica (1)
Como hacer un pagina web con wix monica (1)Como hacer un pagina web con wix monica (1)
Como hacer un pagina web con wix monica (1)
 
Pasos para crear una pagina web en wix
Pasos para crear una pagina web en wixPasos para crear una pagina web en wix
Pasos para crear una pagina web en wix
 
Diapositiva brayan
Diapositiva brayanDiapositiva brayan
Diapositiva brayan
 
La biodiversidad monica informatica
La biodiversidad monica informaticaLa biodiversidad monica informatica
La biodiversidad monica informatica
 
Como hacer un pagina web con wix monica
Como hacer un pagina web con wix monicaComo hacer un pagina web con wix monica
Como hacer un pagina web con wix monica
 
Dreamweaver (2)
Dreamweaver (2)Dreamweaver (2)
Dreamweaver (2)
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 

Dreamweaver CS5 tutorial intro

  • 1. GRADO: 11 a Presentado a: Analida carvajal TEMA: Dreamweaver
  • 2. Concepto Básico Dreamweaver CS5  Dreamweaver es un editor de páginas Web, que nos permite diseñar páginas de un modo muy sencillo sin saber programar directamente en los distintos códigos que utiliza. Además facilita el manejo general del programa para maquetar páginas Web, aumentando la productividad de forma notable.  Dreamweaver, no es sólo un editor de páginas Web; es un completo gestor de sitios que ofrece una amplia gama de posibilidades incluyendo, como no, las mayores facilidades a la hora de publicar nuestro sitio. Por tanto, podemos decir que Dreamweaver es, a grandes rasgos, una de las más potentes y versátiles herramientas de creación, edición y publicación de sitios Web
  • 3. Dreamweaver CS5  Dreamweaver CS5 es un software fácil de usar que permite crear páginas web profesionales.  Las funciones de edición visual de Dreamweaver CS5 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.  Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visual.
  • 4.  Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos Java Script, etc.., de una forma muy sencilla y visual.  Además incluye un software de cliente FTP completo, permitiendo entre otras cosas trabajar con mapas visuales de los sitios web, actualizando el sitio web en el servido  Para seguir este curso te puedes descargar la versión gratuita de Dreamweaver desde la página de adobe , la versión caduca al cabo de 30 días, pero seguro que te dará tiempo a entenderlo y decidir si quieres adquirir la versión completa de este fantástico programa. r sin salir del programa.
  • 5. . Novedades de Dreamweaver CS5  Compatibilidad con CMS integrada. Un sistema de gestión de contenidos es in interfaz o programa que nos permite gestionar el contenido de un sitio web. Cada vez son más usados, y ahora Dreamweaver integra con los principales, permitiéndoos crear nuestras páginas con la estructura adecuada.
  • 6. Inspeccionar CSS y Configuración sencilla de sitios. .
  • 7. El entorno de Dreamweaver CS5 (I)  los elementos básicos de Dreamweaver CS5, la pantalla, las barras, los paneles, etc..., para saber diferenciar entre cada uno de ellos. Aprenderemos cómo se llaman, dónde están y para qué sirven. También veremos cómo obtener ayuda, por si en algún momento no sabemos cómo seguir trabajando. Cuando conozcamos todo esto estaremos en disposición de empezar a crear páginas web.
  • 8. El entorno de Dreamweaver CS5 (I)  Al arrancar Dreamweaver aparece una pantalla inicial como ésta, vamos a ver sus componentes fundamentales. Así conoceremos los nombres de los diferentes elementos y será más fácil entender el resto del curso. La pantalla que se muestra a continuación (y en general todas las de este curso) puede no coincidir exactamente con la que ves en tu ordenador, ya que cada usuario puede decidir qué elementos quiere que se vean en cada momento y dónde, como veremos más adelante.
  • 9. Arrancar y cerrar de Dreamweaver  Desde el botón Inicio situado, normalmente, en la esquina inferior izquierda de la pantalla. Colocar el cursor y hacer clic sobre el botón Inicio, se despliega un menú. Puedes comenzar a escribir el nombre del programa, y aparecerá directamente. O puedes pulsar en Todos los programas y buscarlo en la lista con los programas que hay instalados en tu ordenador. Buscar Adobe Dreamweaver CS5 y haz clic sobre él para arrancar el programa.  Desde el icono de Dreamweaver CS5 del Escritorio, si lo tienes .
  • 10. Abrir y guardar documentos  Para abrir un documento nuevo, puedes utilizar cualquiera de las siguientes operaciones.:  Hacer clic en el botón nuevo de la barra de herramientas estándar (si está visible).  Pulsar la combinación de teclas Ctrl + N.  Hacer clic sobre el menú Archivo y elegir la opción Nuevo.  Después de esto aparecerá una nueva ventana, en la que deberás elegir la Categoría Página en blanco.  En la segunda columna seleccionamos HTML, observamos que hay muchos diseños ya creados que podemos elegir, para nuestro primer ejemplo elegimos en Diseño ninguno. A continuación pulsamos el botón Crear.
  • 11. Guardar  Para guardar un documento, puedes utilizar cualquiera de las siguientes operaciones.  Hacer clic en el botón Guardar de la barra de herramientas estándar.  Pulsar la combinación de teclas Ctrl + S.  Hacer clic sobre el menú Archivo y elegir la opción Guardar.  Dreamweaver incluye la posibilidad de, en el caso de estar trabajando simultáneamente con varios documentos, poder guardar todos de golpe, sin la necesidad de hacerlo uno por uno. Para guardar todo puedes realizar cualquiera de las siguientes operaciones.  Hacer clic en el botón Guardar todo de la Barra de herramientas estándar.  Hacer clic sobre el menú Archivo y elegir la opción Guardar todo.
  • 12. Cómo tener una página en Internet  Para poder poner una página web en Internet, es necesario contratar a alguna empresa con servidores que pueda alojarla y hacerla accesible desde Internet las 24 horas del día. El precio por disponer de espacio propio en el servidor dependerá de la empresa, del espacio en disco, volumen de transferencia y otras opciones que podamos contratar.  Hay empresas que ofrecen este servicio gratuitamente, pero con ciertas limitaciones: poco espacio de disco, lentitud y nombre de nuestra página precedido por el de la suya. Hay que tener también en cuenta que estas empresas deben generar ingresos de alguna forma, por lo que se dedican a vender espacios publicitarios dentro de nuestras páginas, publicidad que no podremos negarnos a incluir en ellas.