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

Эффективное продвижение и аналитика продающих сайтов в 2016 году
Эффективное продвижение и аналитика продающих сайтов в 2016 годуЭффективное продвижение и аналитика продающих сайтов в 2016 году
Эффективное продвижение и аналитика продающих сайтов в 2016 годуborovoystudio
 

Destacado (6)

CV - Shine Devarajan
CV - Shine DevarajanCV - Shine Devarajan
CV - Shine Devarajan
 
PowerPoint Thomas & Virginia
PowerPoint Thomas & VirginiaPowerPoint Thomas & Virginia
PowerPoint Thomas & Virginia
 
Эффективное продвижение и аналитика продающих сайтов в 2016 году
Эффективное продвижение и аналитика продающих сайтов в 2016 годуЭффективное продвижение и аналитика продающих сайтов в 2016 году
Эффективное продвижение и аналитика продающих сайтов в 2016 году
 
Vulcani
VulcaniVulcani
Vulcani
 
Isa
IsaIsa
Isa
 
SAID AL HARTHY' CV
SAID AL HARTHY' CVSAID AL HARTHY' CV
SAID AL HARTHY' CV
 

Similar a Cómo crear páginas web profesionales con 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 Cómo crear páginas web profesionales con 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 (1)
Presentación1 (1)Presentación1 (1)
Presentación1 (1)
 
Presentación1
Presentación1Presentación1
Presentación1
 
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
 

Cómo crear páginas web profesionales con 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>.