Blog de Web Idea - Recursos de Programación y Optimización Web » Programación Web http://www.webidea.es/blog Optimización web, SEO, Programación, PHP, Javascript, XHTML Thu, 06 Oct 2011 07:58:13 +0000 en hourly 1 http://wordpress.org/?v=3.3 Funciones en PHP http://www.webidea.es/blog/funciones-en-php/ http://www.webidea.es/blog/funciones-en-php/#comments Mon, 17 May 2010 14:31:38 +0000 admin http://www.webidea.es/blog/?p=208 Las funciones son la base de la programación estructurada y nos permiten agrupar varias sentencias para que sean leídas y ejecutadas secuencialmente.

Además, cuentan con la ventaja de que sólo necesitan ser escritas una vez durante toda la ejecución del programa, pudiendo ser llamadas tantas veces como se necesite, con el consiguiente ahorro de código.

Las funciones, además, pueden recibir parámetros externos, que serán tratadas como variables locales con las que inicializar las instrucciones a ejecutar, y son capaces de devolver un valor de salida con la instrucción return.

Este sería un ejemplo básico de función para una suma:

<!– Ejemplo de funciones en Webidea.es –>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<head>

<title>Ejemplo de Funciones</title>

</head>

<body>

function suma($sumando1, $sumando2){

$suma = $sumando1 + $sumando2;

return $suma;

}

</body>

</html>

De esta manera podríamos invocar la función suma tantas veces como quisieramos a lo largo del código obteniendo diferentes resultados dependiendo de los valores enviados como parámetros (sumandos) a la función.

]]> http://www.webidea.es/blog/funciones-en-php/feed/ 0 Menu desplegable en CSS http://www.webidea.es/blog/listas-desplegables-en-css/ http://www.webidea.es/blog/listas-desplegables-en-css/#comments Sun, 22 Mar 2009 22:54:04 +0000 admin http://www.webidea.es/blog/?p=183 Hace unos años, si queríamos poner un menú desplegable en nuestra web, teníamos que recurrir al javascript, lo que presentaba problemas de accesibilidad, y carga de diversos scripts en nuestro <head>, que hacían que aumentase el peso de nuestras páginas, y por tanto ralentizaban la carga.

Actualmente, se pueden construir menúes desplegables totalmente accesibles y configurables, gracias a las listas de HTML y el CSS.

Supongamos que queremos construir un menú con un par de secciones principales, y varias sub-secciones en el interior de cada una de estas. En el código HTML, lo único que tendríamos que hacer es crear una lista <ul> con dos items <li> y dentro de cada uno de los items, anidar otra lista con varios elementos.

<!– Código HTML para el ejemplo de menú desplegable –>
<div class=”desplegable”>
<ul>
<li>Webs Interesantes
<ul>
<li>Santiago Cuenca</li>
<li>Webidea</li>
<li>Dragon Ball Z</li>
<li>Naruto Shippuden</li>
<li>Instalaciones Eléctricas</li>
<li>Saint Seiya</li>
<li>Design Training</li>
<li>Aranjuez</li>
</ul>
</li>
<li>Blogs SEO
<ul>
<li>SEO Femenino</li>
<li>Webidea</li>
<li>Google Dirson</li>
<li>Adseok</li>
<li>Sergio Blanco</li>
<li>SEO Profesional</li>
</ul>
</li>
</ul>
</div>

Simplemente añadiendo un enlace a cada uno de los elementos en la lista, nos quedaría algo así:

Ahora tenemos que aplicar los correspondientes estilos CSS:

/* Le damos un ancho estándar a las listas, un borde, fondo y le quitamos estilos de lista y márgenes */
.desplegable ul{width:150px; border:1px solid #00749e; background:#fff; padding:0; margin:0; list-style-type:none;}

/* Damos un poco de relleno a los items */
.desplegable ul li{padding:.5em;}

/* Le decimos a la lista anidada que no se muestre y le damos estilo a los enlaces */
.desplegable ul li ul{display:none;}
.desplegable ul li a{text-decoration:none; display:block; width:100%; height:100%;}

/* Resaltamos el fondo del item al pasar sobre él y cambiamos el color del texto */
.desplegable ul li:hover{background:#00749E; color:#000;}
.desplegable ul li:hover a{color:#000;}

/* Cuando un item está activo y tiene lista anidada, lo mostramos con display:block */
.desplegable ul li:hover ul{display:block; position:absolute; margin:-20px 0 0 140px;}

Y el resultado final sería:

Obviamente, este es un ejemplo sencillo, y este tipo de menúes son totalmente personalizables. Tan sólo recordar que el uso de CSS para este cometido ayuda más a la optimización de tu web, tanto a nivel de accesibilidad como de indexación en buscadores. Ya todo depende de tu creatividad e imaginación.

]]> http://www.webidea.es/blog/listas-desplegables-en-css/feed/ 0 100 enlaces por pagina http://www.webidea.es/blog/100-enlaces-por-pagina/ http://www.webidea.es/blog/100-enlaces-por-pagina/#comments Sun, 22 Mar 2009 17:12:13 +0000 admin http://www.webidea.es/blog/?p=178 Hace unos días, Matt Cutts comentaba en este post de su blog, acerca de la cantidad de enlaces máxima que debería haber en una página.

Como bien sabemos, Google siempre ha dicho que los enlaces de un sitio web no deben sobrepasar a los 100 en número, entre otras cosas, para que la página no sea considerada una granja de enlaces (link farm), algo a tener muy en cuenta a la hora de la optimización y posicionamiento del contenido de nuestra web.

En dicho post, Matt Cutts reafirmaba esta cuestión, y decía que además la transmisión de Pagerank desde dicha página era casi nula, pero además añadía algo, que si hasta ahora no era ningún secreto, realmente si se solía comentar poco en las comunidades SEO, y es que Google sólo indexa y cachea los 100 primero Kb de una página, por lo que el resto podrían perderse.

Quizá esto pueda no parecerle grave a algunas personas, que opinan que si Google no llega a un enlace desde una página, ya lo hará desde otra, pero lo cierto es que esto puede tener serias complicaciones para alguien demasiado confiado.

Como SEO, siempre te interesará tener tu contenido en la parte superior del código para que Google lo lea antes, y si no eres tú mismo quien maqueta, seguramente le pedirás a tu maquetador que coloque primero el contenido y luego el menú o menúes laterales, cosa que es bastante sencilla de realizar con CSS. Pero si haces esto en la home, que es la primera página a la que se accede, y metes demasiado texto y enlaces en la parte superior, es posible que llegues a un punto en el que tus menúes y categorías internas queden innacesibles, y “et voilá” tu sitio no se indexará, o tardará muchísimo en hacerlo.

Por tanto, cuidado con la cantidad de texto y enlaces que pones en tu contenido. Haz una home con datos precisos y deja un sitemap en formato html siempre bien accesible a los distintos robots de los motores de búsqueda.

]]> http://www.webidea.es/blog/100-enlaces-por-pagina/feed/ 0 Año Nuevo, Pagerank y Reyes http://www.webidea.es/blog/ano-nuevo-pagerank-y-reyes/ http://www.webidea.es/blog/ano-nuevo-pagerank-y-reyes/#comments Fri, 02 Jan 2009 19:49:56 +0000 admin http://www.webidea.es/blog/?p=170 Bueno, pues llegó el 2009, y los últimos días del pasado año trajeron la sorpresita de una nueva actualización del pagerank visible, aunque por desgracia, se ve que Google tiene la asignación de barrita verde como la economía global, en crisis. Esta actualización ha venido reflejando en su mayoría, descensos de Pagerank. Webidea se salva de la quema y mantiene su Pagerank 3, aunque la mayoría de mis otros dominios han caído un punto, algunos de ellos por segunda vez consecutiva.

En fin, que ya todos sabemos que se rumorea la posible desaparición de la famosa barrita, y también que apenas es influyente en el posicionamiento web en google, lo cual no quita para que siempre haga ilusión ver cualquier tipo de indicador lo más alto posible.

En otro ámbito de cosas, me ha parecido estupenda la iniciativa de la compañera SEO, Raquel Franco, de hacer un regalito por Navidad a los que más comentan en su nuevo blog, consistente en un enlace con un buen anchor text, así que he decidido imitarla. Si bien aquí aún hay poco tráfico y por tanto pocos comentarios, lo que voy a hacer es poner un enlace a los que sé que me visitais cada cierto tiempo, a los que de algún modo me servís de inspiración, o a los que tengo como contacto.

Ahí van:

Pues nada, feliz año 2009 a todos, y que los Reyes Magos vengan bien cargaditos :)

]]> http://www.webidea.es/blog/ano-nuevo-pagerank-y-reyes/feed/ 3 Operadores lógicos en PHP http://www.webidea.es/blog/operadores-logicos-en-php/ http://www.webidea.es/blog/operadores-logicos-en-php/#comments Sun, 17 Aug 2008 10:46:40 +0000 admin http://www.webidea.es/blog/?p=96 Los operadores lógicos en PHP, son utilizados cuando necesitan ser comprobadas varias comparaciones y si se cumplen algunas o todas ellas.

Básicamente son operadores de “y / o “, a saber:

  • && o and – Devuelve un resultado verdadero (true), cuando las dos condiciones se cumplen.
  • || o or – Devuelve un resultado verdadero si al menos una de las dos condiciones se cumplen.
  • ! – Niega la expresión.

Éste sería un ejemplo de operadores lógicos en PHP:

<!– Ejemplo de operadores lógicos en Webidea.es –>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<head>
<title>Ejemplo de Operadores Lógicos</title>
</head>
<body>

<?php
$a = 8;
$b = 3;
$c = 3;
echo ($a == $b) && ($c > $b),"<br />";
echo ($a == $b) || ($b == $c),"<br />";
echo !($b <= $c),"<br />";
?>
</body>
</html>

Y su resultado en pantalla:

0
1
0

]]> http://www.webidea.es/blog/operadores-logicos-en-php/feed/ 0 Operadores de comparación en PHP http://www.webidea.es/blog/operadores-de-comparacion-en-php/ http://www.webidea.es/blog/operadores-de-comparacion-en-php/#comments Fri, 18 Jul 2008 19:43:24 +0000 admin http://www.webidea.es/blog/?p=52 Los operadores de comparación, como su propio nombre indica, sirven para realizar operaciones de comparación entre valores numéricos o cadenas de texto, y normalmente van acompañados de condicionales para así poder tomar decisiones, aunque ese capítulo lo veremos más adelante.

  • Coincide con (): Dos valores coinciden ($a == $b).
  • Distinto de (!=): Dos valores son distintos ($a != $b).
  • Menor que (<): Un valor es menor que otro ($a < $b).
  • Mayor que (>): Un valor es mayor al otro ($a > $b).
  • Menor o igual que (<=): Un valor es menor que otro ($a <= $b).
  • Mayor o igual que (>=): Un valor es mayor al otro ($a >= $b).

Éste es un ejemplo de los operadores de comparación:

<!-- Ejemplo de operadores de comparación en Webidea.es -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>Ejemplo de Operadores de Comparación</title>
</head>
<body>
<?php
$a = 5;
$b = 2;
$c = 2;
echo $a == $b,”<br />”;
echo $a != $b,”<br />”;
echo $a < $b,”<br />”;
echo $a > $b,”<br />”;
echo $a >= $c,”<br />”;
echo $b <= $c,”<br />”;
?>
</body>
</html>

Es importante reseñar, que los operadores de comparación son booleanos, es decir se guian por una respuesta true o false (verdadero o falso), y al intentar mostrarlos en pantalla, nos devolverán el valor 1 cuando el resultado sea verdadero y el valor 0 cuando sea falso. Obviamente este valor no se suele imprimir en pantalla, pero para nuestro ejemplo su resultado en pantalla sería:

0
1
0
1
1
1

]]> http://www.webidea.es/blog/operadores-de-comparacion-en-php/feed/ 0 Operadores aritméticos en PHP http://www.webidea.es/blog/operadores-aritmeticos-en-php/ http://www.webidea.es/blog/operadores-aritmeticos-en-php/#comments Fri, 18 Jul 2008 02:40:43 +0000 admin http://www.webidea.es/blog/?p=43 Los operadores aritméticos son los más simples de todos y sirven para realizar operaciones básicas ya sea de constantes, variables, o una mezcla de ambas. Los operadores básicos son:

  • Suma (+): Suma dos cantidades o variables.
  • Resta (-): Resta dos números.
  • Producto (*): Multiplica dos cantidades o variables.
  • Cociente (/): Divide dos números.
  • Resto (%): Devuelve el resto de una división inexacta entre dos números.
  • Sumatorio 1 (++): Suma una unidad a la variable que lo contiene.
  • Diferencia 1 (–): Resta una unidad a la variable que se le aplica.

Veamos, pues, un ejemplo práctico de los operadores aritméticos:

<!-- Ejemplo de operadores aritméticos en Webidea.es -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>Ejemplo de Operadores Aritméticos</title>
</head>
<body>
<?php
$a = 10;
$b = 5;
echo $a + $b."<br />";
echo $a - $b."<br />";
echo $a * $b."<br />";
echo $a / $b."<br />";
echo $a % $b."<br />";
$a++;
echo $a."<br />";
$b--;
echo $b."<br />";
?>
</body>
</html>

Y su resultado en pantalla:

15
5
50
2
0
11
4

]]> http://www.webidea.es/blog/operadores-aritmeticos-en-php/feed/ 0 Variables en PHP http://www.webidea.es/blog/variables-en-php/ http://www.webidea.es/blog/variables-en-php/#comments Fri, 18 Jul 2008 02:13:14 +0000 admin http://www.webidea.es/blog/?p=37 Quizá el primer concepto que tenemos que aprender cuando nos metemos a estudiar un lenguaje de programación dinámico es el de las variables.

Las variables son contenedores de información independientes, que pueden almacenar valores numéricos y alfanuméricos. Por norma, los lenguajes de programación suelen necesitar inicializar o declarar las variables antes de usarlas. En PHP no es necesario hacerlo, aunque es recomendable. Para cualquier uso de variables, hemos de tener en cuenta que su nombre siempre va precedido por el caracter $.

Se llaman variables porque su valor puede ser modificado a lo largo de toda la ejecución del programa, y su contenido puede cambiar de cualquier modo, es decir, que si el contenido es un número entero, puede ser reemplazado por otro, pero también puede ser cambiado por una cadena de texto.

Veamos este ejemplo:

<!-- Ejemplo de variables PHP en Webidea.es -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title>Variables en PHP</title>
</head>
<body>
<?php
$a = 5;
$b = 11.5;
$c = "Hola a todos";
echo $a,"<br />",$b,"<br />",$c;
?>
</body>
</html>

En este ejemplo, hemos declarado tres variables, y luego las hemos escrito en pantalla con la sentencia echo, intercalándolas con un salto de línea. El resultado que obtendríamos en pantalla, por tanto, sería éste:

5
11.5
Hola a todos

Como en casi cualquier lenguaje de programación, las variables poseen dos ámbitos: local y global.

Una variable local es declarada dentro de una función y sólo puede ser utilizada dentro de ella, expirando dicha variable cuando termina la ejecución de la función.

Las variables locales pueden usarse durante la ejecución de todo el programa. Para declarar una variable global, debemos escribir: $GLOBALS['nombre_variable']=”Valor”;. Si queremos usar una variable global desde una función podemos declarar una nueva variable y asignarle el valor de la global, de este modo: $variable=$GLOBALS['nombre_variable'];.

]]> http://www.webidea.es/blog/variables-en-php/feed/ 0