Upload
others
View
2
Download
0
Embed Size (px)
Citation preview
Manual Dreamweaver CS5 Panel Insertar, Común
Autor: Karen Tatiana Gómez Losada
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 Vínculo.
Vista Código
Vista Diseño
Manual Dreamweaver CS5 Panel Insertar, Común
Autor: Karen Tatiana Gómez Losada
2.
3. Elemento Vínculo de correo electrónico:
Debemos agregar el texto y el correo electrónico
4. Elemento Anclaje con nombre:
Debemos agregar el nombre del anclaje.
5. Elemento Regla horizontal:
Haciendo clic en este botón, se introduce en el documento en creación un elemento
<hr />, que genera una línea horizontal.
Vista Código
Vista Diseño
Importante: No se puede dejar espacio
Vista Diseño
Vista Código
Vista Diseño
Vista Código
Manual Dreamweaver CS5 Panel Insertar, Común
Autor: Karen Tatiana Gómez Losada
6. Elemento Tabla:
Para determinar el tamaño 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 Diseño
Vista Código
Vista Código
Manual Dreamweaver CS5 Panel Insertar, Común
Autor: Karen Tatiana Gómez Losada
7. Insertar etiqueta Div:
Debemos seleccionar donde deseamos poner la etiqueta, ademas poner un nombre a la
clase y al codigo de la etiqueta.
Sí seleccionamos el boton Nueva regla CSS(CSS: Es un estilo), nos aparece esta nueva
ventana:
Y cuando seleccionamos la Definición de regla, nos aparecera la siguiente ventana, para
que Diseñemos el nuevo estilo CSS, con un Tipo, fondo, Bloque, Cuadro, Borde, Lista,
Posición y Extensiones deseadas.
Opciones de insertar la etiqueta
Manual Dreamweaver CS5 Panel Insertar, Común
Autor: Karen Tatiana Gómez Losada
8. Elemento Imagen:
En el elemento imagen, encontramos variedad de categorias dependiendo de la
necesidad, la que mostrare es Imagen e Imagen de sustitución.
Vista Diseño
Vista Código
Manual Dreamweaver CS5 Panel Insertar, Común
Autor: Karen Tatiana Gómez Losada
7.1 Insertar Imagen
Y despues escribimos el texto alternativo y la descripcion de la imagen.
Vista Diseño
Vista Código
Manual Dreamweaver CS5 Panel Insertar, Común
Autor: Karen Tatiana Gómez Losada
7.2 Insertar Imagen de sustitucion:
Vista Código
Vista Diseño
Manual Dreamweaver CS5 Panel Insertar, Común
Autor: Karen Tatiana Gómez Losada
9. Elemento Media:
En Este elemento encontramos variedad de archivos para agregar como SWF(archivo
de Flash), FLV(Video), entre otras cosas.
10. Elemento Widget:
Los widgets son fragmentos de código, dependientes generalmente de librerías
AJAX, que añaden interactividad y dinamismo a nuestras páginas (una galería
dinámica de imágenes, calendarios, navegación por pestañas)
Insertar archivo FLV (Video)
Manual Dreamweaver CS5 Panel Insertar, Común
Autor: Karen Tatiana Gómez Losada
11. Elemento Fecha:
Después de seleccionado los formatos de día, fecha y hora, nos lo mostrara con día, fecha y
hora actual.
12. Elemento Server - Side Include:
Este elemento es con un botón con un vinculo, que cuando el usuario lo selecciona, se abre
una página que incluye un archivo. Este archivo se selecciona en un cuadro que se abre
cuando se hace clic en este botón.
Vista Código
Vista Diseño
Manual Dreamweaver CS5 Panel Insertar, Común
Autor: Karen Tatiana Gómez Losada
13. Elemento Comentario:
Sirve para ingresar un comentario dentro de nuestra página, que nos sirva de
referencia a nosotros, pero que no afecte a la visualización (es una guía para los
desarrolladores, pero el usuario que vea la pagina, no lo verá).
Antes de Mostrarnos el comentario en vista código, se abre una nueva ventana, para que
activemos si no se ve el comentario
Vista Código
Manual Dreamweaver CS5 Panel Insertar, Común
Autor: Karen Tatiana Gómez Losada
14. Elemento Head
Con esta herramienta podemos incluir diferentes cosas en la cabecera de la página. La
cabecera es la parte de la página que no se verá y en la que incluimos especificaciones
como, por ejemplo, el título de la página.
15. Elemento Script
Este elemento es un conjunto de etiqueta para realizar una actividad específica, es un
estilo que se programa en javascript
Vista Código
Manual Dreamweaver CS5 Panel Insertar, Común
Autor: Karen Tatiana Gómez Losada
16. Elemento Plantilla
Las Plantillas pueden ser nuevas ó se pueden abrir ya prediseñadas.
en el momento de crear una plantilla nos aparece
y si damos clic en Administrar sitios...
Guardar Plantilla