# 021: Breken in opneembare onderdelen - CSS-trucs

Anonim

Nu we een aangepast lokaal domein hebben, kunnen we PHP gebruiken. De "P" in MAMP is voor "PHP" =). Het gebruik van PHP betekent dat we include kunnen gebruiken. Bijvoorbeeld:

Ons doel is om een ​​statische "blogpost" -pagina te maken om mee te gaan rommelen. We zouden dat kunnen doen door onze index.html-pagina (nu index.php) te dupliceren, maar we zouden veel herhaalde code in dat bestand hebben als we dat zouden doen. Onthoud dat we proberen zo DROOG mogelijk te blijven (Don't Repeat Yourself).

We maken een map met de naam ‘onderdelen’ waarin kleine herbruikbare stukjes kunnen worden geplakt die op alle pagina's voorkomen. Zoals het plaatsen van de DOCTYPE en head-stuff in een deel, de navigatie en de voettekst (voorlopig slechts enkele afsluitende tags).

Nu gebruiken onze index.php-pagina en onze blogpost.php beide verschillende include en verschillen alleen waar het er echt toe doet: de inhoud.

We breiden de mogelijkheden van ons raster een beetje uit door een 2/3 1/3 setup te maken, die we vaker zullen gebruiken op artikelachtige pagina's.

We nemen de body-tag niet op, voor het geval we klassen erop moeten wijzigen om de pagina anders te stylen, als het nuttig wordt om te stylen op basis van een hiërarchisch hoge klasse.

We hebben blogpost.php opgezet met echte HTML van een echte blogpost. Omdat het, zoals altijd, beter is om te ontwerpen rond echte inhoud dan nepinhoud. Het zal veel werk vergen, maar we hebben een geweldige basis om van te werken.