SlideShare una empresa de Scribd logo
1 de 7
Descargar para leer sin conexión
Dreamweaver
  - Johaine de oro
      - 11°B
     - ENSDN
Dreamweaver
•   ¿Qué es?
•   Sus funciones.
•   Estructura de la Web en DreamWeaver.
•   HTML desde Dreamweaver
•   El texto: propiedades y formato
Probablemente el mejor editor de
   páginas web para diseñadores que
   busquen resultados profesionales.

    Es la herramienta de diseño de páginas web más
 avanzada tal como se ha afirmado en muchos medios.
Aunque sea un experto programador de HTML el usuario
que lo maneje, siempre se encontrarán en este programa
      razones para utilizarlo, sobretodo en lo que a
                productividad se refiere.
Sus funciones

       Cumple perfectamente el objetivo de
diseñar páginas con aspecto profesional, y soporta
 gran cantidad de tecnologías, además muy fáciles
                      de usar:
               Hojas de estilo y capas
  JavaScript para crear efectos e interactividades
         Inserción de archivos multimedia.
Estructura de la web
                       Dreamweaver
El programa Dreamweaver dispone de un
 sencillo y práctico sistema para gestionar
                  las Webs.
    Para gestionar un sitio lo abrimos
pulsando sobre Sitio en la Barra superior y
                  abrir sitio.                  Para visualizar la estructura del Sitio
                                              pulsamos sobre el Botón Mapa del Sitio o
                                                              Site Map



 Si tenemos definido uno o varios sitios
      aparecerán para que podamos
   seleccionarlos. En nuestro ejemplo        Y como resultado se muestra las
seleccionamos el sitio Mismas cotas que relaciones entre las distintas páginas que
definimos en páginas anteriores de este            componen la Web.
                  curso
HTML desde Dreamweaver
  En muchas ocasiones veremos que para hacer pequeñas correcciones, nos
 resultará más cómodo y rápido si lo hacemos directamente desde el código
                            que recurriendo a asistentes
Ya sabes que el lenguaje HTML está basado en etiquetas que marcan el inicio
                    y fin de cada elemento de la página Web.
 En el primer tema vimos como ejemplo las etiquetas que hay que incluir en
el código HTML de una página para darle un título. Consistía simplemente en
         escribir el título deseado entre las etiquetas <title> y </title>.
        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.
propiedades y formato
   Las características del texto seleccionado pueden ser definidas a través del
     menú Formato, y a través del inspector de propiedades. Vamos a ver las
posibilidades que se nos ofrecen a través del inspector de propiedades, que están
                     clasificadas en dos categorías HTML y CSS




Formato: Párrafo: Permite seleccionar un formato de párrafo ya definido para
HTML, que puede ser encabezado, párrafo o formato predeterminado. Los
encabezados se utilizan para establecer títulos dentro de un documento

Más contenido relacionado

La actualidad más candente (20)

Dreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochaDreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trocha
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
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
 
Semana 3 Maquetación CSS
Semana 3   Maquetación CSSSemana 3   Maquetación CSS
Semana 3 Maquetación CSS
 
Presentación dreamweaver 1
Presentación dreamweaver 1Presentación dreamweaver 1
Presentación dreamweaver 1
 
Introducción a Dreamweaver cs5
Introducción a Dreamweaver cs5Introducción a Dreamweaver cs5
Introducción a Dreamweaver cs5
 
Johana
JohanaJohana
Johana
 
Manual Dreamweaver
Manual DreamweaverManual Dreamweaver
Manual Dreamweaver
 
Barras dreamweaver
Barras dreamweaverBarras dreamweaver
Barras dreamweaver
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 
Dreamweaver 8
Dreamweaver 8Dreamweaver 8
Dreamweaver 8
 
Leslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie rios y natasha saravia
Leslie rios y natasha saravia
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Adobe dreamweaver cs5
Adobe dreamweaver cs5Adobe dreamweaver cs5
Adobe dreamweaver cs5
 
La interfaz de dreamweaver cs5
La interfaz de dreamweaver cs5La interfaz de dreamweaver cs5
La interfaz de dreamweaver cs5
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dinarys duran
Dinarys duranDinarys duran
Dinarys duran
 
Dreamweaver 8
Dreamweaver 8Dreamweaver 8
Dreamweaver 8
 
ETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADASETIQUETAS HTML ANIMADAS
ETIQUETAS HTML ANIMADAS
 

Destacado

02 mx referencias minería
02 mx referencias minería02 mx referencias minería
02 mx referencias mineríaRubijuan
 
Deures fis conservquantmov1_estiu2010
Deures fis conservquantmov1_estiu2010Deures fis conservquantmov1_estiu2010
Deures fis conservquantmov1_estiu2010Escola Cervetó
 
ppom
ppomppom
ppomdhe91
 
Windows 8 my documents on a asus duel core 32 bit laptop.jpg2
Windows 8 my documents on a asus  duel core 32 bit laptop.jpg2Windows 8 my documents on a asus  duel core 32 bit laptop.jpg2
Windows 8 my documents on a asus duel core 32 bit laptop.jpg2Stephen Rimington
 
Biriz Billboard
Biriz BillboardBiriz Billboard
Biriz BillboardBanuD
 
Carta Generalitat-CEO -Twitter
Carta Generalitat-CEO -TwitterCarta Generalitat-CEO -Twitter
Carta Generalitat-CEO -Twittergencat .
 
Episodeos de Anyamaru Tantei Kiruminzuu
Episodeos de Anyamaru Tantei KiruminzuuEpisodeos de Anyamaru Tantei Kiruminzuu
Episodeos de Anyamaru Tantei Kiruminzuuliuzuu
 
Inclusão entre a teoria e a prática e.ou entre a
Inclusão  entre a teoria e a prática e.ou entre aInclusão  entre a teoria e a prática e.ou entre a
Inclusão entre a teoria e a prática e.ou entre aCaminhos do Autismo
 
Mercato rurale le tre terre - Villacidro
Mercato rurale le tre terre - VillacidroMercato rurale le tre terre - Villacidro
Mercato rurale le tre terre - Villacidrolestradedelvino
 
05 mx fabricacion potes
05 mx fabricacion potes05 mx fabricacion potes
05 mx fabricacion potesRubijuan
 
Encuesta "Qué Quiere la Gente 2013"
Encuesta "Qué Quiere la Gente 2013"Encuesta "Qué Quiere la Gente 2013"
Encuesta "Qué Quiere la Gente 2013"FundacionCIRD
 

Destacado (20)

02 mx referencias minería
02 mx referencias minería02 mx referencias minería
02 mx referencias minería
 
Deures fis conservquantmov1_estiu2010
Deures fis conservquantmov1_estiu2010Deures fis conservquantmov1_estiu2010
Deures fis conservquantmov1_estiu2010
 
Ale
AleAle
Ale
 
ppom
ppomppom
ppom
 
Windows 8 my documents on a asus duel core 32 bit laptop.jpg2
Windows 8 my documents on a asus  duel core 32 bit laptop.jpg2Windows 8 my documents on a asus  duel core 32 bit laptop.jpg2
Windows 8 my documents on a asus duel core 32 bit laptop.jpg2
 
Biriz Billboard
Biriz BillboardBiriz Billboard
Biriz Billboard
 
Carta Generalitat-CEO -Twitter
Carta Generalitat-CEO -TwitterCarta Generalitat-CEO -Twitter
Carta Generalitat-CEO -Twitter
 
Episodeos de Anyamaru Tantei Kiruminzuu
Episodeos de Anyamaru Tantei KiruminzuuEpisodeos de Anyamaru Tantei Kiruminzuu
Episodeos de Anyamaru Tantei Kiruminzuu
 
Test slide share
Test slide shareTest slide share
Test slide share
 
Inclusão entre a teoria e a prática e.ou entre a
Inclusão  entre a teoria e a prática e.ou entre aInclusão  entre a teoria e a prática e.ou entre a
Inclusão entre a teoria e a prática e.ou entre a
 
Mercato rurale le tre terre - Villacidro
Mercato rurale le tre terre - VillacidroMercato rurale le tre terre - Villacidro
Mercato rurale le tre terre - Villacidro
 
Jashne amad e-rasool
Jashne amad e-rasoolJashne amad e-rasool
Jashne amad e-rasool
 
05 mx fabricacion potes
05 mx fabricacion potes05 mx fabricacion potes
05 mx fabricacion potes
 
Redes
RedesRedes
Redes
 
Momentos
MomentosMomentos
Momentos
 
Redes sociales
Redes socialesRedes sociales
Redes sociales
 
Encuesta "Qué Quiere la Gente 2013"
Encuesta "Qué Quiere la Gente 2013"Encuesta "Qué Quiere la Gente 2013"
Encuesta "Qué Quiere la Gente 2013"
 
Basil Resume
Basil Resume Basil Resume
Basil Resume
 
Ayahuasca yagé, tecnología del alma ricardo diaz mayorga
Ayahuasca yagé, tecnología del alma   ricardo diaz mayorgaAyahuasca yagé, tecnología del alma   ricardo diaz mayorga
Ayahuasca yagé, tecnología del alma ricardo diaz mayorga
 
Bienvenida
BienvenidaBienvenida
Bienvenida
 

Similar a Informatica import.... (20)

Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Dream weaver israel
Dream weaver israelDream weaver israel
Dream weaver israel
 
Israel blog
Israel blogIsrael blog
Israel blog
 
dremweaver
dremweaverdremweaver
dremweaver
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Diseño web
Diseño webDiseño web
Diseño web
 
Dreamweaver cs5
Dreamweaver cs5Dreamweaver cs5
Dreamweaver cs5
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 naty
 
DREAMWEAVER.docx
DREAMWEAVER.docxDREAMWEAVER.docx
DREAMWEAVER.docx
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 
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
 
Andrea Olivera
Andrea OliveraAndrea Olivera
Andrea Olivera
 
Presentación1 (1)
Presentación1 (1)Presentación1 (1)
Presentación1 (1)
 

Informatica import....

  • 1. Dreamweaver - Johaine de oro - 11°B - ENSDN
  • 2. Dreamweaver • ¿Qué es? • Sus funciones. • Estructura de la Web en DreamWeaver. • HTML desde Dreamweaver • El texto: propiedades y formato
  • 3. Probablemente el mejor editor de páginas web para diseñadores que busquen resultados profesionales. Es la herramienta de diseño de páginas web más avanzada tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo, sobretodo en lo que a productividad se refiere.
  • 4. Sus funciones Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y soporta gran cantidad de tecnologías, además muy fáciles de usar: Hojas de estilo y capas JavaScript para crear efectos e interactividades Inserción de archivos multimedia.
  • 5. Estructura de la web Dreamweaver El programa Dreamweaver dispone de un sencillo y práctico sistema para gestionar las Webs. Para gestionar un sitio lo abrimos pulsando sobre Sitio en la Barra superior y abrir sitio. Para visualizar la estructura del Sitio pulsamos sobre el Botón Mapa del Sitio o Site Map Si tenemos definido uno o varios sitios aparecerán para que podamos seleccionarlos. En nuestro ejemplo Y como resultado se muestra las seleccionamos el sitio Mismas cotas que relaciones entre las distintas páginas que definimos en páginas anteriores de este componen la Web. curso
  • 6. HTML desde Dreamweaver En muchas ocasiones veremos que para hacer pequeñas correcciones, nos resultará más cómodo y rápido si lo hacemos directamente desde el código que recurriendo a asistentes Ya sabes que el lenguaje HTML está basado en etiquetas que marcan el inicio y fin de cada elemento de la página Web. En el primer tema vimos como ejemplo las etiquetas que hay que incluir en el código HTML de una página para darle un título. Consistía simplemente en escribir el título deseado entre las etiquetas <title> y </title>. 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.
  • 7. propiedades y formato Las características del texto seleccionado pueden ser definidas a través del menú Formato, y a través del inspector de propiedades. Vamos a ver las posibilidades que se nos ofrecen a través del inspector de propiedades, que están clasificadas en dos categorías HTML y CSS Formato: Párrafo: Permite seleccionar un formato de párrafo ya definido para HTML, que puede ser encabezado, párrafo o formato predeterminado. Los encabezados se utilizan para establecer títulos dentro de un documento