Crearemos un sistema de noticias MUY simple, que esta conformado por dos webs PHP, una llamada panel.php en la que insertaremos las noticias en la base de datos y la otra index.php en la cual mostraremos las noticias, rescatandandolas desde la base de datos.
Construyendo la base de datos
Lo primero que vamos hacer es crear las tablas para la base de datos, yo usare phpMyAdmin. La tabla tendrá el nombre noticias con tres campos: id que será el campo primario, de tipo entero e ira incrementando su valor a la medida que insertemos noticias. El segundo campo se llamara titulo tipo varchar. El tercer campo se llamara noticia y será tipo text (usamos text para poder almacenar longitudes de texto más largas). Si desean pueden consultar aquí los tipos de datos en MySQL.

Debería quedar algo así:

Para quienes quieran ahorrarse este trabajo, les dejo el codigo:

CREATE  TABLE  `brianur`.`noticias` ( `id` INT NOT  NULL  AUTO_INCREMENT  PRIMARY  KEY  COMMENT  'id de la noticia',
 `titulo` VARCHAR( 100  )  NOT  NULL  COMMENT  'titulo de la noticia',
 `noticia` TEXT NOT  NULL  COMMENT  'aqui se insertaran las noticias'
) ENGINE  =  MYISAM  COMMENT  =  'TalCosa'

Trabajando en Dreamweaver

Lo primero que debemos hacer es crear un sitio o lo que seria en otras IDE’s crear un proyecto, yo no explicare como hacerlo ya que no tiene gracia y extendería mucho el tutorial. Deben crear el sitio y configurarlo para que funcione con el servidor local, en google hay mucha información al respecto.

Creamos un nuevo PHP, llamado panel.php

Conectándonos con la base de datos

Desplegamos Aplicación y seleccionamos Bases de datos (si no ven donde esta vallan al menú Ventana y activen base de datos) si hasta aquí todo está bien debería aparecer algo así:

Luego en el + seleccionamos Conexión MySQL:

Aquí se escribe los datos para conectarnos con MySQL. Así de fácil nos conectamos, Dreamweaver automáticamente crea los archivos PHP con todo el código.

Ahora en aplicación vamos a Comportamientos del servidor y creamos un nuevo Juego de registros.

Seleccionamos la conexión que creamos anteriormente y aceptamos.

De aquí en adelante es lo más simple del tutorial. Podemos hacer el formulario manualmente, pero Dreamweaver tiene una opción para generarlo automáticamente. En la pestaña Datos seleccionamos Insertar registro > Asistente de formulario de insercion de registros.

Seleccionamos la conexión y la tabla. Seleccionamos id y en Mostrar como seleccionamos campo oculto y en noticia seleccionar área de texto. El resto dejarlo como esta.

El resultado sería un formulario como este:

Hasta aquí si usamos el formulario podemos ver que inserta los datos en la base de datos. Ahora pasemos al archivo index.php, donde rescatamos estos datos.

Creamos una tabla dinamica:

Si les pide un juego de registros deben hacer lo mismo que vimos antes.

Con esto sería suficiente, podríamos mostrar las noticias. Pero yo voy a modificar un poco la tabla, la voy a dejar de 3×1 y al título le voy a poner negrita.

Para terminar vamos a insertar noticias, para ver el resultado:

El sistema de noticias está muy simple, más adelante explicare como hacerle mejoras como sistema de comentarios, sistema de usuarios, panel de administración para editar y borrar noticias, añadir autor, fecha entre otras cosas.

Saludos.

Via

Ejecutar Synaptic luego ir a Editar > Marcar paquetes por tarea.

Seleccionar LAMP Server y luego Aceptar:

Posteriormente click en marcar:

Aplicamos los cambios:

Dejamos que Synaptic descargue todos los paquetes:

Cuando termina la descarga inicia la instalación de los paquetes, en este paso debemos ingresar una contraseña para Mysql.

Debemos ingresar la misma contraseña posteriormente. Con esto finalizamos la instalación.

Para comprobar Apache esta funcionando correctamente, accedemos a http://localhost desde un navegador.

Ya se puede trabajar con el servidor, la carpeta por defecto usada por apache es /var/www en lo personal me gusta cambiarla.

Para cambiarla abrimos una consola y escribimos:

sudo gedit /etc/apache2/sites-available/default el cual es el archivo de conflagración de apache. Aquí modificaremos algunas lineas:

Modificar DocumentRoot, reemplazando /var/www por la carpeta la cual queremos dejar como raíz de documentos. Guardamos y reiniciamos Apache:

sudo /etc/init.d/apache2 restart

Por ultimo si desean instalar PhpMyadmin, para administrar base de datos Mysql:

sudo apt-get install phpmyadmin

Seleccionamos apache2.

Seleccionamos Si. Luego debemos escribir la contraseña de Mysql que seleccionamos anteriormente.

Para acceder a PhpMyAdmin accedan a http://localhost/phpmyadmin/ si quedo instalado correctamente aparecerá:

El usuario por defecto es root y la contraseña es la que escogimos anteriormente instalándolo.

Con esto tenemos nuestro servidor LAMP en Ubuntu.

Bien, lo primero que vamos hacer es llamar la clase usando require:

require(’fpdf.php’);

Creamos el objeto FPDF

$pdf=new FPDF();

De esta manera se usan los valores por defecto que son tamaño a4 alargado y la unidad de medida es el milímetro. Para este tutorial usaremos los valores por defecto pero para cambiar el formato lo hacemos de la siguiente manera:

$pdf=new FPDF(‘P’,’cm’,’Letter’); // Aquí estamos usando cm como unidad de medida y formato carta.

Podemos usar otros valores de medida como:
pt: punto
mm: milímetro
cm: centímetro
in: pulgada

Y podemos usar los siguientes formatos:
A3
A4
A5
Letter
Legal

Pueden encontrar información más detallada aquí.

Tenemos que crear una pagina y lo hacemos de la siguiente manera:

$pdf->AddPage();

Por defecto el texto aparecerá en la esquina superior izquierda y y la margen será de 1 cm, estos valores los podemos modificar usando SetMargins() pero por hoy no explicare como se usa.

A esta página para darle las características del texto usamos SetFont() es obligatorio invocar este método antes de imprimir texto y se usaría de la siguiente manera:

$pdf->SetFont(’Arial’,’B’,18);

Como ven lo que hacemos es usar Arial como fuente, negrita (B) y el tamaño del texto será 18.

Nota: No usar comillas para el tamaño.

Podríamos haber especificado itálica con I, subrayado con U ó fuente Times, Courier, Symbol y ZapfDingbats. Pueden encontrar más información aquí de como usar SetFont.

Listo ahora podemos imprimir el texto que queramos usando Cell()

$pdf->Cell(40,10,’¡Hola, gente de Muriba!’);

Lo que hacemos es crear una celda, especificando sus dimensiones (40,10 mm) y seguidamente el texto que se quiere imprimir en este caso “¡Hola, gente de Muriba!”

Por ultimo cerramos con Output()

$pdf->Output();

Con Output podemos darle el nombre al pdf, si no lo hacemos por defecto creara doc.pdf, si queremos establecer un nombre al pdf lo podemos hacer de la siguiente manera:

$pdf->Output(”muriba.pdf”, “I”); // Usamos “I” para enviar el fichero al navegador de forma que se usa la extensión (plug in) si está disponible.

Output tiene más opciones, pero no las explicare hoy, si desean información de las funciones de Output pueden encontrarla aquí.

El código completo seria:

AddPage();
$pdf->SetFont('Arial','B',18);
$pdf->Cell(40,10,'¡Hola, gente de Muriba!');
$pdf->Output("muriba.pdf", "I");
?>

Pueden ver un ejemplo aquí.

Saludos.

Via

Hoy vamos a trabajar con imágenes, usando la librería GD y para este caso crear un thumbnail. Para esto necesitaremos Shiegege Iseng Resize Class que pueden descargar aquí. No olvidemos tener alguna imagen por ahí para hacer esto yo voy a usar el logo de Muriba.

Nota: No olviden que para que les funcione lo que verán hoy necesitan tener habilitada la librería GD en su servidor.
La clase (resize.php) deben ponerla en la misma carpeta del archivo PHP que usen para crear el Thumbnail.

El codigo es:

<?php

include(”resize.php”);

$thumb = new thumbnail(”muriba.jpg”);
$thumb->size_height(80);
$thumb->jpeg_quality(50);
$thumb->show();
$thumb->save(”muriba2.jpg”);

?>

include(”resize.php”);

Llamamos a la clase usando include.

$thumb = new thumbnail(”muriba.jpg”);

Este proceso es muy similar al de crear un archivo PDF con PHP. Aquí lo que hacemos es decirle a la clase que imagen queremos que le cambie el tamaño. En este caso muriba.jpg

$thumb->size_height(70);

Cambiamos la altura de la imagen a 70 px.

$thumb->jpeg_quality(60);

Cambiamos la calidad de la imagen, 60%. Como la imagen es .jpg por eso usamos jpeg_

$thumb->show();

Mostrar el resultado.

$thumb->save(”muriba2.jpg”);

Por ultimo le decimos que guarde la imagen con el nombre muriba.jpg

Resultado:

Original:

Thumbnail:

Esta clase tiene muchas más funciones, pero solo nombre como las más básicas. Es algo muy sencillo, pero nos puede ahorrar mucho trabajo

Nos veremos en otro tutorial.
Saludos.

Via

$eltexto = “!Hola, gente de Muriba!”;

Lo primero que hacemos es declarar una variable llamada $eltexto que va a contener el texto que queramos que se almacene en el TXT.

$archivo = fopen (“muriba.txt”, “w+”);

Declaramos otra variable llamada $archivo en la cual usamos fopen, para establecer el nombre del archivo txt en este caso ‘muriba.txt’ y seguidamente los permisos que le queramos dar al archivo, yo le e dado w+ que le da permiso de lectura y escritura. Si desean más información de fopen pueden encontrarla aquí.

fwrite($archivo, $eltexto);

Usamos fwrite para escribir en el archivo TXT, indicándole las variables creadas anteriormente para que sepa en que archivo escribir y que texto escribir en el. Más información de como usar fwrite aquí.

fclose($archivo);

Finalmente usamos fclose para cerrar el archivo.

Es algo muy sencillo, pero nos puede ser de mucha ayuda.

Saludos.

Via

Me he tomado el atrevimiento de realizar este tutorial a mi modo, ya que este bloque me parece muy bueno ya se para vender publicidad, realizar intercambio de banners y otras funciones que tu le podrás encontrar, voy a mostrar como hacerlo por PHP y HTML:

Metodo PHP: Hay que editar el archivo sidebar.php y incluir el siguiente codigo:

<div id=”banners”>
<div id=”sads”>
<?php include (TEMPLATEPATH . ‘/banners.php’); ?>
</div>

Luego vas a crear un archivo llamado banners.php incluir el siguiente codigo:

<ul>

<li class=”last”><a href=”http://tusitio.com”><img title=”Sin Musica” src=”http://tusitio.com/imagen.png” border=”0″ alt=”Descripcion” width=”125″ height=”125″ /></a></li>
<li><a href=”http://tusitio.com/contacto/”><img title=”Anunciate” src=”http://tusitio.com/imagen.png” border=”0″ alt=”Descripcion” width=”125″ height=”125″ /></a></li>
<li><a href=”http://tusitio.com/contacto/”><img title=”Anunciate” src=”http://tusitio.com/imagen.png” border=”0″ alt=”Descripcion” width=”125″ height=”125″ /></a></li>
</ul>

y luego subirlo a la carpeta de tu theme de wordpress

Método HTML: Puedes crear un modulo de texto desde tu gestor de widgets y insertar la parte del código en negrilla, o también puedes editar el archivo sidebar.php desde el editor de temas de wordpress, y agregar en donde quieras todo el código citado.

<div id=”banners125″>
<h2>Patrocinadores</h2>
<ul>
<li> <a title=”descripcion” href=”http://tusitio.com/”><img src=”http://tusitio.com/imagen.png” alt=”descripcion” /></a></li>
<li> <a title=”descripcion” href=”http://tusitio.com/”><img src=”http://tusitio.com/imagen.png” alt=”descripcion” /></a></li>
<li> <a title=”descripcion” href=”http://tusitio.com/”><img src=”http://tusitio.com/imagen.png” alt=”descripcion” /></a></li>
<li> <a title=”descripcion” href=”http://tusitio.com/”><img src=”http://tusitio.com/imagen.png” alt=”descripcion” /></a></li>
<!– Para agregar otro banner puedes usar el siguiente código:
<li> <a href=”http://tusitio.com/” mce_href=”http://tusitio.com/” title=”descripcion”><img src=”http://tusitio.com/imagen.png” mce_src=”http://tusitio.com/imagen.png” alt=”descripcion” /></a></li>
Termina código –></ul>