piilaresscobar.files.wordpress.com · Web view2012. 9. 10. · *Inserción de Archivos...

Centro de Desarrollo Agroempresarial y Turístico del Huila Tgo. ADSI

Manual Dreamweaver!!

Para iniciar, el Dreamweaver es la herramienta de diseño de páginas web más avanzada. tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontraran en este programa razones para utilizarlo, sobre todo en lo que a productividad se refiere.

Contiene:

* Barra de Aplicaciones * Barra de Herramienta Documento

* Ventana de Documento * Conmutador de Espacios de Trabajo

* Grupos de Paneles * CS Live

* Selector de Etiquetas * Inspector de Propiedades

* Panel Archivos

Cumple

Perfectamente el objetivo de diseñar Paginas con Aspecto Profesional y soporta gran cantidad de tecnologías, además muy fáciles de usar:

* Hojas de Estilo y Capas

*Javascrip para crear efectos e interactividades

*Inserción de Archivos multimedia

En resumen, el programa es realmente satisfactorio, incluso el código generado es de buena calidad. La única pega consiste en que al ser tan avanzado, puede resultar un poco difícil su manejo para personas menos experimentadas en el diseño de Webs.

En este caso vamos a trabajar "Como Insertar":

Paso A Paso!!

Manual Dreamweaver - Barra Insertar, Por Pilar Escobar...

Centro de Desarrollo Agroempresarial y Turístico del Huila Tgo. ADSI1. Abrimos el programa Dreamweaver

2. Le damos la opción HTML

3. Vamos a la barra "Insertar"



Nota:como lo podemos observar, en insertar aparece la opcion "Común", en esta opcion aparecen las diferentes aplicaciones que conforman esta opcion las cuales son:



En La Opcion Comun:

5. Para Insertar un Hipervínculo:

1.Damos click en insertar

2.Damos click en Hipervínculo, llenamos la siguiente informacion



Damos Aceptar y podemos ver como nos aparecio el Hipervínculo asi:

6. Para Insertar un Vínculo de Correo Electronico:


2.Damos click en Vínculo de Correo electronico, llenamos la siguiente informacion



Damos Aceptar y podemos ver como nos aparecio el Vínculo de Correo Electronico asi:

7. Para Insertar un Anclaje con Nombre:


2.Damos click en Anclaje con Nombre, llenamos la siguiente informacion

y observamos el anclaje:


Centro de Desarrollo Agroempresarial y Turístico del Huila Tgo. ADSI8. Para Insertar un Regla horisontal:


2.Damos click en regla Horisontal

9. Para Insertar Tabla:


2.Damos click en Tabla

Damos aceptar y obtenemos algo asi:



10. Para Insertar una Etiqueta Div:


2.Damos click en Etiqueta Div y llenamos la informacion para obtener algo asi:

Aceptar y Obtenemos Esto:



11. Para Insertar una Imagen:


2.Damos click en Imagen

tomamos la opcion imagen, llenamos una pequeña informacion para obtener algo asi:

12. Para Insertar desde Media:



Centro de Desarrollo Agroempresarial y Turístico del Huila Tgo. ADSI 2.Damos click en Media

tomamos la opcion SWF, llenamos damos Aceptar para obtener algo asi:

Guardary obtenemos:



Aceptar y obtenemos:




13. Para Insertar Widget:


2.Damos click en Widget

En este caso no hay Widget para Insertar, por lo tanto no se puede insertar un Widget

14. Para Insertar Fecha:


Centro de Desarrollo Agroempresarial y Turístico del Huila Tgo. ADSI 1.Damos click en insertar

2.Damos click en Fecha

Damos la opcion de la Fecha, La Hora y el Dia y Obtenemos:

Aqui podemos observar la fecha en la parte izquierda abajo y el dia en la parte derecha de la misma.

15. Para Insertar Server-Side Include:


2.Damos click en server-Side Include




16. Para Insertar:

1.Damos click en insertar un Comentario

2.Damos click en Comentario, escribimos el comentario



Damos aceptar y obtenemos:

17. Para Insertar:

1.Damos click en insertar Head


Centro de Desarrollo Agroempresarial y Turístico del Huila Tgo. ADSI 2.Damos click en Head y Escogemos una Opcion

por ejemplo yo tomo la opcion Descripcion:

Aceptar y Obtenemos:

18. Para Insertar:

1.Damos click en insertar script

2.Damos click en script y Escogemos una Opcion, ejemplo yo escojo La Primera "Script"



y nos sale:

hacemos un comentario ":D" y le damos en la carpeta para que nos aparesca la busqueda de la imagen asi:

seleccionamos la imagen y aceptar



Aceptar y en codigo, nos aparece esto:

19. Para Insertar:

1.Damos click en insertar Plantillas

2.Damos click enPlantillas, Crear Plantillas



En este caso creamos una plantilla asi:

Le damos en Nuevo...

Ponemos el Nombre, "PlantillaPilarDw" y Guardar...


Centro de Desarrollo Agroempresarial y Turístico del Huila Tgo. ADSI20. Para Insertar:

1.Damos click en insertar Selector de Etiquetas

2.Damos click enSelector de Etiquetas

Aqui, seleccionamos la etiqueta que queremos insertar en el codigo "<menu></menu> Insertar"

y el codigo nos queda asi:

Por esta parte, terminamos la barra Insertar del programa Dw.


piilaresscobar.files.wordpress.com · Web view2012. 9. 10. · *Inserción de Archivos...

Documents

Transcript of piilaresscobar.files.wordpress.com · Web view2012. 9. 10. · *Inserción de Archivos...