Está en la página 1de 2

Integracin de Bootstrap al modelo MVC con Smarty

Objetivo: Aplicar la librera de Bootstrap para aplicar Responsive Web Design a un estructura MVC con Smarty.

Desarrollo:

Utilizar las paginas creadas en las practicas: U1-P01-HTML y U1-P02-HTML, para crear un solo proyecto que cumpla con lo
siguiente:

Crear la estructura MVC con Smarty y crear cada uno de los mdulos indicados.

Mdulo (Inicio): Este modulo deber contener el archivo web con la informacin personal, este deber contener cada uno de los
siguientes elementos:
- Imagen identificacin (Fotografi personal)
- Descripcin sobre gustos y/o pasatiempos
- Gneros de Msica y/o tipo de pelculas que prefiere, etc.
- Breve descripcin sobre los temas revisados hasta ahora.
- 3 imgenes sobre algn tema que desee incluir (abstractas, paisajes, animacin, etc.)

Crear un template men e insertarlo en layout, las opciones debern ser las siguientes:
Inicio | Instituciones | Tablas | Registro | Bsqueda

Modulo (Instituciones): Este modulo mostrara la informacin del archivo (instituciones.html) de la practica U1-P01-HTML
Modulo (Tablas): Este modulo mostrara la informacin del archivo (tablas.html) de la practica U1-P02-HTML
Modulo (Registro): Este modulo mostrara la informacin del archivo (registro.html) de la practica U1-P02-HTML
Modulo (Bsqueda): Este modulo mostrara la informacin del archivo ( busqueda.html) de la practica U1-P02-HTML

La estructura de carpetas (modulos y templates) sera como sigue:


modulos
|-- inicio.php
|-- instituciones.php
|-- tablas.php
|-- registro.php
|-- busqueda.php
templates
|-- inicio.html.tpl
|-- instituciones.html.tpl
|-- tablas.html.tpl
|-- registro.html.tpl
|-- busqueda.html.tpl
|-- layout.html.tpl
|-- menu.html.tpl
|-- no_encontrado.html.tpl
I.S.C. Erick Hernndez Njera
Realizar capturas de pantalla del sitio.

Aplicar Bootstrap al men para que la salida sea as:

Hacer Responsivos todos los templates de cada modulo para que el contenido se adapte al tamao del dispositivo.

Ejemplo:

Modulo: registro.php

Antes:

Despus:

I.S.C. Erick Hernndez Njera

También podría gustarte