SlideShare une entreprise Scribd logo
1  sur  8
Menú
¿ Qué es Dreamweaver ?
    Pagina principal
El texto : Características
     Hiperenlaces
       Imágenes

     Formularios
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
                                                                     Menú
PÁGINAS, SIN LA NECESIDAD DE PROGRAMAR MANUALMENTE EL           ¿ Qué es Dreamweaver
CÓDIGO HTML.
SE PUEDE CREAR TABLAS, EDITAR MARCOS, TRABAJAR CON                          ?
CAPAS, INSERTAR COMPORTAMIENTOS JAVASCRIPT, ETC.., DE UNA
FORMA MUY SENCILLA Y VISUAL.                                        Pagina principal
ADEMÁS INCLUYE UN SOFTWARE DE CLIENTE FTP                      El texto : Características
COMPLETO, PERMITIENDO ENTRE OTRAS COSAS TRABAJAR CON
MAPAS VISUALES DE LOS SITIOS WEB, ACTUALIZANDO EL SITIO WEB          Hiperenlaces
EN EL SERVIDOR SIN SALIR DEL PROGRAMA.
                                                                       Imágenes
PARA SEGUIR ESTE CURSO TE PUEDES DESCARGAR LA VERSIÓN
GRATUITA DE DREAMWEAVER DESDE LA PÁGINA DE ADOBE, LA                Formularios
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.
.
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
                                                            Menú
CONTINUACIÓN (Y EN GENERAL TODAS LAS DE ESTE CURSO)    ¿ Qué es Dreamweaver
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.                          Pagina principal
                                                      El texto : Características
                                                            Hiperenlaces
                                                              Imágenes
                                                           Formularios
LAS CARACTERÍSTICAS DEL TEXTO                     Menú
SELECCIONADO PUEDEN SER DEFINIDAS A
TRAVÉS DEL MENÚ FORMATO, Y A TRAVÉS         ¿ Qué es Dreamweaver ?
DEL INSPECTOR DE PROPIEDADES. VAMOS A VER
LAS POSIBILIDADES QUE SE NOS OFRECEN A          Pagina principal
TRAVÉS DEL INSPECTOR DE PROPIEDADES, QUE
ESTÁN CLASIFICADAS EN DOS                   El texto : Características
CATEGORÍAS HTML Y CSS.
COMENZAMOS VIENDO LAS PROPIEDADES HTML            Hiperenlaces
                                                    Imágenes
                                                 Formularios
Menú
UN HIPERENLACE, HIPERVÍNCULO, O VÍNCULO, NO ES MÁS
QUE UN ENLACE, QUE AL SER PULSADO LLEVA DE UNA          ¿ Qué es
PÁGINA O ARCHIVO A OTRA PÁGINA O ARCHIVO.            Dreamweaver ?
ES POSIBLE ASIGNAR UN VÍNCULO A UN TEXTO, A UNA
IMAGEN, O A PARTE DE UNA IMAGEN.                     Pagina principal
                                                        El texto :
CUANDO CREEMOS UN ENLACE, LO QUE REALMENTE
HAREMOS SERÁ CREAR UNA ETIQUETA <A></A> QUE ES       Características
LA QUE EN HTML SE ENCARGA DE DEFINIR LOS ENLACES.
                                                      Hiperenlaces
ESTO PODRÁS OBSERVARLO EN LA BARRA DE ESTADO:
                                                       Imágenes
                                                      Formularios
LAS IMÁGENES SON UN ASPECTO MUY IMPORTANTE DE
LA WEB. YA SEA COMO COMPLEMENTOS A LA
                                                         Menú
INFORMACIÓN O PARTE DEL DISEÑO, LA HACEN MUCHO
MÁS ATRACTIVA A OJOS DEL VISITANTE. NO OBSTANTE,   ¿ Qué es Dreamweaver ?
NO CONVIENE ABUSAR, YA QUE AUMENTARÁN MUCHO
EL TAMAÑO FINAL DE LA WEB.
                                                        Pagina principal
EXISTEN UNA SERIE DE FORMATOS DE IMAGEN MÁS        El texto : Características
RECOMENDABLES QUE OTROS PARA SER
INTRODUCIDOS EN UNA PÁGINA WEB.                          Hiperenlaces
                                                           Imágenes
                                                        Formularios
LOS FORMULARIOS SE UTILIZAN PARA RECOGER DATOS DE
LOS USUARIOS. NOS PUEDEN SERVIR PARA REALIZAR UN
PEDIDO EN UNA TIENDA VIRTUAL, CREAR UNA ENCUESTA,
CONOCER LAS OPINIONES DE LOS USUARIOS, RECIBIR
                                                           Menú
PREGUNTAS, ETC.                                      ¿ Qué es Dreamweaver ?
UNA VEZ EL USUARIO RELLENA LOS DATOS Y PULSA EL
BOTÓN PARA ENVIAR EL FORMULARIO SE ARRANCARÁ UN
                                                          Pagina principal
PROGRAMA QUE RECIBIRÁ LOS DATOS Y HARÁ EL
TRATAMIENTO CORRESPONDIENTE.
                                                     El texto : Características
AQUÍ VAMOS A VER CÓMO CREAR EL FORMULARIO,                Hiperenlaces
(INSERTAR CAMPOS Y BOTONES EN EL FORMULARIO Y
VALIDARLOS), PERO NO LA PARTE DE TRATAMIENTO DE            Imágenes
LOS DATOS, YA QUE PARA ELLO SE NECESITAN NOCIONES
DE PROGRAMACIÓN, YA SEA EN PHP, EN JAVASCRIPT O EN
OTRO LENGUAJE DE PROGRAMACIÓN, Y ESTO NO ENTRA
                                                          Formularios
EN LOS OBJETIVOS DEL CURSO.

A LA DERECHA TIENES UN EJEMPLO DE FORMULARIO
SIMPLE.
UN FORMULARIO ESTÁ FORMADO, ENTRE OTRAS COSAS,
POR ETIQUETAS, CAMPOS DE TEXTO, MENÚS
DESPLEGABLES, Y BOTONES.

Contenu connexe

Tendances (19)

Presentación1
Presentación1Presentación1
Presentación1
 
DREAMWEABER
DREAMWEABERDREAMWEABER
DREAMWEABER
 
5to sec. Dreamweaber
5to sec. Dreamweaber5to sec. Dreamweaber
5to sec. Dreamweaber
 
Adobe dreamweaver
Adobe dreamweaverAdobe dreamweaver
Adobe dreamweaver
 
Presentacion de dreamweaver
Presentacion de dreamweaverPresentacion de dreamweaver
Presentacion de dreamweaver
 
Presentación dreamweaver 1
Presentación dreamweaver 1Presentación dreamweaver 1
Presentación dreamweaver 1
 
Maria alejandra maussa palomino
Maria alejandra maussa palominoMaria alejandra maussa palomino
Maria alejandra maussa palomino
 
Ventana de dreamweaver
Ventana de dreamweaverVentana de dreamweaver
Ventana de dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Samanta2
Samanta2Samanta2
Samanta2
 
Presentacion Adobe Dreamweaver CS6
Presentacion Adobe Dreamweaver CS6Presentacion Adobe Dreamweaver CS6
Presentacion Adobe Dreamweaver CS6
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver generalidades
Dreamweaver generalidadesDreamweaver generalidades
Dreamweaver generalidades
 
Presentación1
Presentación1Presentación1
Presentación1
 
Adobe dreamweaver cs6
Adobe dreamweaver cs6Adobe dreamweaver cs6
Adobe dreamweaver cs6
 
Pres3
Pres3Pres3
Pres3
 
dremweaver
dremweaverdremweaver
dremweaver
 
Aprendiendo Los Beneficios De Power Point
Aprendiendo Los Beneficios De Power PointAprendiendo Los Beneficios De Power Point
Aprendiendo Los Beneficios De Power Point
 
Dreamweaver Y Su Historia
Dreamweaver Y Su HistoriaDreamweaver Y Su Historia
Dreamweaver Y Su Historia
 

En vedette

En vedette (11)

Power point project final
Power point project finalPower point project final
Power point project final
 
Presentación1 yineth
Presentación1 yinethPresentación1 yineth
Presentación1 yineth
 
Bai 15
Bai 15Bai 15
Bai 15
 
bridgeit presentation - Las Vegas
bridgeit presentation - Las Vegasbridgeit presentation - Las Vegas
bridgeit presentation - Las Vegas
 
Relazione limoni
Relazione limoniRelazione limoni
Relazione limoni
 
Guida all'iscrizione online
Guida all'iscrizione onlineGuida all'iscrizione online
Guida all'iscrizione online
 
Maestros del futuro
Maestros del futuroMaestros del futuro
Maestros del futuro
 
Cardiologist
CardiologistCardiologist
Cardiologist
 
Preschool project final phase
Preschool project final phasePreschool project final phase
Preschool project final phase
 
Kerwin
KerwinKerwin
Kerwin
 
Hrd book1
Hrd book1Hrd book1
Hrd book1
 

Similaire à Presentación1 (20)

Presentación1 (1)
Presentación1 (1)Presentación1 (1)
Presentación1 (1)
 
DREMWEAVER
DREMWEAVERDREMWEAVER
DREMWEAVER
 
1 introduccion a dreamweaver
1 introduccion a dreamweaver1 introduccion a dreamweaver
1 introduccion a dreamweaver
 
Informatica import....
Informatica import....Informatica import....
Informatica import....
 
Dreamweaver 2013 karen palacio 11.a
Dreamweaver 2013 karen palacio 11.aDreamweaver 2013 karen palacio 11.a
Dreamweaver 2013 karen palacio 11.a
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamwever
DreamweverDreamwever
Dreamwever
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Dreamweaver2
Dreamweaver2Dreamweaver2
Dreamweaver2
 
Unidad 1
Unidad 1Unidad 1
Unidad 1
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Lorena Echeverría Dreamweaver
Lorena Echeverría  DreamweaverLorena Echeverría  Dreamweaver
Lorena Echeverría Dreamweaver
 
Trabajo de dreamweaver
Trabajo de dreamweaverTrabajo de dreamweaver
Trabajo de dreamweaver
 
Dreamweaver.
Dreamweaver.Dreamweaver.
Dreamweaver.
 
Dreamweaver.
Dreamweaver.Dreamweaver.
Dreamweaver.
 
Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 

Plus de Kerwin Fuentes P (20)

Hellen 130820235746-phpapp01
Hellen 130820235746-phpapp01Hellen 130820235746-phpapp01
Hellen 130820235746-phpapp01
 
Kerwin
KerwinKerwin
Kerwin
 
Beatriz
BeatrizBeatriz
Beatriz
 
Camila Sanchez
Camila SanchezCamila Sanchez
Camila Sanchez
 
Shirly
Shirly Shirly
Shirly
 
Beatriz
BeatrizBeatriz
Beatriz
 
Choco
ChocoChoco
Choco
 
Ximena
XimenaXimena
Ximena
 
Ximena
XimenaXimena
Ximena
 
Angely (2)
Angely (2)Angely (2)
Angely (2)
 
Johely
JohelyJohely
Johely
 
Mausa
MausaMausa
Mausa
 
Shirly
ShirlyShirly
Shirly
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Natalia
NataliaNatalia
Natalia
 
Página web wix (1)
Página web wix (1)Página web wix (1)
Página web wix (1)
 
Tatiana
TatianaTatiana
Tatiana
 
Kimberly
KimberlyKimberly
Kimberly
 
Como crear una pagina web
Como crear una pagina webComo crear una pagina web
Como crear una pagina web
 
Dinarys duran
Dinarys duranDinarys duran
Dinarys duran
 

Presentación1

  • 1.
  • 2. Menú ¿ Qué es Dreamweaver ? Pagina principal El texto : Características Hiperenlaces Imágenes Formularios
  • 3. 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 Menú PÁGINAS, SIN LA NECESIDAD DE PROGRAMAR MANUALMENTE EL ¿ Qué es Dreamweaver CÓDIGO HTML. SE PUEDE CREAR TABLAS, EDITAR MARCOS, TRABAJAR CON ? CAPAS, INSERTAR COMPORTAMIENTOS JAVASCRIPT, ETC.., DE UNA FORMA MUY SENCILLA Y VISUAL. Pagina principal ADEMÁS INCLUYE UN SOFTWARE DE CLIENTE FTP El texto : Características COMPLETO, PERMITIENDO ENTRE OTRAS COSAS TRABAJAR CON MAPAS VISUALES DE LOS SITIOS WEB, ACTUALIZANDO EL SITIO WEB Hiperenlaces EN EL SERVIDOR SIN SALIR DEL PROGRAMA. Imágenes PARA SEGUIR ESTE CURSO TE PUEDES DESCARGAR LA VERSIÓN GRATUITA DE DREAMWEAVER DESDE LA PÁGINA DE ADOBE, LA Formularios 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. .
  • 4. 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 Menú CONTINUACIÓN (Y EN GENERAL TODAS LAS DE ESTE CURSO) ¿ Qué es Dreamweaver 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. Pagina principal El texto : Características Hiperenlaces Imágenes Formularios
  • 5. LAS CARACTERÍSTICAS DEL TEXTO Menú SELECCIONADO PUEDEN SER DEFINIDAS A TRAVÉS DEL MENÚ FORMATO, Y A TRAVÉS ¿ Qué es Dreamweaver ? DEL INSPECTOR DE PROPIEDADES. VAMOS A VER LAS POSIBILIDADES QUE SE NOS OFRECEN A Pagina principal TRAVÉS DEL INSPECTOR DE PROPIEDADES, QUE ESTÁN CLASIFICADAS EN DOS El texto : Características CATEGORÍAS HTML Y CSS. COMENZAMOS VIENDO LAS PROPIEDADES HTML Hiperenlaces Imágenes Formularios
  • 6. Menú UN HIPERENLACE, HIPERVÍNCULO, O VÍNCULO, NO ES MÁS QUE UN ENLACE, QUE AL SER PULSADO LLEVA DE UNA ¿ Qué es PÁGINA O ARCHIVO A OTRA PÁGINA O ARCHIVO. Dreamweaver ? ES POSIBLE ASIGNAR UN VÍNCULO A UN TEXTO, A UNA IMAGEN, O A PARTE DE UNA IMAGEN. Pagina principal El texto : CUANDO CREEMOS UN ENLACE, LO QUE REALMENTE HAREMOS SERÁ CREAR UNA ETIQUETA <A></A> QUE ES Características LA QUE EN HTML SE ENCARGA DE DEFINIR LOS ENLACES. Hiperenlaces ESTO PODRÁS OBSERVARLO EN LA BARRA DE ESTADO: Imágenes Formularios
  • 7. LAS IMÁGENES SON UN ASPECTO MUY IMPORTANTE DE LA WEB. YA SEA COMO COMPLEMENTOS A LA Menú INFORMACIÓN O PARTE DEL DISEÑO, LA HACEN MUCHO MÁS ATRACTIVA A OJOS DEL VISITANTE. NO OBSTANTE, ¿ Qué es Dreamweaver ? NO CONVIENE ABUSAR, YA QUE AUMENTARÁN MUCHO EL TAMAÑO FINAL DE LA WEB. Pagina principal EXISTEN UNA SERIE DE FORMATOS DE IMAGEN MÁS El texto : Características RECOMENDABLES QUE OTROS PARA SER INTRODUCIDOS EN UNA PÁGINA WEB. Hiperenlaces Imágenes Formularios
  • 8. LOS FORMULARIOS SE UTILIZAN PARA RECOGER DATOS DE LOS USUARIOS. NOS PUEDEN SERVIR PARA REALIZAR UN PEDIDO EN UNA TIENDA VIRTUAL, CREAR UNA ENCUESTA, CONOCER LAS OPINIONES DE LOS USUARIOS, RECIBIR Menú PREGUNTAS, ETC. ¿ Qué es Dreamweaver ? UNA VEZ EL USUARIO RELLENA LOS DATOS Y PULSA EL BOTÓN PARA ENVIAR EL FORMULARIO SE ARRANCARÁ UN Pagina principal PROGRAMA QUE RECIBIRÁ LOS DATOS Y HARÁ EL TRATAMIENTO CORRESPONDIENTE. El texto : Características AQUÍ VAMOS A VER CÓMO CREAR EL FORMULARIO, Hiperenlaces (INSERTAR CAMPOS Y BOTONES EN EL FORMULARIO Y VALIDARLOS), PERO NO LA PARTE DE TRATAMIENTO DE Imágenes LOS DATOS, YA QUE PARA ELLO SE NECESITAN NOCIONES DE PROGRAMACIÓN, YA SEA EN PHP, EN JAVASCRIPT O EN OTRO LENGUAJE DE PROGRAMACIÓN, Y ESTO NO ENTRA Formularios EN LOS OBJETIVOS DEL CURSO. A LA DERECHA TIENES UN EJEMPLO DE FORMULARIO SIMPLE. UN FORMULARIO ESTÁ FORMADO, ENTRE OTRAS COSAS, POR ETIQUETAS, CAMPOS DE TEXTO, MENÚS DESPLEGABLES, Y BOTONES.