SlideShare uma empresa Scribd logo
1 de 16
Baixar para ler offline
Adobe
Dreamweaver
DANIELA MARRIAGA
LOAIZA
11°AA
¿Qué es Adobe
Dreamweaver?
   Adobe Dreamweaver
    es una aplicación en
    forma de estudio
    (basada en la forma
    de estudio de Adobe
    Flash) que está
    destinada a la
    construcción, diseño y
    edición de sitios,
    videos y aplicaciones
    Web basados en
    estándares.
Características de
Dreamweaver CS5
   Compatibilidad con
    CMS integrada. Un
    sistema de gestión de
    contenidos es un
    interfaz o programa que
    nos permite gestionar el
    contenido de un sitio
    web. Cada vez son más
    usados, y ahora
    Dreamweaver integra
    con los principales,
    permitiendo crear
    nuestras páginas con la
    estructura adecuada.
Inspeccionar CSS
   Ahora, con la opción
    Inspeccionar,
    podemos ver
    claramente los
    márgenes aplicados
    al elemento
    seleccionado, y qué
    propiedades le
    afectan, tanto si son
    propias, como
    heredadas de los
    elementos padre.
Integración Adobe
Browserlab.
 Adobe  Browser Lab es un servicio en línea
 de Adobe, que nos permite comparar cómo
 se ve una misma página web en las distintas
 versiones de Internet Explorer, Firefox y Safari,
 bajo los sistemas operativos de Windows o
 Mac OS.
Configuración sencilla de
    sitios.
   Ahora resulta más
    sencillo configurar
    nuestro sitio local y
    remoto. Ya que se
    han simplificado las
    opciones esenciales,
    y distinguido más las
    opciones avanzadas
    y poco importantes.
   Cualquier editor
    de texto permite
    crear páginas
    web. Para ello sólo
    es necesario crear
    los documentos          Conceptos básicos
    con la extensión
    HTML o HTM, e           de Dreamweaver
    incluir como            CS5 (II)
    contenido del
    documento el            Hoy en día existe una amplia
    código HTML             gama de editores de páginas
    deseado. Puede          web. Uno de los más utilizados,
                            y que destaca por su sencillez
    utilizarse incluso el   y por las numerosas funciones
    Bloc de notas           que incluye, es Adobe
    incluido en             Dreamweaver.
    Windows para
    hacerlo.
Cómo tener una página en
Internet
   Para poder poner una            Cuando se va a contratar
    página web en Internet, es       un servicio de hospedaje
    necesario contratar a            es necesario contratar
    alguna empresa con               también un dominio, tarea
    servidores que pueda             de la que se suele
    alojarla y hacerla               encargar la propia
    accesible desde Internet         empresa de hospedaje.
    las 24 horas del día. El         Registrar un dominio
    precio por disponer de           consiste en registrar un
    espacio propio en el             nombre para nuestra
    servidor dependerá de la         página. Este nombre no
    empresa, del espacio en          puede estar repetido en
    disco, volumen de                Internet, ha de ser único,
    transferencia y otras
    opciones que podamos
    contratar.
   Hacer clic en el botón
    abrir de la barra de
    herramientas estándar
    (si está visible).
   Pulsar la combinación
    de teclas Ctrl + O.
   Hacer clic sobre el
    menú Archivo y elegir la
    opción Abrir....
   Hacer doble clic sobre
    el archivo en la ventana
    del sitio.                 Abrir y guardar
   Hacer clic derecho
    sobre el archivo en el
    explorador de Windows,
                               documentos
    y elegir la opción Abrir   Para abrir un documento,
    con → Adobe                puedes utilizar cualquiera de
    Dreamweaver CS5.           las siguientes operaciones:
Para abrir un
documento nuevo,
Hacer clic en el botón nuevo
de la barra de herramientas
estándar (si está visible).
Pulsar la combinación de
teclas Ctrl + N.
Hacer clic sobre el menú
Archivo y elegir la opción
Nuevo.
Después de esto aparecerá
una nueva ventana, en la que
deberás elegir la Categoría
Página en blanco.
Para guardar un documento,
   Hacer clic en el botón Guardar de
    la barra de herramientas
    estándar.
   Pulsar la combinación de teclas
    Ctrl + S.
   Hacer clic sobre el menú Archivo
    y elegir la opción Guardar.
   Dreamweaver incluye la
    posibilidad de, en el caso de
    estar trabajando
    simultáneamente con varios
    documentos, poder guardar
    todos de golpe, sin la necesidad
    de hacerlo uno por uno. Para
    guardar todo puedes realizar
    cualquiera de las siguientes
    operaciones.

   Hacer clic en el botón Guardar
    todo de la Barra de
    herramientas estándar.
   Hacer clic sobre el menú Archivo
    y elegir la opción Guardar todo.
Abre un documento nuevo y
selecciona la Categoría
Página básica, HTML, en la
columna Diseño dejamos la
opción por defecto: <ninguno>   Mi primera
                                página
Una vez introducido el texto, vamos a modificar el
título y el color de fondo del documento.

Para ello podemos hacer clic sobre el menú Modificar
y elegir la opción Propiedades de la página.
insertar una imagen
   Muchas de las imágenes que
    vemos en Internet se pueden
    copiar al disco duro. Al hacer
    clic con el botón derecho
    del ratón sobre la imagen
    que queremos traer de
    Internet, se abre una
    ventana con una opción
                                     nuestro disco duro. Ten
    similar a Guardar imagen
                                     en cuenta que si piensas
    como... (dependiendo del
                                     publicar la página en
    navegador que utilices) que
                                     Internet, hay que
    permite grabar dicha
                                     respetar los derechos de
    imagen en un fichero de
                                     autor de la imagen.
Cambiar el formato del texto
   necesitas visualizar el inspector de
    propiedades que se encuentra normalmente
    en la parte inferior de la ventana, y que tiene
    el siguiente aspecto:
Cambiar el color del texto
   cambiamos el panel a las opciones de estilo,
    pulsando el icono CSS a la izquierda.

   Mediante el inspector de propiedades en
    Dreamweaver CS5 accedemos tanto a las
    propiedades de CSS como a las propiedades de
    HTML.

Mais conteúdo relacionado

Mais procurados

Procedimiento y requerimientos de comunicación par publicar en
Procedimiento y requerimientos de comunicación par publicar enProcedimiento y requerimientos de comunicación par publicar en
Procedimiento y requerimientos de comunicación par publicar envictorabelhernan
 
creacion de libros digitales apuntes]
creacion de libros digitales apuntes]creacion de libros digitales apuntes]
creacion de libros digitales apuntes]Macu del Rosal
 
Procedimientos y requerimientos de comunicación para publicar en
Procedimientos y requerimientos de comunicación para publicar enProcedimientos y requerimientos de comunicación para publicar en
Procedimientos y requerimientos de comunicación para publicar enElisa Velasquez
 
Procedimientos y requerimientos de comunicación para publicar en
Procedimientos y requerimientos de comunicación para publicar enProcedimientos y requerimientos de comunicación para publicar en
Procedimientos y requerimientos de comunicación para publicar enamparocrisell
 
Procedimientos y requerimientos de comunicación para publicar en
Procedimientos y requerimientos de comunicación para publicar enProcedimientos y requerimientos de comunicación para publicar en
Procedimientos y requerimientos de comunicación para publicar enKarla Stephany Ubario Martínez
 

Mais procurados (18)

Leccion 1 dream
Leccion 1 dreamLeccion 1 dream
Leccion 1 dream
 
Dreamweaver Tutorial
Dreamweaver Tutorial Dreamweaver Tutorial
Dreamweaver Tutorial
 
Microsoft Frontpage
 Microsoft Frontpage Microsoft Frontpage
Microsoft Frontpage
 
Linda eljach
Linda eljachLinda eljach
Linda eljach
 
Presentación front page
Presentación front pagePresentación front page
Presentación front page
 
IntroduccióN A Internet
IntroduccióN A InternetIntroduccióN A Internet
IntroduccióN A Internet
 
Procedimiento y requerimientos de comunicación par publicar en
Procedimiento y requerimientos de comunicación par publicar enProcedimiento y requerimientos de comunicación par publicar en
Procedimiento y requerimientos de comunicación par publicar en
 
Practicakompozer 3
Practicakompozer 3Practicakompozer 3
Practicakompozer 3
 
Front Page ==
Front Page ==Front Page ==
Front Page ==
 
creacion de libros digitales apuntes]
creacion de libros digitales apuntes]creacion de libros digitales apuntes]
creacion de libros digitales apuntes]
 
dreamweaver
 dreamweaver dreamweaver
dreamweaver
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
MANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTMLMANUAL PARA CREAR PÁGINAS WEB CON HTML
MANUAL PARA CREAR PÁGINAS WEB CON HTML
 
Procedimientos y requerimientos de comunicación para publicar en
Procedimientos y requerimientos de comunicación para publicar enProcedimientos y requerimientos de comunicación para publicar en
Procedimientos y requerimientos de comunicación para publicar en
 
Procedimientos y requerimientos de comunicación para publicar en
Procedimientos y requerimientos de comunicación para publicar enProcedimientos y requerimientos de comunicación para publicar en
Procedimientos y requerimientos de comunicación para publicar en
 
Dreamweaver 8
Dreamweaver 8Dreamweaver 8
Dreamweaver 8
 
Dreamweaver cs6
Dreamweaver cs6Dreamweaver cs6
Dreamweaver cs6
 
Procedimientos y requerimientos de comunicación para publicar en
Procedimientos y requerimientos de comunicación para publicar enProcedimientos y requerimientos de comunicación para publicar en
Procedimientos y requerimientos de comunicación para publicar en
 

Destaque

Colegio tecnico particular
Colegio tecnico particularColegio tecnico particular
Colegio tecnico particularvargaselpoeta05
 
CATÁLOGO PROFISSÕES CHINELOS
CATÁLOGO PROFISSÕES CHINELOSCATÁLOGO PROFISSÕES CHINELOS
CATÁLOGO PROFISSÕES CHINELOSPaola Lima
 
Vintage At Home Agency Product Catalogue
Vintage At Home Agency Product CatalogueVintage At Home Agency Product Catalogue
Vintage At Home Agency Product CatalogueJonathon Hall
 
Skrip obesiti b
Skrip obesiti bSkrip obesiti b
Skrip obesiti bammar_14
 
Hasil survei dinkes 2015
Hasil survei dinkes 2015Hasil survei dinkes 2015
Hasil survei dinkes 2015Abduh Ridha
 
Libin_Paul_Jan_2017
Libin_Paul_Jan_2017Libin_Paul_Jan_2017
Libin_Paul_Jan_2017Libin Paul
 
Fungsi guru menangani masalah disiplin
Fungsi guru menangani masalah disiplinFungsi guru menangani masalah disiplin
Fungsi guru menangani masalah disiplinafiqbahri
 
Proses penyelidikan tindakan
Proses penyelidikan tindakanProses penyelidikan tindakan
Proses penyelidikan tindakanZaidi Said
 
Menangani gejala disiplin di sekolah
Menangani gejala disiplin di sekolahMenangani gejala disiplin di sekolah
Menangani gejala disiplin di sekolahRoslan Tangah
 
Dampak merokok bagi remaja dinkes mura
Dampak merokok bagi remaja dinkes muraDampak merokok bagi remaja dinkes mura
Dampak merokok bagi remaja dinkes mura-Yusie Aprilia-
 
Program intervensi obesiti RAZI 2012
Program intervensi obesiti RAZI 2012Program intervensi obesiti RAZI 2012
Program intervensi obesiti RAZI 2012manrazi1980
 
Langkah-langkah mengatasi ponteng sekolah
Langkah-langkah mengatasi ponteng sekolahLangkah-langkah mengatasi ponteng sekolah
Langkah-langkah mengatasi ponteng sekolahTangan-tangan Putih
 

Destaque (20)

Colegio tecnico particular
Colegio tecnico particularColegio tecnico particular
Colegio tecnico particular
 
CATÁLOGO PROFISSÕES CHINELOS
CATÁLOGO PROFISSÕES CHINELOSCATÁLOGO PROFISSÕES CHINELOS
CATÁLOGO PROFISSÕES CHINELOS
 
Bgsu keynote - jake jacobs
Bgsu keynote  - jake jacobsBgsu keynote  - jake jacobs
Bgsu keynote - jake jacobs
 
Vintage At Home Agency Product Catalogue
Vintage At Home Agency Product CatalogueVintage At Home Agency Product Catalogue
Vintage At Home Agency Product Catalogue
 
Bahaya Merokok (Dangers of smoking)
Bahaya Merokok (Dangers of smoking)Bahaya Merokok (Dangers of smoking)
Bahaya Merokok (Dangers of smoking)
 
Skrip obesiti b
Skrip obesiti bSkrip obesiti b
Skrip obesiti b
 
Hasil survei dinkes 2015
Hasil survei dinkes 2015Hasil survei dinkes 2015
Hasil survei dinkes 2015
 
Presentación1
Presentación1Presentación1
Presentación1
 
Bahaya Merokok
Bahaya MerokokBahaya Merokok
Bahaya Merokok
 
Libin_Paul_Jan_2017
Libin_Paul_Jan_2017Libin_Paul_Jan_2017
Libin_Paul_Jan_2017
 
Fungsi guru menangani masalah disiplin
Fungsi guru menangani masalah disiplinFungsi guru menangani masalah disiplin
Fungsi guru menangani masalah disiplin
 
Proses penyelidikan tindakan
Proses penyelidikan tindakanProses penyelidikan tindakan
Proses penyelidikan tindakan
 
Menangani gejala disiplin di sekolah
Menangani gejala disiplin di sekolahMenangani gejala disiplin di sekolah
Menangani gejala disiplin di sekolah
 
Dampak merokok bagi remaja dinkes mura
Dampak merokok bagi remaja dinkes muraDampak merokok bagi remaja dinkes mura
Dampak merokok bagi remaja dinkes mura
 
Obesiti
ObesitiObesiti
Obesiti
 
Program intervensi obesiti RAZI 2012
Program intervensi obesiti RAZI 2012Program intervensi obesiti RAZI 2012
Program intervensi obesiti RAZI 2012
 
7 langkah kajian
7 langkah kajian7 langkah kajian
7 langkah kajian
 
Langkah-langkah mengatasi ponteng sekolah
Langkah-langkah mengatasi ponteng sekolahLangkah-langkah mengatasi ponteng sekolah
Langkah-langkah mengatasi ponteng sekolah
 
Places
PlacesPlaces
Places
 
Obesiti
ObesitiObesiti
Obesiti
 

Semelhante a Adobe dreamweaver (20)

Dreamwaver2222222222222
Dreamwaver2222222222222Dreamwaver2222222222222
Dreamwaver2222222222222
 
Manual Dreamweaver
Manual DreamweaverManual Dreamweaver
Manual Dreamweaver
 
Jesus maria-fernanda
Jesus  maria-fernandaJesus  maria-fernanda
Jesus maria-fernanda
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Ventana dreamweaver
Ventana dreamweaverVentana dreamweaver
Ventana dreamweaver
 
Dreamweaver mx-practicas
Dreamweaver mx-practicasDreamweaver mx-practicas
Dreamweaver mx-practicas
 
Dreamweaver mayo 2010
Dreamweaver mayo 2010Dreamweaver mayo 2010
Dreamweaver mayo 2010
 
Dwj
DwjDwj
Dwj
 
Dwj
DwjDwj
Dwj
 
Dw
DwDw
Dw
 
Dw
DwDw
Dw
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dwj
DwjDwj
Dwj
 
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
 
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
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 

Adobe dreamweaver

  • 2. ¿Qué es Adobe Dreamweaver?  Adobe Dreamweaver es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash) que está destinada a la construcción, diseño y edición de sitios, videos y aplicaciones Web basados en estándares.
  • 3. Características de Dreamweaver CS5  Compatibilidad con CMS integrada. Un sistema de gestión de contenidos es un interfaz o programa que nos permite gestionar el contenido de un sitio web. Cada vez son más usados, y ahora Dreamweaver integra con los principales, permitiendo crear nuestras páginas con la estructura adecuada.
  • 4. Inspeccionar CSS  Ahora, con la opción Inspeccionar, podemos ver claramente los márgenes aplicados al elemento seleccionado, y qué propiedades le afectan, tanto si son propias, como heredadas de los elementos padre.
  • 5. Integración Adobe Browserlab.  Adobe Browser Lab es un servicio en línea de Adobe, que nos permite comparar cómo se ve una misma página web en las distintas versiones de Internet Explorer, Firefox y Safari, bajo los sistemas operativos de Windows o Mac OS.
  • 6. Configuración sencilla de sitios.  Ahora resulta más sencillo configurar nuestro sitio local y remoto. Ya que se han simplificado las opciones esenciales, y distinguido más las opciones avanzadas y poco importantes.
  • 7. Cualquier editor de texto permite crear páginas web. Para ello sólo es necesario crear los documentos Conceptos básicos con la extensión HTML o HTM, e de Dreamweaver incluir como CS5 (II) contenido del documento el Hoy en día existe una amplia código HTML gama de editores de páginas deseado. Puede web. Uno de los más utilizados, y que destaca por su sencillez utilizarse incluso el y por las numerosas funciones Bloc de notas que incluye, es Adobe incluido en Dreamweaver. Windows para hacerlo.
  • 8. Cómo tener una página en Internet  Para poder poner una  Cuando se va a contratar página web en Internet, es un servicio de hospedaje necesario contratar a es necesario contratar alguna empresa con también un dominio, tarea servidores que pueda de la que se suele alojarla y hacerla encargar la propia accesible desde Internet empresa de hospedaje. las 24 horas del día. El Registrar un dominio precio por disponer de consiste en registrar un espacio propio en el nombre para nuestra servidor dependerá de la página. Este nombre no empresa, del espacio en puede estar repetido en disco, volumen de Internet, ha de ser único, transferencia y otras opciones que podamos contratar.
  • 9. Hacer clic en el botón abrir de la barra de herramientas estándar (si está visible).  Pulsar la combinación de teclas Ctrl + O.  Hacer clic sobre el menú Archivo y elegir la opción Abrir....  Hacer doble clic sobre el archivo en la ventana del sitio. Abrir y guardar  Hacer clic derecho sobre el archivo en el explorador de Windows, documentos y elegir la opción Abrir Para abrir un documento, con → Adobe puedes utilizar cualquiera de Dreamweaver CS5. las siguientes operaciones:
  • 10. Para abrir un documento nuevo, Hacer clic en el botón nuevo de la barra de herramientas estándar (si está visible). Pulsar la combinación de teclas Ctrl + N. Hacer clic sobre el menú Archivo y elegir la opción Nuevo. Después de esto aparecerá una nueva ventana, en la que deberás elegir la Categoría Página en blanco.
  • 11. Para guardar un documento,  Hacer clic en el botón Guardar de la barra de herramientas estándar.  Pulsar la combinación de teclas Ctrl + S.  Hacer clic sobre el menú Archivo y elegir la opción Guardar.  Dreamweaver incluye la posibilidad de, en el caso de estar trabajando simultáneamente con varios documentos, poder guardar todos de golpe, sin la necesidad de hacerlo uno por uno. Para guardar todo puedes realizar cualquiera de las siguientes operaciones.  Hacer clic en el botón Guardar todo de la Barra de herramientas estándar.  Hacer clic sobre el menú Archivo y elegir la opción Guardar todo.
  • 12. Abre un documento nuevo y selecciona la Categoría Página básica, HTML, en la columna Diseño dejamos la opción por defecto: <ninguno> Mi primera página
  • 13. Una vez introducido el texto, vamos a modificar el título y el color de fondo del documento. Para ello podemos hacer clic sobre el menú Modificar y elegir la opción Propiedades de la página.
  • 14. insertar una imagen  Muchas de las imágenes que vemos en Internet se pueden copiar al disco duro. Al hacer clic con el botón derecho del ratón sobre la imagen que queremos traer de Internet, se abre una ventana con una opción nuestro disco duro. Ten similar a Guardar imagen en cuenta que si piensas como... (dependiendo del publicar la página en navegador que utilices) que Internet, hay que permite grabar dicha respetar los derechos de imagen en un fichero de autor de la imagen.
  • 15. Cambiar el formato del texto  necesitas visualizar el inspector de propiedades que se encuentra normalmente en la parte inferior de la ventana, y que tiene el siguiente aspecto:
  • 16. Cambiar el color del texto  cambiamos el panel a las opciones de estilo, pulsando el icono CSS a la izquierda.  Mediante el inspector de propiedades en Dreamweaver CS5 accedemos tanto a las propiedades de CSS como a las propiedades de HTML.