1. 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
2. *Concepto de Dreamweaver
*Barras de herramientas de Dreamweaver
*Editar páginas web
*La pantalla inicial
*Arrancar y cerrar Dreamweaver CS5
*Abrir y guardar documentos
3. 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.
4. 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.
5. * 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.
6. 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.
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
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.
9. * 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í.
10. 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.
11. * 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.
12. 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.
13. * 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.
14. 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