Trabajo de Informática
«La ventana de dreamweaver»


       Presentado a:
      Analida Carvajal


       Por la alumna:
   Eliana Quiroga Morales


          Curso:
           11ºE


         E.NS.D.B
*Concepto de Dreamweaver
*Barras de herramientas de Dreamweaver
*Editar páginas web
*La pantalla inicial
*Arrancar y cerrar Dreamweaver CS5
*Abrir y guardar documentos
Dreamweaver es una aplicación en forma de estudio que está
destinada a la construcción, diseño y edición de sitios, videos
y aplicaciones Web basados en estándares.
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 páginas, sin la
necesidad de programar manualmente el código HTML.
Se puede crear tablas, editar marcos, trabajar con capas, insertar
comportamientos JavaScript, etc.., de una forma muy sencilla y
visual.
La barra de herramientas de Dreamweaver contiene botones que
permiten alternar entre diferentes vistas del documento
rápidamente, cambiar el título del documento o previsualizar la
página en el navegador. Los elementos del menú Opciones (botón
situado en el extremo derecho de la barra de herramientas) cambia
en función de la vista que seleccione.
* El panel objetos

Este panel contiene botones que permiten la creación e inserción de
diversos tipos de objetos, como tablas, vínculos, capas e
imágenes. El pánel contiene siete categorías de forma
predeterminada: Común, Formularios, Marcos, Head, Invisibles
y Caracteres. También contiene botones que cambian de vista:
Estándar y Disposición. Cada uno de estos elementos serán
explicados en temas posteriores.
Si desea insertar un objeto en el documento haga clic en el
correspondiente botón del pánel o arrastre el ícono del botón hasta
la ventana de documento. Dependiendo del objeto, aparecerá un
cuadro de diálogo en el cual se le pedirá que seleccione o inserte el
archivo u objeto deseado.
Cualquier editor de texto permite crear páginas web. Para ello sólo
es necesario crear los documentos con la extensión HTML o HTM, e
incluir como contenido del documento el código HTML deseado.
Puede utilizarse incluso elBloc de notas incluido en Windows para
hacerlo.
Pero crear páginas web mediante el código HTML es más costoso que
hacerlo utilizando un editor gráfico. Al no utilizar un editor gráfico
cuesta mucho más insertar cada uno de los elementos de la página,
al mismo tiempo que es más complicado crear una apariencia
profesional para la página, sobre todo si no estamos demasiado
familiarizados con el HTML. Aunque también es cierto que escribir el
código nos da más control sobre él, y sobre todo al principio, nos
ayudará a aprenderlo rápidamente.
Hoy en día existe una amplia gama de editores de páginas web. Uno
de los más utilizados, y que destaca por su sencillez y por las
numerosas funciones que incluye, es Adobe Dreamweaver.
Además de Dreamweaver, existen otra serie de buenos editores de
páginas web, como pueden ser Microsoft Expresion
Web, Amaya, Bluefish, NVU, KompoZer o Quanta Plus. Algunos de los
cuales tienen la ventaja de ser gratuitos.
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
continuación (y en general todas
las de este curso) 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.
* Desde el botón Inicio  situado, normalmente, en la esquina
 inferior izquierda de la pantalla. Colocar el cursor y hacer clic
 sobre el botón Inicio, se despliega un menú. Puedes comenzar a
 escribir el nombre del programa, y aparecerá directamente. O
 puedes pulsar en Todos los programas y buscarlo en la lista con los
 programas que hay instalados en tu ordenador.
 Buscar Adobe Dreamweaver CS5 y haz clic sobre él para arrancar
 el programa.
* Desde el icono de Dreamweaver CS5 del Escritorio, si lo tienes .


* Puedes arrancar Dreamweaver CS5 ahora para ir probando todo lo
 que te explicamos. Cuando realices los ejercicios también puedes
 compaginar dos sesiones de la forma que puedas ver el tema
 mientras utilizas Dreamweaver, como te explicamos aquí.
Para cerrar Dreamweaver CS5, podemos utilizar cualquiera de las
siguientes operaciones:
* Hacer clic en el botón cerrar, en la esquina superior
 derecha, como en cualquier ventana de Windows.
* Pulsar la combinación de teclas Alt + F4.
* Hacer clic sobre el menú Archivo y elegir la opción Salir.
* Si existe algún documento modificado que no ha sido guardado
 antes de cerrar Dreamweaver, se te pedirá confirmación para
 guardar o no cada uno de ellos.
En la segunda columna
seleccionamos
HTML, observamos que hay
muchos diseños ya creados que
podemos elegir, para nuestro
primer ejemplo elegimos
en Diseño ninguno. A
continuación pulsamos el
botón Crear.
* Para abrir un documento, puedes utilizar cualquiera de las
 siguientes operaciones:
* 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.
* Hacer clic derecho sobre el archivo en el explorador de Windows, y
 elegir la opción Abrir con → Adobe Dreamweaver CS5.
Para abrir un documento nuevo, puedes utilizar cualquiera de las
siguientes operaciones.:
* 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, puedes utilizar cualquiera de las
 siguientes operaciones.
* 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.
Al tener varios documentos abiertos es fácil olvidarse de todas las
modificaciones hechas en cada uno de ellos. Debes tener mucho
cuidado al utilizar la opción guardar todo, ya que en ocasiones es
posible no desear guardar los cambios en todos los documentos
modificados. Por ello es conveniente que al principio no utilices esta
opción, al menos hasta que te hayas habituado a manejar el
programa. De todas formas, observa que cuando hay cambios sin
guardar aparece un * tras el nombre del documento

Presentación dreamweaver 1

  • 1.
    Trabajo de Informática «Laventana de dreamweaver» Presentado a: Analida Carvajal Por la alumna: Eliana Quiroga Morales Curso: 11ºE E.NS.D.B
  • 2.
    *Concepto de Dreamweaver *Barrasde herramientas de Dreamweaver *Editar páginas web *La pantalla inicial *Arrancar y cerrar Dreamweaver CS5 *Abrir y guardar documentos
  • 3.
    Dreamweaver es unaaplicación en forma de estudio que está destinada a la construcción, diseño y edición de sitios, videos y aplicaciones Web basados en estándares. 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 páginas, sin la necesidad de programar manualmente el código HTML. Se puede crear tablas, editar marcos, trabajar con capas, insertar comportamientos JavaScript, etc.., de una forma muy sencilla y visual.
  • 4.
    La barra deherramientas de Dreamweaver contiene botones que permiten alternar entre diferentes vistas del documento rápidamente, cambiar el título del documento o previsualizar la página en el navegador. Los elementos del menú Opciones (botón situado en el extremo derecho de la barra de herramientas) cambia en función de la vista que seleccione.
  • 5.
    * El panelobjetos Este panel contiene botones que permiten la creación e inserción de diversos tipos de objetos, como tablas, vínculos, capas e imágenes. El pánel contiene siete categorías de forma predeterminada: Común, Formularios, Marcos, Head, Invisibles y Caracteres. También contiene botones que cambian de vista: Estándar y Disposición. Cada uno de estos elementos serán explicados en temas posteriores. Si desea insertar un objeto en el documento haga clic en el correspondiente botón del pánel o arrastre el ícono del botón hasta la ventana de documento. Dependiendo del objeto, aparecerá un cuadro de diálogo en el cual se le pedirá que seleccione o inserte el archivo u objeto deseado.
  • 6.
    Cualquier editor detexto permite crear páginas web. Para ello sólo es necesario crear los documentos con la extensión HTML o HTM, e incluir como contenido del documento el código HTML deseado. Puede utilizarse incluso elBloc de notas incluido en Windows para hacerlo. Pero crear páginas web mediante el código HTML es más costoso que hacerlo utilizando un editor gráfico. Al no utilizar un editor gráfico cuesta mucho más insertar cada uno de los elementos de la página, al mismo tiempo que es más complicado crear una apariencia profesional para la página, sobre todo si no estamos demasiado familiarizados con el HTML. Aunque también es cierto que escribir el código nos da más control sobre él, y sobre todo al principio, nos ayudará a aprenderlo rápidamente. Hoy en día existe una amplia gama de editores de páginas web. Uno de los más utilizados, y que destaca por su sencillez y por las numerosas funciones que incluye, es Adobe Dreamweaver.
  • 7.
    Además de Dreamweaver,existen otra serie de buenos editores de páginas web, como pueden ser Microsoft Expresion Web, Amaya, Bluefish, NVU, KompoZer o Quanta Plus. Algunos de los cuales tienen la ventaja de ser gratuitos.
  • 8.
    Al arrancar Dreamweaver apareceuna 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 continuación (y en general todas las de este curso) 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.
  • 9.
    * Desde elbotón Inicio situado, normalmente, en la esquina inferior izquierda de la pantalla. Colocar el cursor y hacer clic sobre el botón Inicio, se despliega un menú. Puedes comenzar a escribir el nombre del programa, y aparecerá directamente. O puedes pulsar en Todos los programas y buscarlo en la lista con los programas que hay instalados en tu ordenador. Buscar Adobe Dreamweaver CS5 y haz clic sobre él para arrancar el programa. * Desde el icono de Dreamweaver CS5 del Escritorio, si lo tienes . * Puedes arrancar Dreamweaver CS5 ahora para ir probando todo lo que te explicamos. Cuando realices los ejercicios también puedes compaginar dos sesiones de la forma que puedas ver el tema mientras utilizas Dreamweaver, como te explicamos aquí.
  • 10.
    Para cerrar DreamweaverCS5, podemos utilizar cualquiera de las siguientes operaciones: * Hacer clic en el botón cerrar, en la esquina superior derecha, como en cualquier ventana de Windows. * Pulsar la combinación de teclas Alt + F4. * Hacer clic sobre el menú Archivo y elegir la opción Salir. * Si existe algún documento modificado que no ha sido guardado antes de cerrar Dreamweaver, se te pedirá confirmación para guardar o no cada uno de ellos. En la segunda columna seleccionamos HTML, observamos que hay muchos diseños ya creados que podemos elegir, para nuestro primer ejemplo elegimos en Diseño ninguno. A continuación pulsamos el botón Crear.
  • 11.
    * Para abrirun documento, puedes utilizar cualquiera de las siguientes operaciones: * 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. * Hacer clic derecho sobre el archivo en el explorador de Windows, y elegir la opción Abrir con → Adobe Dreamweaver CS5.
  • 12.
    Para abrir undocumento nuevo, puedes utilizar cualquiera de las siguientes operaciones.: * 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.
  • 13.
    * Para guardarun documento, puedes utilizar cualquiera de las siguientes operaciones. * 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.
  • 14.
    Al tener variosdocumentos abiertos es fácil olvidarse de todas las modificaciones hechas en cada uno de ellos. Debes tener mucho cuidado al utilizar la opción guardar todo, ya que en ocasiones es posible no desear guardar los cambios en todos los documentos modificados. Por ello es conveniente que al principio no utilices esta opción, al menos hasta que te hayas habituado a manejar el programa. De todas formas, observa que cuando hay cambios sin guardar aparece un * tras el nombre del documento