Manual de maquetado1
- 1. “Año de la diversificación productiva y del fortalecimiento de la educación” Instituto de Educación Superior Tecnológico Privado “TECNOTRONIC” COMPUTACIÓN E INFORMÁTICA POSEE : CAUNA ROQUE Roberto. CICLO ACADÉMICO : V-A UNIDAD DIDACTICA : DISEÑO WEB DOCENTE : HANCCO QUISPE, Elar E. SEMESTRE : 2015-I Juliaca - 2015
- 2. VISIÓN En el 2018, El IESTP TECNOTRONIC es un Modelo Empresarial Educativo de Excelencia Académica que lidera la Educación Superior Tecnológica de la región sur del país. MISIÓN Formar profesionales competitivos en un ambiente de Emprendimiento, Innovación, Eficiencia y Valores.
- 3. MAQUETADO DE PAGINA WEB 01 Para lo cual vamos a realizar un maquetado de página web, en primer lugar vamos a abrir el programa dreamweaver cs6 Elegimos la opción tipo de página html. Una vez elegido vamos a la opción código colocamos como titulo <title>maquetado</title> en seguida declaramos la hoja de estilo <style type="text/css"> METODO 1: Insertamos el cuerpo #cuerpo{ width:900px; background:#CCC; margin:auto; } METODO 2: Insertamos banner o la cabecera #header{ height: 200px; width:100%; background:#F66 } METODO 3: Insertamos menú de navegación #menu_navegation{
- 4. width:150px; background:#096; border: solid 1px #000000; float:left; height:700px; } METODO 4: Isertamos menú link list #menu_linklist{ width:150px; background:#69F; border: solid 1px #000000; float:right; height:700px; } METODO 5: Insertamos el contenido #content{ width:594px; border: solid 1px #000000; background:#3FF; float:left; margin-left:0px; height:700px; } METODO 6: Insertamos el pie de pagina #footer{ border: solid 1px #03C; float:left; width:100%; height:60px; background:#FF3;
- 5. } Hemos realizado una maquetación de una pagina web tal como muestra en la imagen Por último asignamos las siguientes variables en cada una de las capas Por ejemplo; Por el ultimo lugar presionamos la tecla f12 para guardar o caso contrario nos mandara a un navegador web