Plantillas en php (tema 2)

La plantilla (o tema, “theme”) define la estructura de la web y se alimenta de los contenidos que provienen de una base de datos. La plantilla html debe preveer que se pueda adaptar contenido variable, en número de elementos, en longitud de texto,etc. El css es lo que nos permite cambiar el aspecto.
Los CMS que vamos a ver están basados en php, por esto es necesario tener claros algunos conceptos básicos de php.
Entorno de desarrollo (servidor local o remoto)
  • Como funciona
  • ¿Que quiere decir XAMPP?
  • Servidor web
  • Lenguaje de servidor (php) (cliente/servidor)
  • Servidor de bases de datos (mysql/phpmyadmin)
  • ¿Que dirección tengo que abrir en el navegador? http://localhost o http://127.0.0.1
  • ¿y el ftp?
Concepto de plantilla La plantilla es lo que permite la separación del contenido de la estructura y la presentación CSS Garden. http://www.csszengarden.com/Ejemplo:http://www.csszengarden.com/?cssfile=http://www.pimpampum.net/themes/custom/ppp/css/ppp_style.css Ejercicio: “Bajar un archivo de html” de css zen garden y  copiarlo localmente.Modificar la ruta del css.Copiar el css localmente. Cambiar alguna propiedad del css y ver el resultado Pasos:
  • Como descargar una pàgina web
  • Descargar página css garden
  • Vincular css con ruta absoluta
  • Cambiar el nombre del archivo css vinculado, ejemplos http://www.csszengarden.com/110/110.css 120/120.css  141/141.css etc
  • Que pasa si copio el css en local, ¿funciona?
¿Y el servidor local? Ejercicio:Arrancar el servidor local (si no lo está) y ver que aparece en la “raiz”. Introducción a php Sólo queremos saber 3 cosas, Jordi nos explicará el resto Como “imprimir” en la plantilla, también sirve print <?php echo "Hola" ?>Como hacer "includes" <?php include "archivo.html"?> Como pasar variables por la url en php <?php print $_GET["mivariable"] ?> Nuestra plantilla + php Ejercicio en clase. Se trata de personalizar nuestra plantilla dividiendola en fragmentos. Utilizar variables pasadas en la url (por ejemplo el título, o el contenido) Ejercicio: Crear una plantilla y hacer el contenido dinàmico con php
  • Cambiar extension a .php (que ocurre si abrimos la plantilla en localhost?)
  • Escribir una instrucción echo en el h2
  • <h2><span><?php echo "Esto es el título" ?></span></h2>
  • Provocar un error de php (omitir las comillas por ejemplo)
  • Incluir un fragmento de texto con instrucción include de php
<?phpinclude "mitexto.txt";?>
  • Dividir el documento en cabecera (header), pie (footer) y el resto
  • Pasar una variable en la url
  plantilla.php?id=4Desde php se recoge el parámetro <?php$id=$_GET['id'];?>
  • Incluir un contenido en texto dependiendo del id pasado en la url..
<?php$id=$_GET['id'];include "contenido_$id.txt";?>
  •  etc...