# Cómo realizar los ejercicios

Esta lección contiene algunos consejos sobre la realización de los ejercicios:

## Consultar los ejemplos de ejercicios

En la mayoría de enunciados de los ejercicios se incluye un ejemplo de ejercicio y un enlace al ejemplo, que se puede abrir en una pestaña (o ventana) diferente.

Estos ejemplos se pueden utilizar para:

- comprobar exactamente qué debe hacer el ejercicio
- copiar el código html
- copiar el nombre de los ficheros

En los ejemplos de ejercicios, los nombres de los ficheros html o php suelen coincidir con el nombre de la lección y el número del ejercicio. Si el ejercicio consta de una página html y otra página php, se suele utilizar el mismo nombre con la extensión html o php. Por ejemplo, en el primer ejercicio de la lección Operaciones aritméticas los ficheros se llaman operaciones_aritmeticas_1.html y operaciones_aritmeticas_1.php.

Volver al principio de la página

## Consultar las soluciones

Las soluciones de los ejercicios se encuentran disponibles en la página de soluciones de los ejercicios.

En programación existen siempre muchas maneras de conseguir el mismo resultado, por lo que las soluciones propuestas no son más que una de las posibles soluciones.

Si no se sabe realizar un ejercicio, se recomienda consultar la solución para ver cómo se puede realizar, aunque no conviene hacerlo a la menor dificultad.

Una vez realizado un ejercicio, es conveniente consultar las soluciones, para ver si se han tenido en cuenta todas las condiciones del problema.

Volver al principio de la página

## Reutilizar los ejercicios

Los ejercicios de cada lección suelen ser bastante similares y estar graduados de menor a mayor dificultad, por lo que se aconseja utilizar una ejercicio como base del siguiente (o en general, hacer un ejercicio a partir de un ejercicio similar ya realizado).

Si lo que se hace en un ejercicio se va a aprovechar en los siguientes ejercicios, merece la pena perder un poco de tiempo en cada ejercicio consiguiendo:

- que el estilo de programación sea el recomendado en la lección de guía de estilo PEAR para PHP,
- que el código html generado sea válido,
- que el código html esté correctamente formateado,

En los apartados siguientes se comentan estos aspectos.

Incluso puede valer la pena comenzar un ejercicio a partir de la solución de un ejercicio anterior disponible en la página de soluciones de los ejercicios.

Volver al principio de la página

## Formatear el código fuente PHP

Es conveniente adoptar un estilo definido en el código fuente de las páginas php. Eso facilita la legibilidad y la reutilización del código.

En la página de Guía de estilo PEAR para PHP se comentan algunos aspectos a seguir a la hora de escribir el código PHP. Las soluciones de los ejercicios disponibles en la página de soluciones de los ejercicios siguen esa guía de estilo.

Volver al principio de la página

## Código HTML de los ejercicios

Este curso es un curso sobre PHP, no sobre HTML. Por tanto, no es necesario que el alumno sea capaz de escribir el código HTML de los ejercicios, pero sí debe ser capaz de escribir el código PHP que genera el código HTML de los ejercicios.

¿Cómo saber qué código HTML debe generarse en cada ejercicio?. En los enunciados de los ejercicios se incluye un ejemplo de ejercicio resuelto y un enlace al ejercicio resuelto, que se puede abrir en una pestaña (o ventana) diferente. Mostrando el código fuente de las páginas de los ejercicios, se puede ver el código HTML buscado. Ese código fuente HTML se puede copiar y pegar en las páginas PHP.

Volver al principio de la página

## Validar páginas

Las páginas web (tanto las páginas html como las creadas en PHP) deberían ser páginas XHTML 1.0 Strict válidas, .

Para validar tanto las páginas html como las creadas en PHP es necesario utilizar validadores de html. Uno de los más utilizados es el validador del W3C.

La extensión WebDeveloper de Firefox permite utilizar fácilmente el validador del W3C. Para validar:

- páginas html o php:
  - locales o en servidor local: Herramientas > Web Developer > Herramientas > Validar archivo local HTML
  - en Internet: Herramientas > Web Developer > Herramientas > Validate HTML.
- hojas de estilo css:
  - locales o en servidor local: Herramientas > Web Developer > Herramientas > Validar archivo local CSS.
  - en Internet: Herramientas > Web Developer > Herramientas > ValidaTE CSS.

Al validar una página, el validador del W3C mostrará una página con el resultado de la validación:

- Si la página es válida mostrará un letrero verde:
- Si la página es inválida, mostrará un letrero rojo y la lista de errores detectados:
  A menudo un único error provoca muchos errores en el validador, por lo que se recomienda ir corrigiéndolos uno a uno por orden.

Volver al principio de la página

## Formatear el código fuente HTML

Es conveniente que el código HTML (tanto de las páginas html como de las páginas generadas con PHP) esté convenientemente formateado, ya que eso permitirá encontrar fácilmente los posibles errores de la página. Para ello, el código PHP debe incluir en las instrucciones los saltos de línea y espacios necesarios.

Los ejemplos siguientes muestran dos fragmentos de php que generan el mismo código fuente incorrecto, sin formatear en el primer caso y formateado correctamente en el segundo. Es evidente en qué caso es más fácil encontrar el error ( no se cierran las filas de tabla con </tr>).

    <?php
    print "<table border=\"1\">";
    for ($i=1; $i<=2; $i++) {
        print "<tr>";
        for ($j=1; $j<=2; $j++) {
            print "<td>$i-$j</td>";
        }
    }
    print "</table>";
    ?>
    <table border="1"><tbody><tr><td>1-1</td><td>1-2</td><tr>
    <td>2-1</td><td>2-2</td></tbody></table>
    <?php
    print "<table border=\"1\">\n";
    for ($i=1; $i<=2; $i++) {
        print "  <tr>\n";
        for ($j=1; $j<=2; $j++) {
            print "    <td>$i-$j</td>\n";
        }
    }
    print "</table>\n";
    ?>
    <table border="1">
      <tbody>
        <tr>
          <td>1-1</td>
          <td>1-2</td>
        <tr>
          <td>2-1</td>
          <td>2-2</td>
      </tbody>
    </table>

Nota: El error en el código fuente anterior es que no se cierran las filas de tabla con </tr>.

No conozco ninguna herramienta que compruebe el formateo correcto del código fuente de una página, pero es fácil hacerlo visualmente, abriendo el código fuente de la página en Firefox. Estas son algunas recomendaciones:

- No debe haber varias etiquetas de bloque en el mismo párrafo (salvo las de apertura y cierre de la etiqueta de bloque)
- Las etiquetas anidadas deben estar indentadas (se recomienda un indentado de dos espacios)
- Es conveniente insertar líneas en blanco separando bloques de contenido (como tablas, divisiones, etc.)
- Las líneas no deben ser demasiado largas (en general, no debe ser necesario utilizar la barra de desplazamiento horizontal)

Volver al principio de la página

Esta obra está bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 España.