$Luxiano » web http://www.luxiano.name // Comentario supuestamente gracioso Mon, 23 Jan 2012 14:58:59 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Twitter: nueva página principal http://www.luxiano.name/2009/07/29/twitter-nueva-pagina-principal/ http://www.luxiano.name/2009/07/29/twitter-nueva-pagina-principal/#comments Wed, 29 Jul 2009 17:06:32 +0000 Luxiano http://luxiano.wordpress.com/?p=3714 Durante la última semana se venía escuchando que Twitter iba a cambiar su página de inicio… bueno, ya está . Mírenla:

Twitter: nueva página principal fue publicado en $Luxiano.

]]> Durante la última semana se venía escuchando que Twitter iba a cambiar su página de inicio… bueno, ya está :D . Mírenla:

Nueva página principal de Twitter

Que linda se ve, no? :)

Twitter: nueva página principal fue publicado en $Luxiano.

]]> http://www.luxiano.name/2009/07/29/twitter-nueva-pagina-principal/feed/ 1 PHP: web modular http://www.luxiano.name/2009/07/25/php-web-modular/ http://www.luxiano.name/2009/07/25/php-web-modular/#comments Sun, 26 Jul 2009 00:29:25 +0000 Luxiano http://luxiano.wordpress.com/?p=3647 Esta es la técnica que uso para programar sitios web. Se basa en usar varios archivos que contengan la estructura y el contenido del sitio. A esta altura (es decir, si hacen sitios) ya deben saber como instalar un servidor … Sigue leyendo →

PHP: web modular fue publicado en $Luxiano.

]]> Esta es la técnica que uso para programar sitios web. Se basa en usar varios archivos que contengan la estructura y el contenido del sitio.

A esta altura (es decir, si hacen sitios) ya deben saber como instalar un servidor de pruebas. De cualquier forma, el que yo uso es XAMPP Lite, muy fácil de instalar y prácticamente no hay que hacer configuración.

Empecemos… Primero que nada necesitan un diseño, como el de este ejemplo (encima código válido, vieron como les ayudo :D ):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>

	<title>Mi sitio web</title>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="author" content="Tu nombre" />
	<meta name="description" content="Descripción del sitio." />
	<meta name="keywords" content="palabras, clave" />

	<link rel="stylesheet" type="text/css" media="screen" href="estilos.css" />

</head>

<body>

<div id="header">Cabecera del sitio</div>

<div id="sidebar">
	<ul>
		<li><a href="index.html">Principal</a></li>
		<li><a href="nosotros.html">Nosotros</a></li>
		<li><a href="noticias.html">Noticias</a></li>
		<li><a href="contacto.html">Contacto</a></li>
	</ul>
</div>

<div id="content">
	<p>Primera línea del contenido del sitio...</p>
	<p>Segunta línea del contenido del sitio...</p>
	<p>Tercera línea del contenido del sitio...</p>
	<p>...supongo que captaron la idea</p>
</div>

<div id="footer">Pie de página del sitio</div>

</body>

</html>

Si guardan ese código como un archivo html y lo usan, cada vez que hagan un cambio, por ejemplo, en sidebar, van a tener que modificar todos los archivos (salvo que usen marcos, pero ya sabemos que eso no es recomendable ;) ).

Separemos esa estructura y guardemosla en archivos .php:

header.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>

	<title>Mi sitio web</title>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="author" content="Tu nombre" />
	<meta name="description" content="Descripción del sitio." />
	<meta name="keywords" content="palabras, clave" />

	<link rel="stylesheet" type="text/css" media="screen" href="estilos.css" />

</head>

<body>

<div id="header">Cabecera del sitio</div>

sidebar.php:

<div id="sidebar">
	<ul>
		<li><a href="index.html">Principal</a></li>
		<li><a href="nosotros.html">Nosotros</a></li>
		<li><a href="noticias.html">Noticias</a></li>
		<li><a href="contacto.html">Contacto</a></li>
	</ul>
</div>

footer.php:

<div id="footer">Pie de página del sitio</div>

</body>

</html>

Continuemos… pero antes, seguramente se preguntarán “¿qué pasó con el contenido?“, bueno, ahora vamos a eso :D .

Veamos la estructura de nuestro nuevo index.php:

<?php

	include('header.php');

	include('sidebar.php');

	switch ($_GET['pagina']) {
		case 'nosotros':
		include ('modulos/nosotros.php');
		break;
		case 'noticias':
		include ('modulos/noticias.php');
		break;
		case 'contacto':
		include ('modulos/contacto.php');
		break;
		default:
		include ('modulos/principal.php');
		break;
	}

	include('footer.php');

?>

Ahora es donde pueden ver la modularidad: include('archivo') incluye cada parte del sitio para mostrarlo en pantalla, switch define la variable a pasar a index.php (con $_GET['pagina']), case el valor e include (de nuevo) el contenido a cargar cuando se obtiene ese valor. Por último, default define el contenido a cargar cuando no se especifica un valor. Entonces, antes de seguir, creen un subdirectorio modulos y los archivos nosotros.php, noticias.php, contacto.php y principal.php (por supuesto, ponganlos en el subdirectorio que acaban de crear), con el contenido que quieran (no se olviden de escribir <div id="content"> y </div> dentro de los archivos).

Próximo paso, modificar el archivo sidebar.php para reemplazar el valor del atributo href por el correcto en cada link:

<div id="sidebar">
	<ul>
		<li><a href="index.php">Principal</a></li>
		<li><a href="index.php?pagina=nosotros">Nosotros</a></li>
		<li><a href="index.php?pagina=noticias">Noticias</a></li>
		<li><a href="index.php?pagina=contacto">Contacto</a></li>
	</ul>
</div>

¿Ahora ven a que me refería con variable y valor? :D

Ahí tienen su página modular. ¡Pero guarda! También podrían dejar el index.php como el html del principio del artículo y sólo reemplazar la parte del contenido por la estructura de switch (como hago yo, para hacerlo más fácil y ahorrarme tantos archivos :mrgreen: ):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">

<head>

	<title>Mi sitio web</title>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="author" content="Tu nombre" />
	<meta name="description" content="Descripción del sitio." />
	<meta name="keywords" content="palabras, clave" />

	<link rel="stylesheet" type="text/css" media="screen" href="estilos.css" />

</head>

<body>

<div id="header">Cabecera del sitio</div>

<div id="sidebar">
	<ul>
		<li><a href="index.php">Principal</a></li>
		<li><a href="index.php?pagina=nosotros">Nosotros</a></li>
		<li><a href="index.php?pagina=noticias">Noticias</a></li>
		<li><a href="index.php?pagina=contacto">Contacto</a></li>
	</ul>
</div>

<?php

	switch ($_GET['pagina']) {
		case 'nosotros':
		include ('modulos/nosotros.php');
		break;
		case 'noticias':
		include ('modulos/noticias.php');
		break;
		case 'contacto':
		include ('modulos/contacto.php');
		break;
		default:
		include ('modulos/principal.php');
		break;
	}

?>

<div id="footer">Pie de página del sitio</div>

</body>

</html>

¡Listoooo! Ya aprendieron algo de PHP, ahora sigan ustedes solitos, otro día les doy más :P .

¡Hasta la próxima!

PHP: web modular fue publicado en $Luxiano.

]]> http://www.luxiano.name/2009/07/25/php-web-modular/feed/ 5 Cambio de theme http://www.luxiano.name/2008/11/11/cambio-de-theme/ http://www.luxiano.name/2008/11/11/cambio-de-theme/#comments Tue, 11 Nov 2008 20:25:08 +0000 Luxiano http://www.luxiano.com.ar/?p=112 Disculpen el desorden que debe haber ahora, pero estoy cambiando el theme de WordPress. Seguramente mañana estará a punto. Saludos!

Cambio de theme fue publicado en $Luxiano.

]]> Disculpen el desorden que debe haber ahora, pero estoy cambiando el theme de WordPress. Seguramente mañana estará a punto. Saludos!

Cambio de theme fue publicado en $Luxiano.

]]> http://www.luxiano.name/2008/11/11/cambio-de-theme/feed/ 0 Drawter, dibuja tus webs http://www.luxiano.name/2008/11/11/drawter-dibuja-tus-webs/ http://www.luxiano.name/2008/11/11/drawter-dibuja-tus-webs/#comments Tue, 11 Nov 2008 13:34:20 +0000 Luxiano http://www.luxiano.com.ar/?p=106 OK, ¿de que se trata esto? Pues bien, Drawter es un sitio web en el cual puedes crear la estructura HTML de tus páginas web. La verdad que en cuanto lo probé, pensé que era algo como FrontPage (que no … Sigue leyendo →

Drawter, dibuja tus webs fue publicado en $Luxiano.

]]> OK, ¿de que se trata esto? Pues bien, Drawter es un sitio web en el cual puedes crear la estructura HTML de tus páginas web. La verdad que en cuanto lo probé, pensé que era algo como FrontPage (que no uso desde la primer página que hice), pero no exactamente. Lo que tienes que hacer es, simplemente, dibujar con el mouse la estructura que deseas para tu página.

Drawter

Se pueden modificar los nombres de las secciones y varios aspectos del CSS. Una vez satisfechos con el resultado pueden obtener el código HTML y CSS final, pero no está de mas decir que en todo momento pueden hechar un vistazo a dicho código.

Después de usarlo por un rato, decidi darle una oportunidad para mis desarrollos, pero sólo para los de menor calibre por ahora.

Vía: aNieto2K (¡lo recomiendo!).

PD: La imagen no se la saqué a Andrés (aNieto2K), es una que tomé después de jugar un rato con el sitio. ¿Tenía que tener algo original, o no? :D.

Drawter, dibuja tus webs fue publicado en $Luxiano.

]]> http://www.luxiano.name/2008/11/11/drawter-dibuja-tus-webs/feed/ 0 Pronto… Río Grande http://www.luxiano.name/2008/05/19/pronto-rio-grande/ http://www.luxiano.name/2008/05/19/pronto-rio-grande/#comments Mon, 19 May 2008 12:13:46 +0000 Luxiano http://luxiano.wordpress.com/?p=44 Para escribir un poco nomás, estoy saliendo a pagar el hosting de una página que estuve haciendo, asi que mañana o pasado (hasta que se acredite el saldo) va a estar online. Saludos.

Pronto… Río Grande fue publicado en $Luxiano.

]]> Para escribir un poco nomás, estoy saliendo a pagar el hosting de una página que estuve haciendo, asi que mañana o pasado (hasta que se acredite el saldo) va a estar online.

Saludos.

Luxiano...

Pronto… Río Grande fue publicado en $Luxiano.

]]> http://www.luxiano.name/2008/05/19/pronto-rio-grande/feed/ 0 Primer post… http://www.luxiano.name/2008/05/16/primer-post/ http://www.luxiano.name/2008/05/16/primer-post/#comments Fri, 16 May 2008 20:05:54 +0000 Luxiano http://luxiano.wordpress.com/?p=38 En este nuevo inicio del blog, voy a comentar en pocas palabras de que se tratará: Publicaré sitios web que he hecho. Tutoriales sobre informática. Música (como antes, con link de descarga y letra). Pensamientos (no sé si como antes, … Sigue leyendo →

Primer post… fue publicado en $Luxiano.

]]> En este nuevo inicio del blog, voy a comentar en pocas palabras de que se tratará:

  • Publicaré sitios web que he hecho.
  • Tutoriales sobre informática.
  • Música (como antes, con link de descarga y letra).
  • Pensamientos (no sé si como antes, pero algo pondré).
  • Alguna que otra cosa…

Vamos a ver que pasa…

Luxiano...

Primer post… fue publicado en $Luxiano.

]]> http://www.luxiano.name/2008/05/16/primer-post/feed/ 0