Diseño web modular PHP chau frames

¿Por qué debemos olvidarnos de los frames?

Los viejos frames funcionan bien pero google, yahoo y ningún buscador los indexa bien, así que perdemos ranking y será muy raro que aparezcamos en un buscador, además no nos permiten disfrutar de las ventajas del CSS.

¿Qué es diseño web modular?

Para reemplazar a los viejos frames, es mejor usar PHP y separar las secciones de nuestra página web en módulos, en castellano la vamos trozar como pollo, de tal forma que cada pedazo contenga la estructura de la página:

  • top_page.php Aqui vamos a poner todos los encabezados html
  • header.php Aqui vamos a poner el encabezado de nuestra página, es decir el título y el menú
  • footer.php Aqui vamos a poner la parte de abajo de nuestra página nuestro copyright, links, etc

top_page.php

Primero todo header del html, nuestro titulo, hoja de estilos
[cc lang=»html»]




Mi pagina modular

[/cc]

header.php

Aqui vamos a poner nuestro encabezado y menu
[cc lang=»html»]

[/cc]

footer.php

Aqui la parte final de nuestra página web
[cc lang=»html»]



[/cc]

¿Cómo lo junto todo?

Pues usando includes vamos a pegar todas esas partes que se repiten en nuestra página web, y quedaría algo asi
[cc lang=»php»]

Nuestro texto va aqui


[/cc]






Aquí he descrito la forma más simple de hacer web modular pero no es la mejor forma, sobre todo a la hora de usar frienly url, o cuando tenemos muchas páginas, por lo que te sugiero leer la segunda parte de este tutorial

Categorías

Últimos Posts

¿Necesitas ayuda?

Si requieres ayuda para desarrollar tu sitio web, crear plugins para Wordpress o módulos personalizados para Elementor a precio razonable. Contáctame