RSS

Archivo de la categoría: HTML, CSS, JQUERY

Curso Codeigniter 5/5

Por último, vamos hacer una conexión a base de datos en donde usaremos la clase para crear querys.

 

Para este módulo vamos a completar estos puntos:

Leer más…

Anuncios
 
Deja un comentario

Publicado por en 9 septiembre, 2018 en Codeigniter, HTML, CSS, JQUERY, PHP

 

Etiquetas: , , ,

Curso Codeigniter 4/5

Para este módulo vamos a crear las secciones “Nosotros” y “Contacto” en el menú, de este modo crearemos en el controlador Inicio.php dos métodos llamados nosotros y contacto de la forma que sigue:

 

Leer más…

 
Deja un comentario

Publicado por en 31 agosto, 2018 en Codeigniter, HTML, CSS, JQUERY, PHP

 

Etiquetas: , , , ,

Curso Codeigniter 3/5

Ahora que ya tenemos separado el header y footer, lo que vamos a hacer en esta ocasión será crear el cuerpo (contenido) de la página de inicio de nuestro sitio web estático.

 

Para esto, vamos a seccionar el sitio web para crear vistas separadas y unirlas todas en el controlador en el método index. La siguiente imagen muestra las vistas que crearemos:

Leer más…

 
Deja un comentario

Publicado por en 28 diciembre, 2016 en Codeigniter, HTML, CSS, JQUERY, PHP

 

Etiquetas: , , , , ,

Curso Codeigniter 1/5

Es un curso que tiene como objetivo principal guiar a los que quieran conocer el funcionamiento de Codeginter.

Siendo honesto, Codeigniter es un de los frameworks más sencillos de comprender y la curva de aprendizaje es corta. Sin meterme en temáticas que cuál o tal framework es el mejor, yo siempre digo que todos tienes pros y contras. Uno de los pros que mejor he visto en Codeigniter es precisamente que es sencillo de aprender, lo cual para mí es suficiente para seguir adelante en seguir aprendiendo.

Ya para terminar esta introducción, cabe mencionar que los pasos que están en estos tutoriales son los que aprendí e investigué por la red en diferentes fuentes. Cualquier sugerencia de mejora, házmela saber a ringhugos@gmail.com.

El objetivo es bajar y configurar Codeingiter para comenzar a trabajar. Son configuraciones básicas que  se hacen solo una vez.

Leer más…

 
Deja un comentario

Publicado por en 28 diciembre, 2016 en Codeigniter, HTML, CSS, JQUERY, PHP

 

Etiquetas: , , ,

Links en imágenes y links responsive

El solo hecho de poner links con el tag <a> de HTML en imágenes fue algo nuevo para mí pero que con un poco de práctica, ponerle links a las imágenes fue super sencillo.

Hay una propiedad del tag img de HTML que se llama usemap, el cual te permite colocar coordenadas sobre la imagen y sobre dichas coordenadas poner los links con el tag a. 

html

Paso a paso vamos a ver este proceso.

Leer más…

 
Deja un comentario

Publicado por en 8 diciembre, 2016 en HTML, CSS, JQUERY

 

Etiquetas: , , , ,

Preloader al entrar a una sección

Con unas cuantas líneas de código se puede hacer un efecto bastante agradable para el usuario y con algunos ajustes puedes hacer algo muy elegante que le da un toque a tus sitios al entrar a cada sección de tu sitio web. En mi sitio huguidugui.com se puede ver este efecto. Claro, no soy diseñador xD pero me gustó como quedó. Ademas, la facilidad con la que se puede cambiar el CSS y cambiar la apariencia es genial.

preloader

Read the rest of this entry »

 
Deja un comentario

Publicado por en 29 octubre, 2016 en HTML, CSS, JQUERY

 

Etiquetas: , , , ,

Mini-ejemplo HTML-CSS-PHP-MySQL-JQuery (4/4)

Para terminar con el mini-ejemplo, se le agregarán algunas instrucciones al archivo ajax.js para generar una tabla con los datos recibidos en el json. En dicho json vienen dos arreglos: el que lleva el mensaje de “subido correctamente” (que se llama subido) y otro arreglo con todos los datos de la tabla (que se llama info), Aquí veremos cómo usar dos json en el ‘done’ de ajax Aquí puedes ver el ejemplo funcionamiento

ajax_blog

El código agregado es el siguiente:

Leer más…

 
Deja un comentario

Publicado por en 9 marzo, 2015 en HTML, CSS, JQUERY, PHP

 

Mini-ejemplo HTML-CSS-PHP-MySQL-JQuery (3/4)

La base de datos se llamará formulario y la tabla dentro de ella usuarios . La base de datos y todos los archivos están en el zip con el ejemplo completo. O puedes ver en funcionamiento el ejemplos desde aquí

Lo primero que se hará es escribir código en el ajax.js que estará a la espera de del evento submit y hará la petición de ajax, espero que los comentarios que dejo en el código sean de ayuda para entender el funcionamiento. (Si es el caso y quieres aportar, ya sea código o mejorar la explicación, por favor contáctame a ringhugos@gmail.com)

jqueryEn el archivo js/ajax.js contendrá lo siguiente:

Leer más…

 
Deja un comentario

Publicado por en 9 marzo, 2015 en HTML, CSS, JQUERY, PHP

 

Mini ejemplo HTML-CSS-PHP-MySQL-JQuery (2/4)

Primero se hará una maqueta en la que pondremos un header, dos sections y dentro de ellos los articles correspondientes, como se ve en el código. En el section izquierda comenzamos con el formulario que tendrá 3 campos y un botón de submit en el archivo index.php. Los 3 campos serán nombre, usuario y mail, validando éste último campo con la propiedad de HTML5. Puedes ver en funcionamiento el ejemplo desde aquí.

Vamos al código HTML5:html

Leer más…

 
Deja un comentario

Publicado por en 9 marzo, 2015 en HTML, CSS, JQUERY, PHP

 

Mini ejemplo HTML-CSS-PHP-MySQL-JQuery (1/4)

Este ejemplo que presento surge de la búsqueda en google de las siguientes palabras clave: cómo actualizar un div sin recargar la página, cómo usar json con php, obtener varias respuestas ajax, usar dos respuestas en done de ajax, crear una tabla dinámica con jquery, poner una imagen de carga con jquery. actualizar dos div con jquery. Si alguna vez has buscado alguna de estas oraciones en el buscador, espero que este ejemplo te sea de ayuda 😉

En este primer post explico en concreto lo que haremos y los pasos que seguiremos hasta obtener el ejemplo final.

technologies

 

Leer más…

 
Deja un comentario

Publicado por en 9 marzo, 2015 en HTML, CSS, JQUERY, PHP