Está en la página 1de 12

Manual Dreamweaver CS5 Panel Insertar, Comn

Vamos a conocer todos los elementos de la categoria comun del panel insertar 1. Elemento Hipervinculo: Debemos agregar un texto, un vinculo, un destino, un titulo, y si se desea una clave de acceso y un indice de ficha. Para Insertar Vnculo.

Vista Diseo

Vista Cdigo

Autor: Karen Tatiana Gmez Losada

Manual Dreamweaver CS5 Panel Insertar, Comn


2. 3. Elemento Vnculo de correo electrnico: Debemos agregar el texto y el correo electrnico

Vista Diseo

Vista Cdigo

4. Elemento Anclaje con nombre: Debemos agregar el nombre del anclaje.

Importante: No se puede dejar espacio

5. Elemento Regla horizontal: Haciendo clic en este botn, se introduce en el documento en creacin un elemento <hr />, que genera una lnea horizontal. Vista Cdigo Vista Diseo

Autor: Karen Tatiana Gmez Losada

Manual Dreamweaver CS5 Panel Insertar, Comn


6. Elemento Tabla: Para determinar el tamao de la tabla, escribimos las filas, las columnas, el ancho y el grosor, y despues seleccionamos el relleno y el espacio de la celda; y ademas seleccionamos el lugar del encabezado de la tabla.

Vista Diseo

Vista Cdigo Vista Cdigo

Autor: Karen Tatiana Gmez Losada

Manual Dreamweaver CS5 Panel Insertar, Comn


7. Insertar etiqueta Div: Debemos seleccionar donde deseamos poner la etiqueta, ademas poner un nombre a la clase y al codigo de la etiqueta. Opciones de insertar la etiqueta

S seleccionamos el boton Nueva regla CSS(CSS: Es un estilo), nos aparece esta nueva ventana:

Y cuando seleccionamos la Definicin de regla, nos aparecera la siguiente ventana, para que Diseemos el nuevo estilo CSS, con un Tipo, fondo, Bloque, Cuadro, Borde, Lista, Posicin y Extensiones deseadas.

Autor: Karen Tatiana Gmez Losada

Manual Dreamweaver CS5 Panel Insertar, Comn

Vista Diseo

Vista Cdigo

8. Elemento Imagen: En el elemento imagen, encontramos variedad de categorias dependiendo de la necesidad, la que mostrare es Imagen e Imagen de sustitucin.

Autor: Karen Tatiana Gmez Losada

Manual Dreamweaver CS5 Panel Insertar, Comn


7.1 Insertar Imagen

Y despues escribimos el texto alternativo y la descripcion de la imagen.

Vista Diseo

Vista Cdigo

Autor: Karen Tatiana Gmez Losada

Manual Dreamweaver CS5 Panel Insertar, Comn


7.2 Insertar Imagen de sustitucion:

Vista Diseo

Vista Cdigo

Autor: Karen Tatiana Gmez Losada

Manual Dreamweaver CS5 Panel Insertar, Comn


9. Elemento Media: En Este elemento encontramos variedad de archivos para agregar como SWF(archivo de Flash), FLV(Video), entre otras cosas.

Insertar archivo FLV (Video)

10. Elemento Widget: Los widgets son fragmentos de cdigo, dependientes generalmente de libreras AJAX, que aaden interactividad y dinamismo a nuestras pginas (una galera dinmica de imgenes, calendarios, navegacin por pestaas)

Autor: Karen Tatiana Gmez Losada

Manual Dreamweaver CS5 Panel Insertar, Comn


11. Elemento Fecha: Despus de seleccionado los formatos de da, fecha y hora, nos lo mostrara con da, fecha y hora actual.

Vista Diseo

Vista Cdigo

12. Elemento Server - Side Include: Este elemento es con un botn con un vinculo, que cuando el usuario lo selecciona, se abre una pgina que incluye un archivo. Este archivo se selecciona en un cuadro que se abre cuando se hace clic en este botn.

Autor: Karen Tatiana Gmez Losada

Manual Dreamweaver CS5 Panel Insertar, Comn


13. Elemento Comentario: Sirve para ingresar un comentario dentro de nuestra pgina, que nos sirva de referencia a nosotros, pero que no afecte a la visualizacin (es una gua para los desarrolladores, pero el usuario que vea la pagina, no lo ver).

Antes de Mostrarnos el comentario en vista cdigo, se abre una nueva ventana, para que activemos si no se ve el comentario

Vista Cdigo

Autor: Karen Tatiana Gmez Losada

Manual Dreamweaver CS5 Panel Insertar, Comn


14. Elemento Head Con esta herramienta podemos incluir diferentes cosas en la cabecera de la pgina. La cabecera es la parte de la pgina que no se ver y en la que incluimos especificaciones como, por ejemplo, el ttulo de la pgina.

15. Elemento Script Este elemento es un conjunto de etiqueta para realizar una actividad especfica, es un estilo que se programa en javascript

Vista Cdigo

Autor: Karen Tatiana Gmez Losada

Manual Dreamweaver CS5 Panel Insertar, Comn


16. Elemento Plantilla Las Plantillas pueden ser nuevas se pueden abrir ya prediseadas.

en el momento de crear una plantilla nos aparece

y si damos clic en Administrar sitios...

Guardar Plantilla

Autor: Karen Tatiana Gmez Losada