29 abril 2010 in PHP by dacho

votar
Share

Bueno en esta primera leccion practica aprenderemos lo basico del lenguaje, en estos momentos es necesario que tengas instalado el servidor php para que puedas probar los script, es importante que vallas experimentando y jugando con el lenguaje.

Comencemos:

De la misma forma que los documentos HTML están estructurados por TAGS o etiquetas, lo mismo sucede cuando escribimos en PHP, ya que en si, un programa de PHP que se vera en un navegador de internet ES CODIGO HTML + PHP. Indicarle al documento que vamos a comenzar a escribir en codigo PHP es similar a como hacemos para insertar un javascript, debemos incluir los tags de apertura y cierre del codigo:

Inicio de Código PHP: <?php

Fin de Código PHP: ?>

Adema en PHP cada sentencia o cosa que hacemos debe terminar en ; (punto y coma)

Comentarios en PHP

Bueno ¿que son los comentarios? los comentarios son notas que colocamos en el codigo que nos puede servir para que sea de mas facil lectura el codigo, simplemente los comentarios son ignorados por el interprete de PHP hay basicamente dos clases de comentarios en PHP,

De una linea:

 
<?php
 
// Soy un comentario de PHP porque empiezo con dos barras (//) y ademas soy un comentario de una sola linea!
 
?>

De multiples lineas:

 
<?php
 
/* -----------------------------------------------------------
    Soy un comentario multilinea de PHP porque empiezo 
    con barra asterisco (/*) y termino cuando aparece 
    asterisco barra (*/)
    Lo termino en la siguiente linea 
-----------------------------------------------------------*/
 
?>

Nuestro primer Script o programa PHP

Antes de realizar nuestro primer programa PHP lo que haremos sera crear un documento HTML como corresponde, si no entendes podes pegarte una vuelta por aqui y no vendría mal que hagas al menos las primeras 3 lecciones, pero la decisión es tuya :)

Haremos esto en HTML y luego en PHP:

<html>
 
 <head>
  <title> Mi Primera Web! </title>
 </head>
 
 <body>
  <!-- Esto es un Comentario en HTML, el explorador cuando ve estas etiquetas
         especiales ignora el texto que esta aca adentro, de esta forma podemos 
         hacer anotaciones para poder acordarnos de encontrar distintas cosas  
         y la Pagina no cambia en nada -->
        <h1>Hola Mundo!</h1>
        <h2>Hello World!</h2>
 </body>
 
</html>

Llego la hora de comenzar a probar, lo que tenes que hacer es copiar este texto en el editor de texto o codigo que hayas elegido y luego guardarlo como holamundo.html en nuestro public_html, (recorda que te habia dicho que lo recuerdes en la leccion anterior, pero por si sos cabeza dura en windows es en c:\appserv\www si esta configurado por defecto y en linux es en /var/www o en /home/nombredeusuario/www tambien depende de como lo hayas configurado). Ahora vamos a nuestro navegador web y colocamos en la barra de direcciones: localhost/holamundo.html

Bueno esto esta hecho con puro y muy puro HTML, lo que haremos ahora es que las partes Visibles de la pagina las haremos aparecer con PHP, una Aclaracion, a estas alturas realmente hacer esto no es mas que complicar las cosas porque pondremos en PHP lo que podemos hacer con HTML, pero es para que aprendamos la funcion para colocar texto con PHP.

Para colocar texto en PHP utilizamos una funcion llamada echo

Nuestro ejemplo anterior en PHP

<html>
 
 <head>
  <title> <?php echo "Mi Primera Web!"; ?></title>
 </head>
 
 <body>
 <?php
  echo"<!-- Esto es un Comentario en HTML, el explorador cuando ve estas etiquetas
         especiales ignora el texto que esta aca adentro, de esta forma podemos 
         hacer anotaciones para poder acordarnos de encontrar distintas cosas  
         y la Pagina no cambia en nada -->";
   echo "<h1>Hola Mundo!</h1>";
   echo "<h2>Hello World!</h2>";
 ?>
 </body>
 
</html>

Bueno una vez que escribimos todo el codigo en nuestor editor vamos y lo guardamos como holamundo.php y lo guardamos en nuestro public_html y accedemos a localhost/holamundo.php y deberiamos ver lo mismo que en holamundo.html, si no lo ves igual y te da algun error entonces el problema es que no copiaste bien el codigo, revisalo.

La bendita Funcion echo

Bueno como vimos la funcion echo nos permite imprimir lo que le pasamos como parametro. Es decir echo “hola mundo”; nos muestra hola mundo en nuestro Documento HTML.

Bueno a simple vista parece estar todo igual, pero en realidad hay un problema. Vuelve a ejecutar el localhost/holamundo.php y visualiza el codigo, esto se hace desde firefox en el menu ver yh luego codigo de fuente, para quienes utilicen internet explorer tendran que buscarse como hacerlo porque no utilizo ese explorador hace mas de 3 años, va solo para pruebas nunca un comando. Una vez que visualizamos el codigo de nuestra pagina vemos que en realidad el codigo que nos genera el php es:

<html>
 
 <head>
  <title> Mi Primera Web!</title>
 </head>
 
 <body>
 <!-- Esto es un Comentario en HTML, el explorador cuando ve estas etiquetas
         especiales ignora el texto que esta aca adentro, de esta forma podemos 
         hacer anotaciones para poder acordarnos de encontrar distintas cosas  
         y la Pagina no cambia en nada --><h1>Hola Mundo!</h1><h2>Hello World!</h2> </body>
 
</html>

En realidad algo muy importante que hay que entender desde un principio es que php no genera una pagina web, sino que genera texto que es el codigo HTML. Es decir, como ven en el ejemplo cada vez que utilizamos una funcion echo en php, el texto de la siguiente funcion se pega a la derecha y no abajo como era de esperar!. Esto es porque la funcion echo no nos hace un “enter” o retorno de carro. Esto no es un error, muchas veces podemos necesitar pegar un texto a la derecha de otro, si nos mandaria abajo entonces estamos en problemas para poder hacer esto!.

Si tadovia no sabes cual es la diferencia te la muestro en estas lineas:

Codigo HTML exacto que queriamos generar:

  <!-- Esto es un Comentario en HTML, el explorador cuando ve estas etiquetas
         especiales ignora el texto que esta aca adentro, de esta forma podemos 
         hacer anotaciones para poder acordarnos de encontrar distintas cosas  
         y la Pagina no cambia en nada -->
        <h1>Hola Mundo!</h1>
        <h2>Hello World!</h2>

Codigo que nos genero nuestro script:

 <!-- Esto es un Comentario en HTML, el explorador cuando ve estas etiquetas
         especiales ignora el texto que esta aca adentro, de esta forma podemos 
         hacer anotaciones para poder acordarnos de encontrar distintas cosas  
         y la Pagina no cambia en nada --><h1>Hola Mundo!</h1><h2>Hello World!</h2>

Es decir Hola Mundo y Hello World estan en la misma linea de nuestro HTML, para poder solucionar este problemilla lo que se utiliza son los que se llaman caracteres de escape. Es decir para poder insertar nuevas lineas lo que utilizamos es el codigo de escape \n dentro del texto!.

Probemos como arreglarlo:

<html>
 
 <head>
  <title> <?php echo "Mi Primera Web!"; ?></title>
 </head>
 
 <body>
 <?php
  echo"<!-- Esto es un Comentario en HTML, el explorador cuando ve estas etiquetas
         especiales ignora el texto que esta aca adentro, de esta forma podemos 
         hacer anotaciones para poder acordarnos de encontrar distintas cosas  
         y la Pagina no cambia en nada -->\n";
   echo "<h1>Hola Mundo!</h1>\n";
   echo "<h2>Hello World!</h2>\n";
 ?>
 </body>
 
</html>

este nos genera el siguiente codigo, que se acerca mas a lo que buscamos:

<html>
 
 <head>
  <title> Mi Primera Web!</title>
 </head>
 
 <body>
 <!-- Esto es un Comentario en HTML, el explorador cuando ve estas etiquetas
         especiales ignora el texto que esta aca adentro, de esta forma podemos 
         hacer anotaciones para poder acordarnos de encontrar distintas cosas  
         y la Pagina no cambia en nada -->
<h1>Hola Mundo!</h1>
<h2>Hello World!</h2>
 </body>
 
 
</html>

Pero si nos fijamos de nuevo, el problema ahora esta en que el texto no esta tabulado como esperamos, el caracter de escape para tabular es \t, por lo que modificamos nuevamente nuestro script para que quede bien!:

<html>
 
 <head>
  <title> <?php echo "Mi Primera Web!"; ?></title>
 </head>
 
 <body>
 <?php
  echo"<!-- Esto es un Comentario en HTML, el explorador cuando ve estas etiquetas
         especiales ignora el texto que esta aca adentro, de esta forma podemos 
         hacer anotaciones para poder acordarnos de encontrar distintas cosas  
         y la Pagina no cambia en nada -->\n";
   echo "\t<h1>Hola Mundo!</h1>\n";
   echo "\t<h2>Hello World!</h2>\n";
 ?>
 </body>
 
</html>

Y al fin con esto obtenemos lo que buscabamos, con las lineas en el renglon que corresponde y con las tabulaciones correspondientes. Por ahi pensas que esto es medio denso, aburrido y todo eso. Lo que busque con toda esta leccion no es cansarlos sino que comprendan que PHP GENERA HTML, el html puede estar tabulado, en distintas lineas pero el navegador interpreta HTML y lo muestra igual aunque este o no este tabulado. Si queremos podemos hacer toda una pagina web en un sola linea, y la armaria igual que si lo hacemos en muchas, pero a la hora de arrelgar algo nos volveriamos locos. Si no entendes nada de HTML vuelvo a insistir que te pegues una vuelta por las primeras 3 o 4 lecciones del curso de HTML y CSS y vuelvas de nuevo luego de que hayas entendido HTML, Creeme que te va a ahorrar muchos dolores de cabeza hacer eso!

Bueno esto es todo por ahora, la proxima leecion ya se pone un poco mas entretenido, porque comenzaremos a ver variables y funciones para variables! lo que sin duda nos permitira comenzar a diferenciar PHP de HTML, ya que HTML no tiene la posibilidad de utilizar Variables :)

Hasta la proxima leccion!

Siguiente Leccion >>

<< Volver al Indice del Curso

Share
Si este post te sirvio/gusto, Entonces considera Enviar un comentario o Suscribirte a nuestro feedRSS para recibir las actualizaciones de nuesdtor sitio.

¿Que Podes seguir leyendo?