viernes, 22 de noviembre de 2013

Portafolio Final



1. abrimos un nuevo documento le damos la dirección html y ubicamos el lugar del pc en donde va a quedar almacenada la información ( imágenes y recursos en general ).

2. para empezar comenzamos creando las capas div .insertar - capas - div .





3.para darle foto a un div nos vamos a la ventana ccs de la parte derecha de la ventana de trabajo.
le damos doble click sobre el div que tenga un nombre especifico( encabezado ).... ahi sale una ventana y nos desplazamos a fondo , en la carpeta de al lado se puede buscar la imagen que va a servir de fondo, la imagen en preferencia debe tener el tamaño de la capa div . seleccionan , click ok .


4.se crear varias div. para generar la interfaz de la pagina .

5. dentro de una capa a su elección se crea el menú spray , insertar - spray - spray menú 


6. queda algo como esto


7. después de tener varios div. con imágenes de fondo la pagina va tomando forma y se ve algo así, el negro de fondo es puesto en la barra de propiedades de abajo .


8. el formulario se crea dentro de una capa div.  insertar - tabla , se ponen las filas y columnas que se necesiten en el proyecto .
para hacer los campos de escritura se va a insertar - formulario - spray validación de texto, el botón es insertar- formulario - botón


9.se selecciona el menú spray y abajo sale la barra de propiedades del menú donde se puede poner nombre a cada casilla del menú y así mismo poner sub-menús, al lado derecha  hay la propiedad html donde se pone el link al cual  va a direccionar el menú especifico , o una carpeta donde se direccionan las imágenes que estén el pc . 


10.al publicar la apariencia de la pagina es así , limpia y ordenada.


11. al darle click en algún sub menú este direcciona al contenido el cual esta linkeada 


No hay comentarios:

Publicar un comentario