lunes, 15 de abril de 2013

ACUMULATIVO

El acumulativo consistió en la creación de la pagina principal de un sitio web, para realizarla seguí los siguientes pasos:

1. En dreamweaver abro un nuevo archivo html


2. Vamos a insertar una imagen de fondo, para ello en la barra de propiedades que se encuentra en la parte inferior damos clic en propiedades de pagina, luego nos aparecerá una ventana, damos clic en examinar y elegimos la imagen.


3. Ahora en insertar, creamos una tabla de 1 fila.


4. Una vez insertada la tabla le colocamos el fondo que deseemos y le agregamos el primer banner que sera el encabezado de nuestra pagina, para esto damos clic en insertar > imagen


Nota: Para crear este banner se puede utilizar paint o el programa que prefieras.

5. Luego debemos crear la barra de menú  para ello insertamos otra tabla de 7 columnas y la llenaremos los campos según lo que queremos que aparezca en la pagina.


6. Insertamos otro banner con lo que queremos ofrecer.



7. Le damos guardar y de nombre le colocamos index.html y ahora podemos observar lo que llevamos con el comando vista previa que aparece en la parte superior.






domingo, 7 de abril de 2013

CREACIÓN DE UN MENÚ EN ADOBE DREAMWEAVER CS6

Para crear un menu en adobe dreamweaver CS6 se llevan a cabo los siguientes pasos:

1. Abrimos el programa Adobe Dreamweaver Cs6 y elegimos crear nuevo HTML



2. En la barra de herramientas, damos clic en el comando insertar > Spry > Barra de menús de spry


3. Nos aparecerá una ventana que nos dice que escojamos el diseño del menú que puede ser horizontal o vertical, en este caso yo elegí horizontal.


4. Elegimos el numero de comandos que tendrá nuestro menú  yo elegí 3 y enseguida nos saldrá una barra de menús de spry dependiendo del numero de comandos que elegimos. 

5. En la parte inferior observaremos que aparece una barra de propiedades para la edición del menú  nos dedicaremos a llenar los campos del menú de acuerdo a lo que queremos que aparezca. 


* El mas y el menos sirve para agregar o eliminar un campo; la fecha arriba y abajo sirve para ordenar el menú.

* El primer cuadro que nos aparece en la barra de propiedades corresponde a los comandos que vamos a crear, el segundo cuadro a lo que se va a desplegar de cada comando y el tercero a lo que se despliega de cada subcomando. 

6. Para agregar un vinculo hacemos lo siguiente: En la parte derecha de la barra de propiedades del menú  observamos que hay un campo texto que nos indica el nombre que le otorgamos al comando, debajo esta vinculo y en frente un campo desocupado, si queremos que se dirija a una pagina web solo copiamos su dirección o si queremos que se dirija a una imagen o a un archivo, damos clic en la carpeta que sale y elegimos el archivo. 


7. Continuamos agregando vínculos hasta terminar nuestro menú.

8. Guardamos el archivo.

- Ahora podemos ver que nos aparecerá en la carpeta donde guardamos el archivo un icono de un explorador, le damos clic y nos saldrá algo así: 


- Si le damos clic en cualquiera de los comandos, nos debe dirigir al vinculo que le agregamos anteriormente.


- Enseguida nos sale el vinculo.