En el anterior manual vimos como colocar Bootstrap y configurarlo. Vamos a terminar de pulir nuestra página y crear la Base de Datos.

MEJORAS VISUALES EN LA PÁGINA

Dividiremos nuestra web en 3 secciones: encabezado, menú ,contenido y pie de página de la siguiente manera.

PAGINA codeigniter

Para hacer esto usaremos bootstrap como hasta ahora, es más, imitaremos un poco el aspecto de su web.

Para empezar crearemos una capa con la clase hero-unit de bootstrap para colocar un poco de información en las dos páginas creadas. Para diferenciar una de la otra, a la página acerca_de le hemos colocado una imagen. Las imágenes las colocaremos en la carpeta img que creamos en los tutoriales anteriores.

Código – acerca_de.php

Código – index.php

Para colocar un botón, anteriormente insertábamos la etiqueta <button> de HTML, en codeigniter no es necesario, podemos usar una array para seleccionar la clase btn y que nos sea mas fácil. Si no la insertáramos nos saldría un link. Podéis consultar anchor en la guía oficial.

Cuando deneguemos el acceso crearemos una página llamada acceso denegado con el siguiente contenido:

Crearemos también el controlador:

Después de hacer esto nos queda cambiar el template por algo mas visual y más parecido a la idea que tenemos:

Si lo guardan y lo ejecutan se darán cuenta de que ocurre un error en la parte superior izquierda de la página. Esto ocurre porque de igual manera que hacemos con el contenido debemos crear una variable que se llame título y así cuando accedamos cambiará de valor según la página.

Para arreglar la parte del menú que queda junto a la barra de título, crearemos un css de nuevo con el nombre ‘micss’, que contendrá todas las modificaciones que hagamos al css de bootstrap.

Ya tenemos nuestro estilo y las páginas principales creadas. Les tiene que quedar algo parecido a esto.

codeigniter

CREACIÓN DE LA BASE DE DATOS

Aquí no entraremos demasiado en detalles, así que os dejo el modelo E-R (diagrama de Xen) y el sql de Juan Manuel, que encontraréis en el enlace, para la descarga del proyecto entero. Cualquier duda podéis preguntar en los comentarios o directamente visualizar el vídeo que mi compañero explica paso a paso. El hecho de no explicarlo es porque si estáis trabajando en Codeigniter seguro que deberéis tener conocimientos de Base de Datos, aunque sea básico.

Diagrama1

VIDEOTUTORIAL

PROYECTO

Descargar proyecto completo hasta ahora (Juan Manuel)

MANUALES CODEIGNITER

The following two tabs change content below.
Programador por definición, diseñador por hobby, futuro Ingeniero Informático y amante de lo sencillo.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies. CERRAR