Ago 17

Páginas de enlaces convertida a PHP en localhost

El primer trabajo que he realizado es el más sencillo que se podía hacer, convertir una página ASP a PHP sin hacer acceso a bases de datos.

Algunas de las páginas que cumplían ese requisito son las de enlaces, que forman un conjunto de ocho páginas enlazadas entre si.

La tarea ha consistido en convertir la primera página enlaces_news.php.

He tenido que crear los siguientes subdirectorios colgando de htdocs.

  • aem/docs
  • aem/includes

Luego he ido viendo las necesidades que tenía la página para funcionar:

  • Añadir en el directorio aem los ficheros:
    • 2color.css – Agrupa los estilos 1reset.css, 1cabecera.css, 2estructura.css y 2color.css
    • 1reset.css – Afecta a toda la web
    • 1cabecera.css – Afecta a la cabecera de toda la web
    • 2estructura.css – Afecta a la estructura de las hojas de este nivel
    • 2estilos.css – Afecta a los estilos de este nivel
    • jquery.tools.min.js – Utilidad para paginar por solapas las páginas de la web
    • solapa.js – Complemento de jquery.tools.min.js
  • Añadir/crear en el directorio aem los includes los siguientes ficheros, cambiando la extensión .inc por .php
    • n_cabecera2.php – Crea la cabecera de este nivel
    • n_menu2.php – Crea el menú de navegación de este nivel
    • n_pie.php – Crea el pié de página
    • ini_enlaces.php – Conjunto de código de inicio para las páginas de enlaces
    • fin_enlaces.php – Conjunto de código final para las páginas de enlaces
  • Añadir las imágenes necesarias en el directorio aem/imagenes
  • Crear en el directorio aem/imagenes los siguientes subdirectorios
    • fondos
    • galerias

Una vez conseguido que funcionara perfectamente esta página he hecho lo mismo con el resto de páginas de enlaces:

  • enlaces_fede.php
  • enlaces_player.php
  • enlaces_teoria.php
  • enlaces_practica.php
  • enlaces_games.php
  • enlaces_com.php
  • enlaces_varios.php

El resultado se puede ver en local, una vez está arrancado el servidor Apache (Xampp) en la siguiente dirección:
localhost/aem/docs/enlaces_news.php

Aunque sea un primer paso sencillo hay que destacar que ya he resuelto algunos temas que son recurrentes en el resto de la web como las cabeceras, los includes necesarios, las imágenes más comunes que se utilizan y las rutinas de jquery que utilizo.

Todo esto significa que en los próximos pasos tendré que hacer frente a otras complejidades, pero éstas ya están solucionadas. Además me motiva para seguir ya que veo resultados.