# 021: Rompiendo en partes que se pueden incluir - Trucos CSS

Tabla de contenido

Ahora que estamos ejecutando un dominio local personalizado, podemos usar PHP. La "P" en MAMP es para "PHP" =). Usar PHP significa que podemos usar incluye. Por ejemplo:

Nuestro objetivo es crear una página de "entrada de blog" estática para empezar a jugar. Podríamos hacer eso duplicando nuestra página index.html (ahora index.php), pero tendríamos mucho código repetido en ese archivo si hiciéramos eso. Recuerde, estamos tratando de mantenernos lo más SECOS (No se repita) como sea posible.

Creamos una carpeta llamada "partes" en la que pegar pequeños trozos reutilizables que son comunes a todas las páginas. Como poner el DOCTYPE y el encabezado en una parte, la navegación y el pie de página (por ahora solo algunas etiquetas de cierre) también.

Ahora nuestra página index.php y nuestro blogpost.php usan varias inclusiones y solo difieren en lo que realmente importa: el contenido.

Expandimos un poco las posibilidades de nuestra cuadrícula haciendo una configuración de 2/3 1/3, que usaremos más comúnmente en páginas similares a artículos.

No incluimos la etiqueta del cuerpo, en caso de que necesitemos cambiar las clases en ella para usarla para diseñar la página de manera diferente si resulta útil diseñar un estilo basado en una clase jerárquicamente superior.

Configuramos blogpost.php con HTML real de una publicación de blog real. Porque, como siempre, es mejor diseñar con contenido real que con contenido falso. Va a necesitar mucho trabajo, pero tenemos una gran base para trabajar.

Articulos interesantes...