12
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...Manual Dreamweaver CS5 Panel Insertar, Común Autor: Karen Tatiana Gómez Losada 11. Elemento Fecha: Después de seleccionado los formatos

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Manual Dreamweaver CS5 Panel Insertar, Común...Manual Dreamweaver CS5 Panel Insertar, Común Autor: Karen Tatiana Gómez Losada 11. Elemento Fecha: Después de seleccionado los formatos

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

Page 2: Manual Dreamweaver CS5 Panel Insertar, Común...Manual Dreamweaver CS5 Panel Insertar, Común Autor: Karen Tatiana Gómez Losada 11. Elemento Fecha: Después de seleccionado los formatos

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

Page 3: Manual Dreamweaver CS5 Panel Insertar, Común...Manual Dreamweaver CS5 Panel Insertar, Común Autor: Karen Tatiana Gómez Losada 11. Elemento Fecha: Después de seleccionado los formatos

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

Page 4: Manual Dreamweaver CS5 Panel Insertar, Común...Manual Dreamweaver CS5 Panel Insertar, Común Autor: Karen Tatiana Gómez Losada 11. Elemento Fecha: Después de seleccionado los formatos

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

Page 5: Manual Dreamweaver CS5 Panel Insertar, Común...Manual Dreamweaver CS5 Panel Insertar, Común Autor: Karen Tatiana Gómez Losada 11. Elemento Fecha: Después de seleccionado los formatos

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

Page 6: Manual Dreamweaver CS5 Panel Insertar, Común...Manual Dreamweaver CS5 Panel Insertar, Común Autor: Karen Tatiana Gómez Losada 11. Elemento Fecha: Después de seleccionado los formatos

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

Page 7: Manual Dreamweaver CS5 Panel Insertar, Común...Manual Dreamweaver CS5 Panel Insertar, Común Autor: Karen Tatiana Gómez Losada 11. Elemento Fecha: Después de seleccionado los formatos

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

Page 8: Manual Dreamweaver CS5 Panel Insertar, Común...Manual Dreamweaver CS5 Panel Insertar, Común Autor: Karen Tatiana Gómez Losada 11. Elemento Fecha: Después de seleccionado los formatos

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)

Page 9: Manual Dreamweaver CS5 Panel Insertar, Común...Manual Dreamweaver CS5 Panel Insertar, Común Autor: Karen Tatiana Gómez Losada 11. Elemento Fecha: Después de seleccionado los formatos

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

Page 10: Manual Dreamweaver CS5 Panel Insertar, Común...Manual Dreamweaver CS5 Panel Insertar, Común Autor: Karen Tatiana Gómez Losada 11. Elemento Fecha: Después de seleccionado los formatos

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

Page 11: Manual Dreamweaver CS5 Panel Insertar, Común...Manual Dreamweaver CS5 Panel Insertar, Común Autor: Karen Tatiana Gómez Losada 11. Elemento Fecha: Después de seleccionado los formatos

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

Page 12: Manual Dreamweaver CS5 Panel Insertar, Común...Manual Dreamweaver CS5 Panel Insertar, Común Autor: Karen Tatiana Gómez Losada 11. Elemento Fecha: Después de seleccionado los formatos

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