Porrastetut dynaamiset tyylisivut

Dynaaminen CSS , tai DCSS , on yleisnimitys joukolle tekniikoita käytetään luomaan dynaamisia tyyliarkkeja yhdistämällä tahansa palvelinpuolen ohjelmointikieli (kuten PHP / ASP / Perl / JSP ) ja CSS (CSS) . DCSS: n ensimmäisen idean ehdotti heinäkuussa 2002 hollantilainen ohjelmoija Jori Koolstra.

DCSS mahdollistaa CSS: n muuttujien kanssa työskentelyn ja lähdekoodin dynaamisen uudelleenkirjoittamisen CSS: ssä. Monet sisällönhallintajärjestelmät ovat luoneet lisämoduuleja, esimerkiksi Drupal , DCSS: n hallitsemiseksi. Sassia ja miinusta voidaan käyttää dynaamisina tyylitaulukkeina.

Esimerkki PHP: ssä

Yleensä dynaamisia CSS-tyylitaulukoita käyttävä verkkosivu määritetään kolmella tiedostolla. Ensimmäinen tiedosto, joka sisältää CSS-muuttujat, .php-tiedosto, joka sisältää CSS-sisällön, ja verkkosivu, jolle CSS vaaditaan.

.Dcss-tiedosto näyttää normaalisti tältä:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Exemple DCSS</title> <style type="text/css"> <?php /* Inclure la feuille de style */ require_once("sheet.dcss.php"); ?> </style> </head> <body> </body> </html>

Alla on mukana oleva .dcss.php-tiedosto. Huomaa, että dcss-tiedostolla on aina .php-laajennus:

<?php /* Inclusion du fichier variables */ require_once("vars.php"); echo "p"; echo "{"; echo "font-family: \"$FONT_TYPE\";"; echo "}"; ?>

Ja tiedosto, joka sisältää muuttujat dcss.php-tiedostolle (usein nimeltään vars.php):

<?php $FONT_TYPE = "Courier New"; ?>

Katso myös

Viitteet

  1. Jori Koolstra , "Dynaaminen CSS" ( Internet-arkiston versio 19. elokuuta 2010 ) ,2. heinäkuuta 2002
  2. ceardach, "  Dynaaminen CSS  " , Drupal,3. maaliskuuta 2010(katsottu 27. tammikuuta 2011 )

Ulkoiset linkit