Estación meteorológica
Cómo montar una estación meteorológica
Juan Antonio Villalpando
-- Tutorial de montaje y configuración --
Volver al índice del tutorial
____________________________
5.- Personalizar nuestra Plantilla.
- Hemos visto anteriormente que Cumulus viene con varios archivos de Plantillas web (Templates) .
Nosotros podemos crear nuevas plantillas personalizadas, para ello vamos a la ayuda de Cumulus / help.
Y entramos en Creating a web site / Web tags
Observaremos una serie de marcas llamadas "tag", insertando esas marcas en el código fuente de una página web de tipo Plantilla, nos saldrá su dato correspondiente.
Por ejemplo, si queremos que se muestre la Temperatura interior, debemos poner <#intemp> en el sitio correspondiente del archivo plantillaT.htm
<tr class="td_temperature_data">
<td>Temperatura</td>
<td> <#intemp> <#tempunit></td>
<td>Dew Point </td>
<td><#dew> <#tempunit></td>
</tr>
----------------------------------------------------------------------
Mira algunas de las plantillas standard, se ven las marcas "tag" porque son plantillas.
indexT.htm
todayT.htm
yesterdayT.htm
-----------------------------------------------------------
Mi plantilla
Una plantilla es una página .htm, cuyo nombre termina en T, (por ejemplo: ejemploT.htm), dentro de ese archivo habrá marcas como ...
Temperatura: <#intemp>
El dato #intemp, será insertado por Cumulus y geerará la página web: ejemplo.htm
________________________
Esto es un ejemplo de plantilla personalizada:
index2T.htm
aquí tienes una plantilla personalizada de las herramientas:
gauges2T.htm
- Puedes cambiarla mediante un editor htm como el Dreamweaver o el mismo FrontPage del Office.
- Hay que tener cuidado con el Editor, a veces los editores añaden códigos propios ocultos y crean una página no legible por Cumulus.
- Un buen editor es el Notepad++
- Este archivo iría en la misma carpeta en donde están las demás plantillas, es decir en la carpeta C:\Cumulus\web de nuestro ordenador.
- La plantilla anterior creará al archivo index2.htm, lo he puesto en esta web:
http://iesromerovargas.com/estacion_meteorologica/Cumulus/web/index2.htm
-----------------------------------------------------------
Subir el archivo generado por la Plantilla.
- Ahora tenemos que indicarle a nuestro servidor FTP que también queremos subir este archivo a nuestro hosting. Para ello vamos a:
Configuration / Internet Files
en Local filenames ponemos el archivo que queremos subir, en mi caso...
C:\Cumulus\web\index2.htm
en Remote filenames ponemos a donde lo queremos subir, en mi caso...
/public_html/estacionmeteo/index2.htm
Fíjate que es el archivo que ha creado la Plantilla index2T.htm, pero sin la T de plantilla, es decir: index2.htm
- Marcamos Process, para que la plantilla index2T.htm cree al archivo index2.htm
- Marcamos Process, para que la plantilla gauges2T.htm cree al archivo gauges2.htm
- Marcamos FTP para que se envíe por FTP.
- Marcamos UTF-8 para que se guarde con configuración correcta de texto (acentos, eñes,...)
- Imagen inferior de... http://wiki.sandaysoft.com/a/Customised_templates
-----------------------------------------------------------
- Se puede realizar más de un archivo de plantilla.
- Si solamente queremos que se envíe la Plantilla y no los Archivos estandard (index.htm, yesterday.htm, today.htm,... ), desmarcamos: Include Standard Files.
- El Include Standad Images es conveniente dejarlo marcado porque contiene las imágenes gráficas de los datos.
_________________________
- Más sobre Plantillas.
- La Plantilla que he realizado no tiene Hojas de estilo CSS, como la tienen las plantillas standard. El archivo de Hoja de estilo para las plantillas standard se encuentra en...
webfiles/weatherstyle.css
- A veces en la plantillas que realizamos no salen los acentos, en ese caso ponemos
<head>
<title>Estación meteorológica de KIO4.COM - Puerto Real. (Cádiz)</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
__________________________________________
- Lo siguiente será...
Vamos a seguir configurando Cumulus.
___________________________________________________
Siguiente tema: 6.- Configuración.
|