Dreamweaver
Enviado por joaquin1500 • 18 de Junio de 2014 • 9.650 Palabras (39 Páginas) • 187 Visitas
Unidad 1. Conceptos básicos de Dreamweaver 8
Qué es Dreamweaver 8
Dreamweaver 8 es un software fácil de usar que permite crear páginas web profesionales.
Las funciones de edición visual de Dreamweaver 8 permiten agregar rápidamente diseño y funcionalidad a las páginas, sin la necesidad de programar manualmente el código HTML.
Características básicas de HTML
Las páginas que vemos en Internet están escritas utilizando el lenguaje HTML (Hyper Text Markup Language). Este lenguaje está basado en etiquetas que marcan el inicio y fin de cada elemento de la página Web.
Por ejemplo, el título de la página Web se escribe entre las etiquetas <TITLE> y </TITLE>. Como ves, ambas etiquetas consisten en poner un mismo comando entre los símbolos "<" y ">". La primera etiqueta indica inicio, y la segunda, que incluye el símbolo "/", indica final.
Las etiquetas disponen de atributos que permiten definir características del elemento sobre el que actúan. Por ejemplo, <TABLE Border="1"> indica que la tabla tendrá un borde de tipo 1.
Una página HTML básica tendría el siguiente aspecto:
<HTML>
<HEAD>
<TITLE> Mi primera página web </TITLE>
<BODY>
<A href:"http://www.aulaclic.es">
</BODY>
<HTML>
Las etiquetas que se introducen en un documento HTML no son visibles cuando el documento se muestra en un navegador (I Explorer, Netscape, etc). Cuando un usuario desde Internet solicita ver una página, el servidor Web envía la página al navegador y este interpreta las etiquetas para dar el formato a la página.
Cuando utilizamos Dreamweaver para crear una página Web no tenemos que preocuparnos de todo esto. Dreamweaver inserta automáticamente las etiquetas necesarias para construir la página con la apariencia y contenido definidos en el editor gráfico.
Unidad 2. El entorno de trabajo (I)
Vamos a ver cuáles son los elementos básicos de Dreamweaver 8, la pantalla, las barras, los paneles, etc, para saber diferenciar entre cada uno de ellos. Aprenderemos cómo se llaman, dónde están y para qué sirven. También veremos cómo obtener ayuda, por si en algún momento no sabemos cómo seguir trabajando. Cuando conozcamos todo esto estaremos en disposición de empezar a crear páginas web.
La pantalla inicial
Al arrancar Dreamweaver aparece una pantalla inicial como ésta, vamos a ver sus componentes fundamentales. Así conoceremos los nombres de los diferentes elementos. 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, como veremos más adelante.
Las barras
La barra de título
La barra de título contiene el nombre del programa (Marcromedia Dreamweaver 8) y seguidamente el nombre del documento que aparecerá en el explorador y entre paréntesis, su ubicación y el nombre del archivo en formato html. En el extremo de la derecha están los botones para minimizar, maximizar/restaurar y cerrar.
La barra de menús
La barra de menús contiene las operaciones de Dreamweaver, agrupadas en menús desplegables. Al hacer clic en Insertar, por ejemplo, veremos las operaciones relacionadas con los diferentes elementos que se pueden insertar en Dreamweaver.
Muchas de las operaciones se pueden hacer a partir de estos menús, pero para algunas es preferible o indispensable hacerlas desde los paneles.
La barra de herramientas estándar
La barra de herramientas estándar contiene iconos para ejecutar de forma inmediata algunas de las operaciones más habituales, como Abrir , Guardar , etc.
La barra de herramientas de documento
La barra de herramientas de documento contiene iconos para ejecutar de forma inmediata algunas otras operaciones habituales que no incluye la barra de herramientas estándar. Estas operaciones son las de cambio de vista del documento, vista previa, etc.
La barra de estado
La barra de estado nos indica en cada momento en qué etiqueta HTML nos encontramos (en la imagen al encontramos en un documento en blanco estamos directamente sobre la etiqueta <body>).
También nos es posible alternar entre los modos de selección, mano (para arrastrar la página), o zoom. En cualquier momento puedes seleccionar el zoom preferido desde el desplegable zoom y ajustar la vista al porcentaje preferido (por defecto siempre viene al 100%).
Los paneles e inspectores
Dreamweaver utiliza ventanas flotantes similares a las barras de herramientas, que se conocen como paneles o inspectores. La diferencia entre panel e inspector es que, en general, la apariencia y opciones de un inspector cambian dependiendo del objeto seleccionado.
A través de la opción Ventana, de la barra de menús, es posible mostrar u ocultar cada uno de los paneles o inspectores. Vamos a ver los más importantes.
El inspector de Propiedades
El inspector de Propiedades muestra y permite modificar las propiedades del elemento seleccionado que son usadas de forma más frecuente. Por ejemplo, cuando el elemento seleccionado sea texto mostrará el tipo de fuente, la alineación, si está en negrita o cursiva, etc. Pulsando sobre el botón se despliega para mostrar más opciones. Este botón se encuentra en la esquina inferior-derecha. Seguramente será la herramienta de Dreamweaver que más vayas a utilizar.
La barra de herramientas Insertar o panel de objetos
La barra de herramientas Insertar o panel de objetos permite insertar elementos en un documento sin la necesidad de recurrir al menú Insertar. Los elementos están clasificados según su categoría: tablas, texto, objetos de formulario, etc. Es posible configurar este panel para que en los botones se muestren los iconos de los objetos (como ocurre en la imagen anterior), para que se muestren los nombres de los objetos, o para que se muestren ambos a la vez.
Editar páginas web
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 el Bloc de notas para hacerlo.
Hoy en día existe una amplia gama de editores de páginas web. Uno de los más utilizados, y que
...