h1

Crear tabla mediante phpMyAdmin

1 Agosto 2009

¡Buenas a todos!

Como en  actualizaciones anteriores os  comente que  íbamos  a investigar  en el mundo de las bases de datos de MySQL.  Después de haber aprendido como podemos  conectar con una base de datos hoy crearemos nuestra primera tabla  con la cual trabajaremos a lo largo del ejemplo  que  os explicaré a lo largo de varios capítulos.

Hemos creado la tabla agenda que tiene 3 campos:

Id : Será el identificador del usuario y se incrementará automáticamente su valor cada vez que  añadamos un registro.

nombre : El nombre del usuario

email : El email de contacto de dicho usuario

CREATE TABLE `agenda` (

`id` int(5) NOT NULL,

`nombre` varchar(20) character set utf8 collate utf8_spanish_ci NOT NULL,

`email` varchar(30) character set utf8 collate utf8_spanish_ci NOT NULL,

PRIMARY KEY  (`id`)

)

El código que aquí os indico lo podéis copiar en la opción SQL del explorador phpMyAdmin  que os proporciona vuestro servicio de host para el manejo de las bases de datos.  En el siguiente enlace de Youtube podéis  ver como he ido creando la base de datos  de forma muy fácil y cómoda.

¡Espero que lo llevéis a cabo!

¡Un saludo!

Juncal

h1

Hacer botar una pelota en Flash

29 Julio 2009

¡Buenas a todos!

Hoy os dejo un video tutorial de cómo poder hacer botar una pelota en Flash 8 con una guía de movimiento.

Cómo podéis ver es una forma sencilla por la cual hacer botar una pelota, id practicando con  la guía de movimientos para trabajar en los diferentes efectos que podéis conseguir.

Podéis descargar el archivo swf y flah  pinchando aquí.

¡Un saludo!

Juncal

h1

Mostrar el código HTML en la web

26 Julio 2009

¡Buenas a todos!

Hoy os voy a explicar  una función muy útil dentro del mundo de  PHP . Seguro que en alguna ocasión  habéis querido mostrar  el código html   en vuestra página web…  evidentemente si copiamos dicho código dentro de  ella no se verá.

Guardamos el código html dentro de una variable y hacemos echo de ella bajo la función  htmlspecialchars;

$variable=”<h1>Hola Mundo </h1>”;

echo  htmlspecialchars ($variable);

Espero que lo pongáis en practica!

¡Un saludo!

Juncal

h1

Borrar Archivo

23 Julio 2009

¡Buenas a todos!

Hoy os explicare otro código en PHP que os puede ser muy  útil  para la eliminación de archivos dentro del servidor.Hace semanas que os explique la forma más sencilla poder subir archivos  a nuestro host.

Partimos  desde la situación  de que  sabemos la ruta y  el archivo que queremos eliminar (este paso podría ser  modificado por una variable que se envíe desde  un formulario anterior)

$archivo = “foto.jpg”;

unlink($archivo) or DIE (“El archivo no se pudo borrar”);

En $archivo guardamos   el valor del archivo que queremos borrar y después  usamos la función unlink para borrar dicho archivo de nuestro servidor.

¡Un saludo!

Juncal

h1

Seleccionar CSS dependiendo de navegador

20 Julio 2009

¡Buenas a todos!

Hace unas semanas  os informe de cual era el código para  detectar el navegador que estábamos usando.  Esta herramienta es  muy útil para diversos procedimientos y uno de ellos es seleccionar la hoja de estilos dependiendo del navegador del cliente.

Muchos de vosotros  os habréis peleado en infinitas ocasiones para  poder optimizar cada hoja de estilos en los navegadores mas  populares. En este caso   usaremos este ejemplo con los dos navegadores  por excelencia Internet Explorer y Mozilla Firefox.

<?php

$navegador = getenv(“HTTP_USER_AGENT”);

if (preg_match(“/MSIE/i”, “$navegador”))

{

$css=”ie.css”;

}

else if (preg_match(“/Mozilla/i”, “$navegador”))

{

$css=”firefox.css”;

}

echo ‘<link rel=”stylesheet” media=”screen” href=”‘ .$css. ‘” />’;

?>

El código que os indico  esta en lenguaje PHP . Como podeis ver guardamos en la variable $css  la hoja de estilos correspondiente y luego hacemos un echo de la sentencia que en html inserta el css con la variable correspondiente.

¡Un saludo!

Juncal

h1

Mezcla de B/N con color

18 Junio 2009

¡Hola a todos!

Hoy os  voy a explicar cómo poder hacer un bonito efecto con Photoshop para dejar en color ciertas zonas  de la fotografía y dejarlas en  b/n otras zonas. Este efecto es especialmente llamativo cuando dejamos las zonas en color las  que tienen colores más brillantes o llamativos.

El antes y el después del tratamiento de la imagen es este :

Y el video tutorial donde os explico cómo poderlo hacer es el siguiente :

Espero que lo podías llevar a cabo.

Un saludo

Juncal

h1

Cambiar src de un enlace

14 Junio 2009

¡Buenas a todos!

Hoy os voy a explicar cómo poder cambiar el vinculo de un enlace en nuestra web mediante JavaScript. Este código  está comprobado que funciona en ambos  navegadores pero para  tal hecho hay que trabajar tanto con la ID del enlace como con su name, para  ello os explicare su funcionamiento.

Por una parte tenemos la declaración del enlace :

<a href=”#” target=”_blank”  id=”enlace”  name=”enlace”>Enlace</a>

Este enlace no va a ninguna parte excepto llama a una función, la función Cambiar :

function Cambiar()

{

document.getElementById(‘enlace’).setAttribute(“href”,”http://www.juncalcepeda.es”); document.links['enlace'].href=(“http://www.juncalcepeda.es”);

}

Con Document.getElementbyID y document.links cambiamos el src, cambiamos el vinculo del enlace dos veces para que este código sea válido en los diferentes navegadores ( Internet Exploer, Chrome, Firefox,etc..)

Espero que lo podais poner en práctica!

Un saludo

Juncal

h1

Eliminar valor de un campo de formulario

31 Mayo 2009

¡Buenas a todos!
Hoy os enseñare un sencillo script de JavaScript para el tratamiento de un efecto bonito para los formularios.
Muchas veces veremos que en los formularios vienen unas frases predefinidas que al pinchar en el campo de texto desaparecen. Estas frases sirven de explicación saber con qué debemos completar el campo de texto.
Por un lado tenemos el formulario con el campo de texto ( en este caso un textarea)

<form name=”frmopinion” action=”enviar.php” method=”POST”>

<label>Opinion: </label><textarea name=”txtopinion” rows=”4″ cols=”45″ onClick=”borra()”>Escribe tu opinion</textarea>

</form>

Como podéis comprobar cuando pinchamos encima del textarea se llama a la función borra () que tenemos dentro de las funciones JavaScript que usaremos en nuestra página web.

function borra()
{
if (document.frmopinion.txtopinion.value==”Escribe tu opinion”) document.frmopinion.txtopinion.value=”";
}

Dentro de la función comprobamos si ese campo tiene el valor predeterminado y si es asi lo eliminará del campo.
Espero que os lo pongáis en practica.
¡Un saludo!
Juncal Cepeda

h1

Transformación de forma con Flash 8

29 Mayo 2009

¡Buenas a todos!

Hoy  vengo con un video tutorial de un bonito efecto en Flash 8. Es cierto que nunca  os había comentado ningún tema referente a las animaciones,  es un mundo tan amplio que es difícil coparlo todo. Sin embargo con esta  sencilla animación puede que os animéis en adentraros en el mundo de Flash y Action Script.

Antes de nada quería aclararos que la animación que os presento está hecha bajo  Macromedia Flash 8, aunque trabajéis con distintas versiones del programa, podréis realizar esta animación sin mucho mayor problema.

En la animación que os presento transformaremos una forma de un  rectángulo a un círculo. Podríamos  dejar la animación en esos momentos, sin embargo la complicaremos un poco más para hacerla más vistosa con unos consejos de forma que darán un giro a la animación. Para que veáis la animación  podéis pinchar en este enlace:

http://juncalcepeda.es/press/transformacion.html

Por  otro lado podéis  descargar en un archivo comprimido zip    la carpeta que contiene el archivo fla y swf  para que podáis observar cómo está creado.

Transformación de forma

Y por último tenemos el enlace de youtube  para que veais el proceso  :

 

¡Un saludo!

Juncal

h1

Fondo de lineas diagonales con Photoshop

27 Mayo 2009

¡Hola a todos!

Un gran problema es encontrar un fondo de imagen que   sea lo suficientemente elegante sin pasarse de recargado para poder dar un toque de diseño a nuestros diseños web. En este ejemplo os enseñaremos  como poder crear lineas diagonales y  usarlas para nuestros diseños.

Podremos combinar los colores que creamos convenientes   para poder conseguir distintos efectos.

 

¡Un saludo!

Juncal