|     Inicio    |   |         |  |   FOROS      |  |      |      
   Elastix - VoIP B4A (Basic4Android) App inventor 2 PHP - MySQL
  Estación meteorológica B4J (Basic4Java) ADB Shell - Android Arduino
  AutoIt (Programación) Visual Basic Script (VBS) FireBase (BD autoactualizable) NodeMCU como Arduino
  Teleco - Emisora de A.M. Visual Basic Cosas de Windows Webs interesantes
Translate:
Búsqueda en este sitio:


.

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> &nbsp;<#tempunit></td>
<td>Dew&nbsp;Point </td>
<td><#dew>&nbsp;<#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&oacute;n meteorol&oacute;gica de KIO4.COM - Puerto Real. (C&aacute;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.

 

- Mi correo:
juana1991@yahoo.com
- KIO4.COM - Política de cookies. Textos e imágenes propiedad del autor:
© Juan A. Villalpando
No se permite la copia de información ni imágenes.
Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación y realizan análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. Acepto    Más información