Dreamweaver (2)

14

Transcript of Dreamweaver (2)

¿QUE ES DREAMWEAVER?

Dreamweaver es un software fácil de usar que permite crear páginas web profesionales.

Las funciones de edición visual de Dreamweaver CS4 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 Java Script, etc.., de una forma muy sencilla y

visual.

El HTML es el lenguaje de marcado predominante para

la elaboración de páginas web que se utiliza para

describir y traducir la estructura y la información en

forma de texto, así como para complementar el texto

con objetos tales como imágenes. Mediante esta barra

podremos modificar la estructura de la Pagina Web.

HIPERENLACE

Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva

de una página o archivo a otra página o archivo.

Es posible asignar un vínculo a un texto, a una imagen, o a parte de una imagen.

Cuando creemos un enlace, lo que realmente haremos será crear una etiqueta <a></a>

que es la que en HTML se encarga de definir los enlaces. Esto podrás observarlo en la

barra de estado:

Para insertar una imagen hay que dirigirse al menú Insertar, a la opción Imagen. Después

de esto, ya es posible seleccionar una imagen a través de la nueva ventana. Cuando te

acostumbres, te será más cómodo acceder con la combinación de teclas Ctrl + Alt + I.

TABLAS

Las tablas son una herramienta

potente para presentar datos e

imágenes en páginas HTML. Las

tablas proporcionan a los

diseñadores Web formas de añadir

estructura vertical y horizontal a

una página. Utilice las tablas para

presentar datos tabulares, diseñar

columnas o disponer texto o

gráficos en una página Web.

Para insertar una tabla hay que dirigirse al

menú Insertar, a la opción Tabla

Los marcos sirven para distribuir mejor los datos de las páginas, ya que permiten

mantener fijas algunas partes, como pueden ser el logotipo y la barra de navegación, mientras que otras sí pueden cambiar.

Además de mejorar la funcionalidad, pueden mejorar también la apariencia.

INSPECTOR DE PROPIEDADES

El inspector de propiedades

permite examinar y editar las

propiedades del elemento que esté

seleccionado actualmente, puede

ser un objeto o texto. Es posible

seleccionar los elementos en la

ventana de documento o en el

inspector de código.

PANEL DE OBJETOS

Este pánel 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.

Puede crear una plantilla a partir de un documento HTML existente y después modificarla para que se ajuste a sus necesidades, o bien puede crear una plantilla comenzando de cero a partir de un documento HTML en blanco.

Para crear una plantilla nueva en blanco:

Elija Ventana > Plantillas. Aparecerá el panel Activos, con la categoría Plantillas seleccionada.

En el panel Activos haga clic en el botón Plantilla nueva situado en la parte inferior del panel Activos. Se añadirá una plantilla nueva sin título a la lista de plantillas del panel.

Con la plantilla aún seleccionada, introduzca un nombre para ella.