SlideShare una empresa de Scribd logo
1 de 9
VENTANA DE DREAMWEAVER
María Camila Arrieta Caballero
         11ºC 2013
VENTANA DE
    DREAMWEAVER



 Es un software que permite crear
paginas Web profesionales y es de
        muy fácil utilidad.
CARACTERISTICAS DE LA
  VENTANA DE DREAMWEAVER
• Permite crear tablas, editar
  marcos, trabajar con capas,
  insertar comportamientos
  JavaScript, etc.., de una forma
  muy sencilla y visual.
• Los logotipos de Dreamweaver
  son propiedad de Adobe, así
  como las marcas registradas
  Dreamweaver y Adobe.
• Las páginas Web están
  escritas en HTML.
MARCOS
Los marcos sirven para
  distribuir mejor los
  datos de la pagina
  además de mejorar la
  funcionalidad y
  apariencia de la
  pagina.
CAPAS
• Las capas son
  recuadros destinados
  a contener y agrupar
  otros elementos,
  están también son
  llamadas layers o
  divisiones y se crean
  con la etiqueta <div>
  </div>. Estas también
  se pueden mover.
ETIQUETAS EN HTML DESDE
         DREAMWEAVER
Las etiquetas consisten en poner
   comandos entre los símbolos.
   Estos “<,>” se usan para
   indicar el inicio de una pagina
   y este otro “/” indica el final
   que significa el cierre.
   Ejemplo: <title> y </title>.
Hay elementos que no necesitan
   del elemento de cierre pues
   usan mayús.+control dentro
   del código HTML y se pone en
   la etiqueta de apertura para
   seguir el estándar XHTML que
   obliga a que todas las
   etiquetas se cierren.
MAQUETACION WEB
La maquetación es la
  distribución de los
  elementos en la pagina.
  Esta se hace mediante la
  utilización de las capas,
  la colocación de esta se
  realiza a través de CSS.
  También se emplean
  etiquetas del tipo (<div>)
  seleccionando en el
  menú insertar, opción
  objeto de diseño, y
  elegimos la etiqueta div.
VENTANA DE DREAMWEAVER
GRACIAS 

Más contenido relacionado

La actualidad más candente

Adobe dreamweaver
Adobe dreamweaverAdobe dreamweaver
Adobe dreamweaverdanna16
 
Enlace html
Enlace htmlEnlace html
Enlace htmldeygon
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerraDITHOR
 
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
 
Que es un frame en html
Que es un frame en htmlQue es un frame en html
Que es un frame en htmlYomairi Nope
 
Qué son los frames (1)
Qué son los frames (1)Qué son los frames (1)
Qué son los frames (1)Enrique Reyes
 
Frames o marcos en páginas html
Frames o marcos en páginas htmlFrames o marcos en páginas html
Frames o marcos en páginas htmlmichu98
 
EJEMPLO
EJEMPLOEJEMPLO
EJEMPLObriasb
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely wordJonathan Cely
 
Sesion01
Sesion01Sesion01
Sesion01UB Art
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaverIvan Llerena
 

La actualidad más candente (18)

Presentación1
Presentación1Presentación1
Presentación1
 
Adobe dreamweaver
Adobe dreamweaverAdobe dreamweaver
Adobe dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Lorena
LorenaLorena
Lorena
 
Enlace html
Enlace htmlEnlace html
Enlace html
 
Colegio nacional nicolas esguerra
Colegio nacional nicolas esguerraColegio nacional nicolas esguerra
Colegio nacional nicolas esguerra
 
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
 
Que es un frame en html
Que es un frame en htmlQue es un frame en html
Que es un frame en html
 
Qué son los frames (1)
Qué son los frames (1)Qué son los frames (1)
Qué son los frames (1)
 
Frames o marcos en páginas html
Frames o marcos en páginas htmlFrames o marcos en páginas html
Frames o marcos en páginas html
 
Dinarys duran
Dinarys duranDinarys duran
Dinarys duran
 
EJEMPLO
EJEMPLOEJEMPLO
EJEMPLO
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 
Trabajo de cely word
Trabajo de cely wordTrabajo de cely word
Trabajo de cely word
 
Html explicacion grado 10
Html explicacion grado 10Html explicacion grado 10
Html explicacion grado 10
 
Semana 4 Estructura y componentes SPA
Semana 4  Estructura y componentes SPASemana 4  Estructura y componentes SPA
Semana 4 Estructura y componentes SPA
 
Sesion01
Sesion01Sesion01
Sesion01
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 

Similar a Ventana de dreamweaver

Similar a Ventana de dreamweaver (20)

Leslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie rios y natasha saravia
Leslie rios y natasha saravia
 
Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaver
 
Dreamweaver j-l
Dreamweaver j-lDreamweaver j-l
Dreamweaver j-l
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Presentación1 (1)
Presentación1 (1)Presentación1 (1)
Presentación1 (1)
 
Powerpointjim
PowerpointjimPowerpointjim
Powerpointjim
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Presentación1
Presentación1Presentación1
Presentación1
 
Andrea Olivera
Andrea OliveraAndrea Olivera
Andrea Olivera
 
Shirly presentación power point
Shirly presentación power pointShirly presentación power point
Shirly presentación power point
 
Dreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trochaDreamweaver cs5 marcela trocha
Dreamweaver cs5 marcela trocha
 
dreamweaver
dreamweaverdreamweaver
dreamweaver
 
Trabajo dreamweaver
Trabajo dreamweaverTrabajo dreamweaver
Trabajo dreamweaver
 
Presentacióin tema 6
Presentacióin tema 6Presentacióin tema 6
Presentacióin tema 6
 
etiquetas y editores.pptx
etiquetas y editores.pptxetiquetas y editores.pptx
etiquetas y editores.pptx
 
Dream weaver israel
Dream weaver israelDream weaver israel
Dream weaver israel
 
Israel blog
Israel blogIsrael blog
Israel blog
 
dremweaver
dremweaverdremweaver
dremweaver
 
DREAMWEAVER.docx
DREAMWEAVER.docxDREAMWEAVER.docx
DREAMWEAVER.docx
 
Luis palacio
Luis palacioLuis palacio
Luis palacio
 

Más de Maria Kmii Arrieta Caballero (16)

Comportamiento
ComportamientoComportamiento
Comportamiento
 
Cultura y tradición
Cultura y tradiciónCultura y tradición
Cultura y tradición
 
Símbolos
SímbolosSímbolos
Símbolos
 
Costumbre y patrimonio
Costumbre y patrimonioCostumbre y patrimonio
Costumbre y patrimonio
 
Danzas del Carnaval de Barranquilla
Danzas del Carnaval de BarranquillaDanzas del Carnaval de Barranquilla
Danzas del Carnaval de Barranquilla
 
Carnaval de Barranquilla
Carnaval de BarranquillaCarnaval de Barranquilla
Carnaval de Barranquilla
 
Patrimonio Material e Inmaterial de Barranquilla.
Patrimonio Material e Inmaterial de Barranquilla.Patrimonio Material e Inmaterial de Barranquilla.
Patrimonio Material e Inmaterial de Barranquilla.
 
Cómo crear una página web en wixmio
Cómo crear una página web en wixmioCómo crear una página web en wixmio
Cómo crear una página web en wixmio
 
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
 
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
 
El calentamiento global6
El calentamiento global6El calentamiento global6
El calentamiento global6
 
Pasos para crear una pagina web en linea
Pasos para crear una pagina web en lineaPasos para crear una pagina web en linea
Pasos para crear una pagina web en linea
 
Pasos para crear una pagina web en linea
Pasos para crear una pagina web en lineaPasos para crear una pagina web en linea
Pasos para crear una pagina web en linea
 
Pasos para crear una pagina web en linea
Pasos para crear una pagina web en lineaPasos para crear una pagina web en linea
Pasos para crear una pagina web en linea
 
M ventana de dreamweaver
M ventana de dreamweaverM ventana de dreamweaver
M ventana de dreamweaver
 
Usabilidad web
Usabilidad webUsabilidad web
Usabilidad web
 

Ventana de dreamweaver

  • 1. VENTANA DE DREAMWEAVER María Camila Arrieta Caballero 11ºC 2013
  • 2. VENTANA DE DREAMWEAVER Es un software que permite crear paginas Web profesionales y es de muy fácil utilidad.
  • 3. CARACTERISTICAS DE LA VENTANA DE DREAMWEAVER • Permite crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visual. • Los logotipos de Dreamweaver son propiedad de Adobe, así como las marcas registradas Dreamweaver y Adobe. • Las páginas Web están escritas en HTML.
  • 4. MARCOS Los marcos sirven para distribuir mejor los datos de la pagina además de mejorar la funcionalidad y apariencia de la pagina.
  • 5. CAPAS • Las capas son recuadros destinados a contener y agrupar otros elementos, están también son llamadas layers o divisiones y se crean con la etiqueta <div> </div>. Estas también se pueden mover.
  • 6. ETIQUETAS EN HTML DESDE DREAMWEAVER Las etiquetas consisten en poner comandos entre los símbolos. Estos “<,>” se usan para indicar el inicio de una pagina y este otro “/” indica el final que significa el cierre. Ejemplo: <title> y </title>. Hay elementos que no necesitan del elemento de cierre pues usan mayús.+control dentro del código HTML y se pone en la etiqueta de apertura para seguir el estándar XHTML que obliga a que todas las etiquetas se cierren.
  • 7. MAQUETACION WEB La maquetación es la distribución de los elementos en la pagina. Esta se hace mediante la utilización de las capas, la colocación de esta se realiza a través de CSS. También se emplean etiquetas del tipo (<div>) seleccionando en el menú insertar, opción objeto de diseño, y elegimos la etiqueta div.