Maquetacion web 1ª Parte
Vamos a pasar a maquetar nuestra plantilla para ya guardarla como html e imagenes y ya poder trabajarla en dreamweaver.
Lo que nosotros tenemos ahora es una imagen,lo que vamos a hacer es partir esa imagen en las que nosotros creamos oportunas y para eso abrimos nuestra imagen con photoshop y en la parte de abajo de nuestro cuadro de herramientas pinchamos en pasar a imageready
Tardara un poco en cargar, una vez cargada nuestra imagen seleccionamos la herramienta del cuchillo y empezamos a cortar las diferentes imagenes que queremos hacer en sectores.
Lo primero cortaremos la cabecera. Si es necesario usaremos la lupa para acercar mas la imagen y hacer los sectores mas precisos.
Una vez sectorizada la cabecera observaremos que en la esquina superior izquierda nos pone un numero y que en la ventana del menu de la derecha se nos a creado una seccion, la renombraremos como header para no liarnos con tanto sector como vamos a hacer.
Vamos a hacer los siguientes sectores con el menu de tal forma que nos quede de la siguiente forma:
Observar que he dividido el menu en 3 parte y he renombrado los 3 sectores como menucabecera menucontenido y menupie.
Pues vamos a hacer lo mismo con el resto de menus y cuadro de contenido.
Al final nos quedara algo asi:
Ahora vamos a pasar a optimizar las imagenes y a guardarlas.