¡No Quiero Programar! PHP, CodeIgniter y otros frameworks!

8feb/110

Formulario de contacto (Primera Parte): Código básico

Bueno tal y comenté, hace días abrí el foro para que todos los usuarios con dudas y sugerencias pudieran participar activamente en el blog. Ayer el usuario jarruego me comentó que podría hacer un pequeño tutorial de cómo hacer un modulo que es básico y común en la mayoría de webs: un formulario de contacto. Nos servirá para introducir a aquellos que sean nuevos en esto con un sencillo ejemplo.

Para esta pequeña aplicación utilizaré la última versión de CodeIgniter (que hay por el momento) que es la 2.0.0.


Un formulario de contacto nos ayudará a que cualquier persona interesada en nuestra web, ya sea un negocio, portafolio o cualquier otra cosa. Se puede ampliar tanto como queráis pero como esto es un tutorial haremos los campos mas básicos: nombre, email, mensaje.

Voy a dividir este tutorial en 2 o quizá 3 posta, empezaré con el código básico, tanto HTML como PHP (en CodeIgniter). Luego seguiré con la libreria de validación para poder comprobar que han entrado los campos correctamente. Acabaré usando la librería para mandar emails fácilmente, así nos llegará al correo este formulario básico de contacto en CodeIgniter.

Primero de todo empezaremos creando el código HTML para el formulario. Usaré etiquetas que no se suelen usar pero que deberíais hacerlo, como fieldset, legend y label, eso ayudará a la visibilidad y usabilidad del mismo. Cabe decir que no voy a "diseñar", así que lo dejaré tal cual salga aunque todos sabemos que el html sin css es feo, pero ahora lo que nos interesa es el código php.

30abr/084

Formularios en CSS y XHTML

Hoy me gustaría hablaros de los formularios. Muchos de nosotros aun no hemos hecho el cambio de HTML a XHTML y aun seguimos haciendo nuestros formularios sin las etiquetas que nos brinda XHTML o (dios no lo quiera) con ... TABLAS! (nooo...)

Por eso he elaborado una pequeña demo para que veáis que se puede hacer un formulario bonito y bien estructurado usando hojas de estilo.

VER DEMO

9abr/0811

Gestor de noticias (Primera parte): Maquetación

Mientras pensaba cuál sería mi siguiente artículo, se me ocurrió que en vez de un artículo donde yo expongo un tema y vosotros os lo creéis (o no), crear una pequeña aplicación en CodeIgniter paso a paso, de manera que viendo un resultado final de cada explicación se verá y se entenderá todo mucho mejor.

La aplicación será un "típico" gestor de noticias dónde se puedan añadir nuevas entradas, editarlas y borrarlas. Intentaré ir paso a paso ilustrando con ejemplos cada una de las explicaciones y dividiré este pequeño "taller" en unos cuantos posts diferentes, así que la mejor manera es seguir paso a paso y en orden, pero seguro que si alguno busca información concreta seguramente la encontrará en alguno de ellos.

En este primer tema crearemos la estructura en XHTML y CSS que tendrá nuestra aplicación (algo sencillo), y de paso veremos cómo separar el diseño y el código para seguir el modelo MVC que usa CodeIgniter.

2abr/080

Empezamos

Bueno después de la buena experiencia que hemos tenido con nuestro otro blog, hemos decidido emprender esta nueva aventura bloguera pero con temas orientados a la programación web tales como todo lo relacionado con html, xhtml, css, php, así como temas sobre accesibilidad y diseño. También barajaremos la posibilidad de escribir artículos sobre temas como el mundo 3d y todo lo que conlleva: modelaje, texturzación, post-producción, etc..

Trataremos de aportar nuestro granito de arena sobre estos temas e intentaremos ser claros, concisos y estar bien documentados.

Y creo que nada más de momento, bienvenidos ;)