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.

Más contenido relacionado

PDF
Cap 1 curso_dreamweaver 8
DOCX
Trabajo para 11
PPTX
Dreamwaver2222222222222
PPT
Dreamweaver cs5
PPTX
Presentación
PPTX
Frontpage
PDF
Archivo Pdf
PPT
Dreamweaver cs5
Cap 1 curso_dreamweaver 8
Trabajo para 11
Dreamwaver2222222222222
Dreamweaver cs5
Presentación
Frontpage
Archivo Pdf
Dreamweaver cs5

La actualidad más candente (18)

PPTX
Leccion 1 dream
PPTX
Dreamweaver Tutorial
PPTX
Microsoft Frontpage
PPTX
Linda eljach
PPT
Presentación front page
PDF
IntroduccióN A Internet
PPTX
Procedimiento y requerimientos de comunicación par publicar en
PDF
Practicakompozer 3
PPT
PDF
creacion de libros digitales apuntes]
PPTX
dreamweaver
PDF
Html tutorial
PPTX
MANUAL PARA CREAR PÁGINAS WEB CON HTML
PPTX
Procedimientos y requerimientos de comunicación para publicar en
PPTX
Procedimientos y requerimientos de comunicación para publicar en
PPT
Dreamweaver 8
PPTX
Dreamweaver cs6
PPTX
Procedimientos y requerimientos de comunicación para publicar en
Leccion 1 dream
Dreamweaver Tutorial
Microsoft Frontpage
Linda eljach
Presentación front page
IntroduccióN A Internet
Procedimiento y requerimientos de comunicación par publicar en
Practicakompozer 3
creacion de libros digitales apuntes]
dreamweaver
Html tutorial
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 en
Dreamweaver 8
Dreamweaver cs6
Procedimientos y requerimientos de comunicación para publicar en
Publicidad

Destacado (20)

PPTX
Colegio tecnico particular
PDF
CATÁLOGO PROFISSÕES CHINELOS
PDF
Bgsu keynote - jake jacobs
PDF
Vintage At Home Agency Product Catalogue
PPTX
Bahaya Merokok (Dangers of smoking)
PPTX
Skrip obesiti b
PPTX
Hasil survei dinkes 2015
PDF
Presentación1
PPTX
Bahaya Merokok
DOCX
Libin_Paul_Jan_2017
PPT
Fungsi guru menangani masalah disiplin
PPTX
Proses penyelidikan tindakan
PPT
Menangani gejala disiplin di sekolah
PPTX
Dampak merokok bagi remaja dinkes mura
DOC
PPT
Program intervensi obesiti RAZI 2012
DOC
7 langkah kajian
PPTX
Langkah-langkah mengatasi ponteng sekolah
PPTX
Places
PPTX
Obesiti
Colegio tecnico particular
CATÁLOGO PROFISSÕES CHINELOS
Bgsu keynote - jake jacobs
Vintage At Home Agency Product Catalogue
Bahaya Merokok (Dangers of smoking)
Skrip obesiti b
Hasil survei dinkes 2015
Presentación1
Bahaya Merokok
Libin_Paul_Jan_2017
Fungsi guru menangani masalah disiplin
Proses penyelidikan tindakan
Menangani gejala disiplin di sekolah
Dampak merokok bagi remaja dinkes mura
Program intervensi obesiti RAZI 2012
7 langkah kajian
Langkah-langkah mengatasi ponteng sekolah
Places
Obesiti
Publicidad

Similar a Adobe dreamweaver (20)

PPTX
Dreamwaver2222222222222
PDF
Presentación sin título
PPTX
Dreamweaver
PPTX
Dreamweaver
PPTX
Dreamweaver
PPTX
Presentación dreamweaver 1
PPTX
PPTX
PPTX
Dreamweaver
PPTX
Dreamweaver
PDF
Manual Dreamweaver
ODP
Dreamweaver
PPTX
PPTX
Jesus maria-fernanda
PPTX
PPTX
PPTX
Presentación1
PPTX
Ventana de dreamweaver
Dreamwaver2222222222222
Presentación sin título
Dreamweaver
Dreamweaver
Dreamweaver
Presentación dreamweaver 1
Dreamweaver
Dreamweaver
Manual Dreamweaver
Dreamweaver
Jesus maria-fernanda
Presentación1
Ventana de 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.