SlideShare una empresa de Scribd logo
1 de 8
DREAMWEAVER

FEWIS ANDRES PACHECO ALVAREZ   11°E
QUÉ ES DREAMWEAVER

• Dreamweaver CS4 es un software fácil de usar, que
 permite crear páginas web profesionales.


• Las funciones de edición visual de DreamweaverCS4
 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.
ICONO DE DREAWEAVER
PANTALLA INICIAL..
LAS IMÁGENES

• Las imágenes son un aspecto muy importante dela web. Ya
 sea como complementos a la información o parte del
 diseño, la hacen mucho más atractiva a ojos del visitante. No
 obstante, no conviene abusar, ya que aumentarán mucho el
 tamaño final de la web.
• Existen una serie de formatos de imagen más recomendables
 que otros para ser introducidos en una página web
hiperenlace

• Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser
  pulsado lleva de una página o archivo a otra página o archivo.


• Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen.

• Cuando creemos un enlace, lo que realmente haremos será crear una etiqueta
  <a></a> que es la que en HTML se encarga de definir los enlaces. Esto podrás
  observarlo en la barra de estado:
                                  {body} {p} {a}
INSERTAR UNA IMAGEN

Para insertar una imagen hay que dirigirse
                al menú
           Insertar, a la opción
    Imagen. Después de esto, ya es posible
   seleccionar una imagen a través de la
 nueva ventana. Cuando te acostumbres, te
será más cómodo acceder con la combinación
            de teclas Ctrl+ Alt+I.
Html
• Etiquetas:
• Las etiquetas consisten en poner un mismo comando entre los símbolos < y>
• La primera etiqueta indica inicio, y la segunda, que incluye el símbolo /,indica final y se
  suele denominar etiqueta de cierre. Las etiquetas disponen de atributos que permiten definir
  características del elemento sobre el que actúan, incluyendo cierto código dentro de la
  etiqueta.
• Por ejemplo, un párrafo se inserta entre las etiquetas <p> y </p>, pero es posible cambiar
  sus características predeterminadas, como puede ser asignarle una clase de estilo CSS.
• Para ello, a la etiqueta de apertura anterior habría que añadir el atributo y su valor, quedando
  <p class="miclase"> y </p>.

Más contenido relacionado

La actualidad más candente

Crea diapositivas para tus post
Crea diapositivas para tus postCrea diapositivas para tus post
Crea diapositivas para tus postJhon Valencia
 
Subir archivos en slideshare
Subir archivos en slideshareSubir archivos en slideshare
Subir archivos en slideshareNombre Apellidos
 
Que son los_enlaces_imagenes_y_tablas
Que son los_enlaces_imagenes_y_tablasQue son los_enlaces_imagenes_y_tablas
Que son los_enlaces_imagenes_y_tablasYefriPinzon
 
Subida y bajada de archivos
Subida y bajada de archivosSubida y bajada de archivos
Subida y bajada de archivosasirRoberto
 
Pres1IDE07343017
Pres1IDE07343017Pres1IDE07343017
Pres1IDE07343017Gablaurod
 
Construcción de una pagina web con html
Construcción de una pagina web con htmlConstrucción de una pagina web con html
Construcción de una pagina web con htmlLic. Oney Begambre
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina webkatherinviviana
 
Insertar una presentacionen un blog de Blogger
Insertar una presentacionen un blog de BloggerInsertar una presentacionen un blog de Blogger
Insertar una presentacionen un blog de Bloggeradela
 
Insertar entrada video y audio en el blog
Insertar entrada video y audio en el blogInsertar entrada video y audio en el blog
Insertar entrada video y audio en el blogadela
 
Trabajo practico n°4
Trabajo practico n°4Trabajo practico n°4
Trabajo practico n°4Pablo Soria
 
CóMo Subir Una PresentacióN De Powerpoint En
CóMo Subir Una PresentacióN De Powerpoint EnCóMo Subir Una PresentacióN De Powerpoint En
CóMo Subir Una PresentacióN De Powerpoint Envidama
 
Cómo crear un SlideShare
Cómo crear un SlideShareCómo crear un SlideShare
Cómo crear un SlideShareLaia Cardona
 
Shirly presentación power point
Shirly presentación power pointShirly presentación power point
Shirly presentación power pointKerwin Fuentes P
 

La actualidad más candente (17)

Crea diapositivas para tus post
Crea diapositivas para tus postCrea diapositivas para tus post
Crea diapositivas para tus post
 
Tutorial Issuu
Tutorial IssuuTutorial Issuu
Tutorial Issuu
 
Subir archivos en slideshare
Subir archivos en slideshareSubir archivos en slideshare
Subir archivos en slideshare
 
Que son los_enlaces_imagenes_y_tablas
Que son los_enlaces_imagenes_y_tablasQue son los_enlaces_imagenes_y_tablas
Que son los_enlaces_imagenes_y_tablas
 
Wix tutorial
Wix tutorialWix tutorial
Wix tutorial
 
Subida y bajada de archivos
Subida y bajada de archivosSubida y bajada de archivos
Subida y bajada de archivos
 
Pres1IDE07343017
Pres1IDE07343017Pres1IDE07343017
Pres1IDE07343017
 
Construcción de una pagina web con html
Construcción de una pagina web con htmlConstrucción de una pagina web con html
Construcción de una pagina web con html
 
Slideshare
SlideshareSlideshare
Slideshare
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
Insertar una presentacionen un blog de Blogger
Insertar una presentacionen un blog de BloggerInsertar una presentacionen un blog de Blogger
Insertar una presentacionen un blog de Blogger
 
Insertar entrada video y audio en el blog
Insertar entrada video y audio en el blogInsertar entrada video y audio en el blog
Insertar entrada video y audio en el blog
 
Trabajo practico n°4
Trabajo practico n°4Trabajo practico n°4
Trabajo practico n°4
 
CóMo Subir Una PresentacióN De Powerpoint En
CóMo Subir Una PresentacióN De Powerpoint EnCóMo Subir Una PresentacióN De Powerpoint En
CóMo Subir Una PresentacióN De Powerpoint En
 
Dreamweaver cs3
Dreamweaver cs3Dreamweaver cs3
Dreamweaver cs3
 
Cómo crear un SlideShare
Cómo crear un SlideShareCómo crear un SlideShare
Cómo crear un SlideShare
 
Shirly presentación power point
Shirly presentación power pointShirly presentación power point
Shirly presentación power point
 

Destacado

HERRAMIENTAS WEB 2.0
HERRAMIENTAS WEB 2.0 HERRAMIENTAS WEB 2.0
HERRAMIENTAS WEB 2.0 Abyyuh
 
Primera Guerra Mundial
Primera Guerra MundialPrimera Guerra Mundial
Primera Guerra MundialAinaSbert
 
Honoré daumier
Honoré daumierHonoré daumier
Honoré daumierTaniasp29
 
Libro listos, cámara, acción
Libro listos, cámara, acciónLibro listos, cámara, acción
Libro listos, cámara, acciónviridi2000
 
Honoré daumier
Honoré daumierHonoré daumier
Honoré daumierTaniasp29
 
Manual practico abc_agricultura_organica
Manual practico abc_agricultura_organicaManual practico abc_agricultura_organica
Manual practico abc_agricultura_organicaJosé Daniel Rojas Alba
 
03 bai toan giai tam giac p1_bg
03 bai toan giai tam giac p1_bg03 bai toan giai tam giac p1_bg
03 bai toan giai tam giac p1_bgNgoc Diep Ngocdiep
 
02 bai toan ve diem va duong thang
02 bai toan ve diem va duong thang02 bai toan ve diem va duong thang
02 bai toan ve diem va duong thangNgoc Diep Ngocdiep
 
TRABAJO UNIVERSITARIO - MI PAÍS - PARAGUAY
TRABAJO UNIVERSITARIO - MI PAÍS - PARAGUAYTRABAJO UNIVERSITARIO - MI PAÍS - PARAGUAY
TRABAJO UNIVERSITARIO - MI PAÍS - PARAGUAYKarLopAlar
 

Destacado (12)

HERRAMIENTAS WEB 2.0
HERRAMIENTAS WEB 2.0 HERRAMIENTAS WEB 2.0
HERRAMIENTAS WEB 2.0
 
Primera Guerra Mundial
Primera Guerra MundialPrimera Guerra Mundial
Primera Guerra Mundial
 
Barbara Blackett Resume
Barbara Blackett ResumeBarbara Blackett Resume
Barbara Blackett Resume
 
Social foto in 45 minutes
Social foto in 45 minutesSocial foto in 45 minutes
Social foto in 45 minutes
 
Honoré daumier
Honoré daumierHonoré daumier
Honoré daumier
 
Libro listos, cámara, acción
Libro listos, cámara, acciónLibro listos, cámara, acción
Libro listos, cámara, acción
 
Honoré daumier
Honoré daumierHonoré daumier
Honoré daumier
 
Manual practico abc_agricultura_organica
Manual practico abc_agricultura_organicaManual practico abc_agricultura_organica
Manual practico abc_agricultura_organica
 
03 bai toan giai tam giac p1_bg
03 bai toan giai tam giac p1_bg03 bai toan giai tam giac p1_bg
03 bai toan giai tam giac p1_bg
 
GE_03_Can cant
GE_03_Can cantGE_03_Can cant
GE_03_Can cant
 
02 bai toan ve diem va duong thang
02 bai toan ve diem va duong thang02 bai toan ve diem va duong thang
02 bai toan ve diem va duong thang
 
TRABAJO UNIVERSITARIO - MI PAÍS - PARAGUAY
TRABAJO UNIVERSITARIO - MI PAÍS - PARAGUAYTRABAJO UNIVERSITARIO - MI PAÍS - PARAGUAY
TRABAJO UNIVERSITARIO - MI PAÍS - PARAGUAY
 

Similar a Dreamweaver

Dreamweaver gisselle noguera
Dreamweaver gisselle nogueraDreamweaver gisselle noguera
Dreamweaver gisselle nogueraGisselle Noguera
 
Dreamweaver a lo ernesto
Dreamweaver a lo ernestoDreamweaver a lo ernesto
Dreamweaver a lo ernestoerjenate
 
Dreamweaver a lo ernesto
Dreamweaver a lo ernestoDreamweaver a lo ernesto
Dreamweaver a lo ernestoerjenate
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaverastridcmc
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaverastridcmc
 
Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF fabianm94
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 natynataliareniz
 
Presentación1 (1)
Presentación1 (1)Presentación1 (1)
Presentación1 (1)Angie Samper
 
Resumen de dreamweaver
Resumen de dreamweaverResumen de dreamweaver
Resumen de dreamweaverpaosinning
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaverIvan Llerena
 
etiquetas y editores.pptx
etiquetas y editores.pptxetiquetas y editores.pptx
etiquetas y editores.pptxfnixYT
 

Similar a Dreamweaver (20)

Dreamweaver gisselle noguera
Dreamweaver gisselle nogueraDreamweaver gisselle noguera
Dreamweaver gisselle noguera
 
Dreamweaver a lo ernesto
Dreamweaver a lo ernestoDreamweaver a lo ernesto
Dreamweaver a lo ernesto
 
Dreamweaver a lo ernesto
Dreamweaver a lo ernestoDreamweaver a lo ernesto
Dreamweaver a lo ernesto
 
Dreamweaver (2)
Dreamweaver (2)Dreamweaver (2)
Dreamweaver (2)
 
Lorena
LorenaLorena
Lorena
 
Hiperenlaces
HiperenlacesHiperenlaces
Hiperenlaces
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Karina
KarinaKarina
Karina
 
Freewebs
FreewebsFreewebs
Freewebs
 
Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF Práctica Informática - Archivo PDF
Práctica Informática - Archivo PDF
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 naty
 
Free webs go
Free webs go  Free webs go
Free webs go
 
Presentación1
Presentación1Presentación1
Presentación1
 
Presentación1 (1)
Presentación1 (1)Presentación1 (1)
Presentación1 (1)
 
Resumen de dreamweaver
Resumen de dreamweaverResumen de dreamweaver
Resumen de dreamweaver
 
REPASO PARA 5TO DE SECUNDARIA
REPASO PARA 5TO DE SECUNDARIAREPASO PARA 5TO DE SECUNDARIA
REPASO PARA 5TO DE SECUNDARIA
 
Presentación1
Presentación1Presentación1
Presentación1
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
etiquetas y editores.pptx
etiquetas y editores.pptxetiquetas y editores.pptx
etiquetas y editores.pptx
 

Dreamweaver

  • 2. QUÉ ES DREAMWEAVER • Dreamweaver CS4 es un software fácil de usar, que permite crear páginas web profesionales. • Las funciones de edición visual de DreamweaverCS4 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.
  • 5. LAS IMÁGENES • Las imágenes son un aspecto muy importante dela web. Ya sea como complementos a la información o parte del diseño, la hacen mucho más atractiva a ojos del visitante. No obstante, no conviene abusar, ya que aumentarán mucho el tamaño final de la web. • Existen una serie de formatos de imagen más recomendables que otros para ser introducidos en una página web
  • 6. hiperenlace • Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo a otra página o archivo. • Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen. • Cuando creemos un enlace, lo que realmente haremos será crear una etiqueta <a></a> que es la que en HTML se encarga de definir los enlaces. Esto podrás observarlo en la barra de estado: {body} {p} {a}
  • 7. INSERTAR UNA IMAGEN Para insertar una imagen hay que dirigirse al menú Insertar, a la opción Imagen. Después de esto, ya es posible seleccionar una imagen a través de la nueva ventana. Cuando te acostumbres, te será más cómodo acceder con la combinación de teclas Ctrl+ Alt+I.
  • 8. Html • Etiquetas: • Las etiquetas consisten en poner un mismo comando entre los símbolos < y> • La primera etiqueta indica inicio, y la segunda, que incluye el símbolo /,indica final y se suele denominar etiqueta de cierre. Las etiquetas disponen de atributos que permiten definir características del elemento sobre el que actúan, incluyendo cierto código dentro de la etiqueta. • Por ejemplo, un párrafo se inserta entre las etiquetas <p> y </p>, pero es posible cambiar sus características predeterminadas, como puede ser asignarle una clase de estilo CSS. • Para ello, a la etiqueta de apertura anterior habría que añadir el atributo y su valor, quedando <p class="miclase"> y </p>.