zona99.com - Ficha técnica de la web inmo903

 
Modelo web inmo903
Modelo: inmo903
Programación:

Adobe Flash CS3
ActionScript 2.0
Datos en XML, TXT
Formularios PHP

 
Página web No  
Web estrella Incluido    
 
Como características generales este modelo incluye:
 
Sección o apartado No Número
Menú principal Incluido   Sin límite de secciones
Fotografía de portada / logotipo o titular Incluido   1 fotografía
Idiomas Incluido   10 idiomas (ampliables)
Botón inicio (volver a la página principal) Incluido    
Ofertas de Portada
Incluido   Sin límites
Fotografías por producto
Incluido   Sin límites
Menú búsqueda
Incluido   Sin límite de apartados
Mapa de localización y datos de la empresa
Incluido    
Formulario de contacto . php
Incluido    
Vídeo .flv
Incluido   1 vídeo por inmueble
Contador de visitas .php Incluido    
 
Información adicional

Con los archivos originales .FLA podrá realizar todo tipo de modificaciones como cambiar los colores, añadir música, vídeos, más secciones, etc, etc.
Para manipular el código fuente .fla es necesario tener el software y los conocimientos necesarios.


 

 

  Carpetas de la página web

 
Listado de carpetas de la web donde se encuentran los contenidos y su función explicada en color
 

carpeta configuracion

Aquí elegimos los apartados que aparecerán en la web y los que no
carpeta fotoportada Aquí se encuentra la foto, logo o titular en imagen .jpg de la portada de la página web
carpeta idiomas Banderas y enlaces a los distintos idiomas que podemos añadir a la página web
carpeta inmuebles Aquí está todo lo referente a los inmuebles, menús, fotos, textos, etc.
carpeta laempresa Datos de la empresa, servicios, formulario de contacto .php, etc.
carpeta localizacion Mapa de localización, dirección, teléfono,...
carpeta noticias Todo lo relaccionado con las noticias que aparecen bajo la foto de portada
carpeta visitas Contador de visitas a la página .php

 

IMPORTANTE: No cambie nunca los nombres de estas carpetas.
Mantenga los nombres de estas carpetas en todos los idiomas que incluya en la página web.

A continuación se explican una a una las carpetas que componen la web y sus contenidos.

 
   

 

 carpeta configuracion

 
Configuración de los apartados de la página web

 
En este modelo de página web tenemos varios apartados que podemos incluir o no en la web según nuestras necesidades. Esta configuración se realiza desde el archivo configuracion.xml

Una vez abierto el archivo configuracion.xml tenemos el siguiente código:

<zona99>
<configuracion idiomas="si" noticias="si" visitas="si"></configuracion>
</zona99>
 

Explicación del código:
El código es muy sencillo, en color granate tenemos las distintas opciones o apartados de la página web que podemos configurar para incluirlo o no, y en color azul pondremos si (sin acento) para que aparezcan en la web y no para que no aparezcan.

En cada página web que se incluye esta configuración y en cada archivo de configuración, (configuracion.xml) se incluyen todas las posibilidades de configuración de apartados que tiene ese modelo de página web. Aunque se añadan otros apartados no provocarán ninguna acción en la web y tampoco deben eliminarse los apartado originales, simplemente poner si o no según se ha explicado.


 

 carpeta fotoportada

 
Fotografía de portada

 
En esta carpeta se encuentra la fotografía (fotoportada.jpg) que aparece como foto de portada en la parte superior de la página web, a la derecha del menú principal. Aquí podemos incluir nuestro logo, diseño, imagen corporativa de nuestra empresa, etc.

Si incluirmos varios idiomas en la página web podremos mostrar una imagen diferente para cada uno de los idiomas.

Por cuestiones de diseño y de tiempo de carga de la página web, se recomienda respetar el tamaño original de la fotografía incluida como ejemplo al descargar la página web.

 

 

 carpeta idiomas

 
Idiomas de la página web

 
Inicialmente la página web está configurada para incluir enlaces a 10 idiomas, aunque desde el código fuente .fla podremos añadir todos los idiomas que deseemos. No se trata de un traductor automático a otros idiomas, simplemente se trata de enlaces a nuevos idiomas que podemos crear en la página web y que será el propio usuario el encargado de realizar las traducciones.

Si no queremos incluir más que un solo idioma tenemos que escribir en el archivo configuracion.xml de la carpeta carpeta configuración de la que hemos hablado anteriormente, idiomas="no" y olvidarnos de los pasos que vamos a explicar a continuación.

La gestión de los nuevos idiomas que incluimos enla web se realiza desde el archivo idiomas.xml.
Al abrirlo encontraremos el siguiente código:

<zona99>
<idioma1>castellano</idioma1>
<idioma2>english</idioma2>
<idioma3>francaise</idioma3>
<idioma4>aleman</idioma4>
<idioma5>italiano</idioma5>
<idioma6>portugues</idioma6>
<idioma7>holandes</idioma7>
<idioma8>ruso</idioma8>
<idioma9>griego</idioma9>
<idioma10>chino</idioma10>
</zona99>

Cada uno de los idiomas que tengamos en la página web resaltados en este ejemplo en azul, será, además del texto que aparezca en la web al pasar el ratón sobre la bandera correspondiente, el nombre que debemos ponerle a la carpeta donde incluiremos todos los datos de ese idioma. Es imprescindible que el texto y el nombre de la carpeta sean exactamente el mismo.

Como ejemplo, para incluir tres idiomas en la página web, el código quedaría así:

<zona99>
<idioma1>castellano</idioma1>
<idioma2>english</idioma2>
<idioma3>francaise</idioma3>
</zona99>

Manteniendo siempre esta estructura ( idioma1, idioma2, idioma3,..., etc).

Junto al archivo idiomas.xml encontramos la carpeta carpeta banderas, donde se encuentran las banderas de ejemplo que aparecen en la web.

bandera de españa bandera1.jpg
bandera de gran bretaña bandera2.jpg
bandera de  francia bandera3.jpg
bandera de alemania bandera4.jpg
bandera de italia bandera5.jpg
bandera de portugal bandera6.jpg
bandera de holanda bandera7.jpg
bandera rusa bandera8.jpg
bandera de grecia bandera9.jpg
bandera china bandera10.jpg

Las banderas, al igual que los textos, han de manterner el mismo orden. Si por ejemplo incluimos tres idiomas en la web, castellano, italiano y alemán y queremos que aparezcan por ese orden, el orden y el nombre de las banderas sería el siguiente:

bandera de españa bandera1.jpg
bandera de italia bandera2.jpg
bandera de alemania bandera3.jpg

 

Crear nuevos idiomas

 
¿Cómo creamos nuevos idiomas en la página web?

Originalmente la página web sólo incluye 1 idioma, el castellano, pero podemos añadir hasta nueve idiomas más. Esto no quiere decir que el idioma principal tenga que ser el castellano, el idioma inicial o principal de la página web puede ser cualquiera, inglés, francés, etc. La página funcionará igual independientemente del idioma principal.

Ya hemos visto como crear los enlaces que aparecerán en la página web a los distintos idiomas.
Ahora vamos a ver como crear los contenidos de los idiomas propiamente dichos.

Una vez que el idioma principal de la página web está terminado, y hemos incluido todo el texto, las fotografías, etc, es la hora de crear los nuevos idiomas que queremos icorporar a la página web.

Crear un nuevo idioma es muy sencillo.
Todos los datos de la página web, tanto los textos como fotografías, vídeos, etc., todos, excepto la gestión de usuarios (en las páginas que incluyan esta opción) y la película flash se encuentran en la carpeta carpeta contenidos. Sólo tenemos que hacer una copia de esta carpeta, cambiarle el nombre por el del nuevo idioma y modificar sus contenidos.

Pasos a seguir:

1- Abrimos el explorador de carpetas de nuestro Sistema Operativo y accedemos a la carpeta
carpeta contenidos de nuestra página web que se encuentra en el siguiente directorio de la página web:
web/archivos/contenidos
2- Seleccionamos la carpeta carpeta contenidos y hacemos clic con el botón derecho del ratón.
3- En el menú contextual que nos aparece seleccionamos "Copiar"
4- Hacemos clic fuera de la carpeta carpeta contenidos para anular la selección
5- Hacemos nuevamente clic con el botón derecho del ratón (sin tener nada seleccionado) y en el menú contextual que nos aparece seleccionamos "Pegar"
6- Tendremos una carpeta llamada carpeta Copia de contenidos. Seleccionamos esta carpeta y con el botón derecho del ratón hacemos clic en cambiar nombre.
7- Como hemos dicho, algo imprescindible es ponerle como nombre el mismo que le hemos puesto anteriormente en el archivo idiomas.xml, es decir, si esta carpeta la vamos a utilizar para el idioma, por ejemplo, italiano la carpeta deberá llamarse carpeta italiano.
8- Una vez cambiado el nombre de la carpeta hacemos clic fuera de la carpeta y ya tenemos un nuevo idioma habilitado en la página web.
9- Ahora ya podemos cambiar los contenidos de la carpeta carpeta italiano.


 

 carpeta inmuebles

 
Inmuebles o productos que se ofrecen en la página web

 
En la carpeta carpeta inmuebles encontramos:

textos.xml
carpeta localidades
carpeta menubusqueda
carpeta ofertasdeportada

 

textos.xml

 
Aquí están los textos que aparecen en esta sección. Al abrilo encontraremos el siguiente código:

<zona99>
<titulobusqueda>Búsqueda avanzada</titulobusqueda>
<tituloofertas>Ofertas de portada</tituloofertas>
<localidad>Seleccione la localidad</localidad>
<inmueble>Seleccione el tipo de inmueble</inmueble>
<opcion>Seleccione una opción</opcion>
<buscar>Iniciar la búsqueda</buscar>
<ref>Ref:</ref>
<moneda></moneda>
<cerrar>cerrar ventana</cerrar>
<fotografias>Fotografías</fotografias>
<vervideo>Ver vídeo</vervideo>
<nohay>No se encontraron inmuebles en esta sección</nohay>
</zona99>

Hemos resaltado en azul los textos que podemos modificar

No modifique la estructura de este archivo. Cambie únicamente el contenido.

 

carpeta localidades

 
En esta carpeta es donde se encuentran todos los datos (fotos, textos,..., etc) de los inmuebles.
La estructura es muy sencilla. Está estructurado en carpetas anidadas.

1- Primero tenemos todas las localidades (nombre del pueblo, ciudad, zona, ..., etc.) donde tenemos inmuebles para mostrar al cliente. Por cada localidad creamos una carpeta con su correspondiente nombre.

2- Dentro de cada una de estas localidades (dentro de cada carpeta) tenemos los distintos tipos de inmuebles (casas, pisos, locales,..., etc). Crearemos una carpeta por tipo de inmueble.

3- Dentro de cada tipo de inmueble (dentro de cada carpeta) tenemos las opciones (alquiler, venta,...)

Veamos un ejemplo:

 

carpeta localidades

  carpeta madrid
 
  carpeta casa
 
  carpeta alquiler
  carpeta venta
  carpeta piso
 
  carpeta alquiler
  carpeta venta
  carpeta apartamento
 
  carpeta alquiler
  carpeta venta
  carpeta barcelona
 
  carpeta casa
 
  carpeta alquiler
  carpeta venta
  carpeta piso
 
  carpeta alquiler
  carpeta venta
  carpeta apartamento
 
  carpeta alquiler
  carpeta venta
  carpeta valencia
 
  carpeta casa
 
  carpeta alquiler
  carpeta venta
  carpeta piso
 
  carpeta alquiler
  carpeta venta
  carpeta apartamento
 
  carpeta alquiler
  carpeta venta
   

Podemos incluir tantas localidades como deseemos, así como tipo de inmueble (casa, chalet, local, adosado,..., etc) y opciones de venta (alquiler, venta, traspaso,..., etc).

 

carpeta menubusqueda

 
En esta carpeta es donde se encuentran los distintos menús que aparecen en la web en los menús desplegables de búsqueda avanzada y desde los que accederemos a los distintos inmuebles.
Tenemos tres archivos:

localidades.xml
tipodeinmueble.xml
opciones.xml

localidades.xml
Al abrir el archivo tenemos un código similar a este:

<zona99>
<zona99 localidad="Santiago de Compostela" carpeta="santiago"></zona99>
<zona99 localidad="Madrid" carpeta="madrid"></zona99>
<zona99 localidad="Barcelona" carpeta="barcelona"></zona99>
<zona99 localidad="Ciudad Real" carpeta="ciudadreal"></zona99>
</zona99>

Resaltado en granate tenemos el nombre de la localidad, el que se ve en el menú de la página web, y resaltado en este ejemplo en azul pondremos el nombre de la carpeta de esa localidad.

tipodeinmueble.xml
Al abrir el archivo tenemos un código similar a este:

<zona99>
<zona99 tipodeinmueble="Casa" carpeta="casa"></zona99>
<zona99 tipodeinmueble="Piso" carpeta="piso"></zona99>
<zona99 tipodeinmueble="Apartamento" carpeta="apartamento"></zona99>
<zona99 tipodeinmueble="Ático" carpeta="atico"></zona99>
</zona99>

Resaltado en granate tenemos el texto de cada inmueble y en azul el nombre de la carpeta correspondiente. Estas opciones se aplicarán a todas las localidades.

opciones.xml
Al abrir el archivo tenemos un código similar a este:

<zona99>
<zona99 opcion="En venta" carpeta="venta"></zona99>
<zona99 opcion="En alquiler" carpeta="alquiler"></zona99>
<zona99 opcion="Traspaso" carpeta="traspaso"></zona99>
</zona99>

Resaltado en granate tenemos el texto de cada opción (compra, venta) y en azul el nombre de la carpeta correspondiente. Estas opciones se aplicarán a todas las localidades.

 

carpeta ofertasdeportada

 
En este apartado configuraremos los inmuebles que aparecen al entrar en la página web. En esta carpeta encontraremos el archivo configuracion.xml. Al abrirlo encontraremos un código similar a este:

<zona99>
<referencia>madrid/apartamento/alquiler/ap401</referencia>
<referencia>barcelona/piso/venta/piso99</referencia>
<referencia>valencia/casa/venta/casa901</referencia>
</zona99>

Resaltado en azul tenemos la dirección o ruta de carpetas (dentro de nuestra página web) en la que se encuentra el inmueble en cuestión.
Es muy sencillo. En este ejemplo el primer inmueble que se verá en la página web sería sería el inmueble que se encuentra dentro de la carpeta que hemos llamado ap401, que a su vez se encuentra dentro de la carpeta alquiler, que a su vez se encuentra dentro de la carpeta apartamento y que a su vez ésta se encuentra dentro de la carpeta madrid.

En definitiva, en madrid tenemos un apartamento en alquiler cuya referencia es ap401.
En barcelona tenemos un piso en venta cuya referencia es piso99.
En valencia tenemos una casa en venta cuya referencia es casa901.

Podemos incluir en este archivo todos los inmuebles que deseemos, sin límite, que serán, como hemos dicho los que se vean inicialmente al entrar en la página web.

 

carpeta Carpetas o contenidos de cada uno de los inmuebles

 
Vamos a detellar todos los archivos que se incluyen para cada uno de los inmueble que se ven en la página web.

Como hemos dicho tenemos distintas carpetas anidades, es decir, unas dentro de otras.
Primero están las localidades (madrid, barcelona, valencia,...), dentro de ellas los tipos de inmuebles (casas, pisos, locales,...) y dentro de cada una de estas últimas opciones pondremos los distintos inmuebles a los que podremos llamar como más nos guste o como más fácil nos sea identificarlos.

Pongamos un ejemplo:

Dentro de la carpeta carpeta inmuebles tenemos la carpeta carpeta localidades.
Dentro de la carpeta carpeta localidades elegimos una carpeta (una localidad), por ejemplo, carpeta albacete.
Dentro de la carpeta carpeta albacete tenemos los distintos tipos de inmuebles disponibles en esa localidad.
Seleccionaremos, por ejemplo carpeta casas.
Dentro de la carpeta carpeta casas seleccionaremos la opción (carpeta) carpeta venta.
Es en esta carpeta carpeta venta donde crearemos todas las carpetas de las casas en venta que tengamos en albacete.
Lo primero que debemos hacer es modificar el archivo configuracion.xml que encontraremos de ejemplo en esa sección. Si la sección es nueva debemos incluir siempre un archivo configuracion.xml ya que es el que le indica a la página web el nombre y número de carpetas que hemos creado. Lo mejor es copiar uno ya existente y modificar los contenidos.

Al abrir el carchivo configuracion.xml nos encontraremos con un código similar a este:

<zona99>
<referencia>casaenventa1</referencia>
<referencia>casaenventa2</referencia>
<referencia>casaenventa3</referencia>
<referencia>casaenventa4</referencia>
<referencia>casaenventa5</referencia>
</zona99>

Hemos resaltado el nombre de cada carpeta o referencia del inmueble en azul.
Podemos añadir, eliminar y cambiar el nombre de las carpetas según nuestras necesidades.

Dentro de cada una de estas carpetas encontraremos el arhivo informacion.xml.
Es en este archivo donde incluiremos toda la información del inmueble. Al abrirlo encotraremos un código similar a éste:

<zona99>
<referencia>casaenventa1</referencia>
<precio>179801</precio>
<texto><![CDATA[<font color='#ffffff'><b>Casa en venta 1</b></font><br>500m2 de superficie<br>Terraza de 1200m2 con piscina<br>4 cuartos de baño,...
<font color='#ffffff'><b>Datos técnicos del inmueble:</b></font>
<b>Superficie: </b><font color='#ff0000'>500m2 útiles</font>
<b>habitaciones: </b><font color='#ff0000'>6 habitaciones dobles</font>
<b>Otras características:</b></font><br><br>Inmueble situado en el centro de la ciudad, a un sólo paso de los lugares más importantes.<br><br>Zona comunitaria con vigilancia, jardines privados, piscina privada, gimnasio para residentes,...<br><br>]]></texto>
<numerodefotos>5</numerodefotos>
<opcionvideo>si</opcionvideo>
</zona99>

Explicación del código:
<referencia>casaenventa1</referencia> (referencia, id o nombre que le damos al inmueble)
<precio>179801</precio> (precio del inmueble)
<texto>Texto descriptivo,...</texto> (Texto descriptivo del inmueble con algunas etiquetas html en verde)
<numerodefotos>5</numerodefotos> (Indicamos el número de fotos que hay en la carpeta carpeta fotos)
<opcionvideo>si</opcionvideo> (Indicamos si este inmueble tiene vídeo disponible o no)

Mantenga siempre esta estructura en el archivo informacion.xml. Cambie únicamente los contenidos.

Una vez modificado el archivo informacion.xml vemos que tenemos dos carpetas una llamada carpeta fotos y otra llamada carpeta video

Carpeta carpeta fotos:
En la carpeta fotos incluiremos todas las fotografías que queramos sin límite alguno. Las fotografías se llamarán foto.jpg, que es la fotografía que se muestra inicialmente de ejemplo y foto1.jpg, foto2.jpg, foto3.jpg,... y así sucesivamente para el resto de las fotografías del inmueble. Podemos incluir todas las fotos que queramos siguiendo esta secuencia e indicando el número total de fotos en el archivo informacion.xml

Por cuestiones de diseño y de tiempo de carga de la página web, se recomienda respetar el tamaño original de las fotografías incluidas como ejemplo al descargar la página web.

Carpeta carpeta video:
Por cada unmueble tenemos la opción de mostrar un vídeo. El vídeo ha de ser en formato .flv, que es el más utilizado para mostrar vídeos en Internet.
El espacio donde se muestra el vídeo es de 480x360 px. Este es el tamaño máximo aunque desde la propia página web podemos ajustar el tamaño original del vídeo a nuestra web.

 

 

 carpeta laempresa

 

En esta carpeta podrá incluir todos los arpartados o secciones que desee, sin límites. Estos apartados son los que se despliegan desde el menú principal de la página web, situado en la parte superior, junto a la foto de portada.

 
Menu principal de la sección

 
Este menú está gestionado por un archivo .xml, menu.xml que encontrará dentro de la carpeta a la que llamamos carpeta laempresa (como ya se ha dicho no cambie nunca el nombre de esta carpeta aunque publique la página web en distintos idiomas).

Al abrir este archivo menu.xml encontrará un código similar a este:

<zona99>
<brc textomenu="Texto Apartado 1" carpeta="carpeta1"/>
<brc textomenu="Texto Apartado 2" carpeta="carpeta2"/>
<brc textomenu="Texto Apartado 3" carpeta="carpeta3"/>
<brc textomenu="Texto Apartado 4" carpeta="carpeta4"/>
<brc textomenu="Contacto" carpeta="contacto"/>
</zona99>

Descripción del código: El código anterior es muy sencillo.
En color granate están resalatados los textos que se ven en el menú (en la página web) y en color azul tenemos el nombre de la carpeta carpeta donde se encuentra la información ( textos y fotografías ) de ese apartado.
 

Eliminar una sección del menú

 
Para eliminar un apartado o sección del menú (menu.xml) sólo tenemos que seleccionar una línea del código (resaltada en rojo en el siguiente ejemplo), borrarla o suprimirla y guardar los cambios.

<zona99>
<brc textomenu="Texto Apartado 1" carpeta="carpeta1"/>
<brc textomenu="Texto Apartado 2" carpeta="carpeta2"/>
</zona99>

El resultado es el siguiente:

<zona99>
<brc textomenu="Texto Apartado 1" carpeta="carpeta1"/>
</zona99>
 

Añadir más apartados al menú

 
Para añadir más apartados o secciones (resaltadas en color en el ejemplo) sólo tenemos que copiar y pegar una o varias líneas del código y luego cambiar tanto los textos como los nombres de las carpetas. O también podemos escribirlas directamente.

<zona99>
<brc textomenu="Texto Apartado 1" carpeta="carpeta1"/>
<brc textomenu="Texto Apartado 2" carpeta="carpeta2"/>
<brc textomenu="Texto Apartado 3" carpeta="carpeta3"/>
<brc textomenu="Texto Apartado 4" carpeta="carpeta4"/>
<brc textomenu="Texto Apartado 5" carpeta="carpeta5"/>
<brc textomenu="Texto Apartado 6" carpeta="carpeta6"/>
<brc textomenu="Texto Apartado 7" carpeta="carpeta7"/>

</zona99>

Una vez cambiado y guardado los cambios en el menú (menu.xml) sólo tendríamos que acceder a la carpeta carpeta laempresa y crear dos carpetas nuevas, una llamada carpeta6 y otra llamada carpeta7. Las carpetas que creemos en esta sección u otras secciones de la página web siempre han de llamarse igual que el nombre que le pongamos en el menú si no, no se verán en la web.
 

Contenido de las carpetas incluidas en la carpeta carpeta laempresa

 
Dentro de la carpeta carpeta laempresa existen varias carpetas que incluimos en la página web como ejemplos, aunque como ya hemos dicho puede crear tantas como desee. Dentro de cada una de estas carpetas (excepto en la carpeta contacto) encontraremos el siguiente archivo: informacion.xml. Este archivo ha de incluirse en todas las carpetas o apartados que creemos y en él incluiremos la información de cada uno de estos apartados.

Al abrir el archivo informacion.xml nos encontramos en el código con un título y un texto que corresponden al título de la sección resaltado en azul y al texto descriptivo de la sección resaltado también en azul.

<zona99>
<titulo>La empresa</titulo>
<texto>Texto descriptivo de la empresa aquí. Texto descriptivo de la empresa aquí. Texto descriptivo de la empresa aquí. Texto descriptivo de la empresa aquí. Texto descriptivo de la empresa aquí. Texto descriptivo de la empresa aquí. </texto>
</zona99>
 

carpeta contacto (formulario de contacto en php)

 
Dentro del menú principal (menu.xml) tiene la opción de poder incorporar, además de todas las secciones que desee, una sección con un formulario de contacto. Para ello sólo ha de incluir una línea de código en el menú principal (menu.xml) a cuya carpeta le lleme contacto, como se ve en el siguiente ejemplo resaltado en color en el código del menú principal:

<zona99>
<brc textomenu="Texto Apartado 1" carpeta="carpeta1"/>
<brc textomenu="Texto Apartado 2" carpeta="carpeta2"/>
<brc textomenu="Texto Apartado 3" carpeta="carpeta3"/>
<brc textomenu="Contactar con Brcmedia" carpeta="contacto"/>
</zona99>

Como hemos dicho el único requisito indispensable es que la carpeta se llame contacto.

Para cambiar los datos (email o textos que se ven en este formulario de contacto) acceda a la carpeta
carpeta contacto que encontrará dentro de la carpeta carpeta laempresa. Encontrará los siguientes archivos:

class.phpmailer.php (archivo que gestiona el envío de los datos del formulario. Se recomienda no tocar)
contacto.php (página con los datos de contacto de la empresa. Vea como modificarla aquí)
informacion.xml En este archivo se encuentran tanto los textos del formulario como los datos de nuestra empresa que queramos incluir. Resaltados aquí en azul.

<zona99>
<titulo>Fomulario de contacto</titulo>
<textonombre>Nombre:</textonombre>
<textodireccion>Dirección:</textodireccion>
<textolocalidad>Localidad:</textolocalidad>
<textotelefono>Teléfono:</textotelefono>
<textoemail>Email:</textoemail>
<textocomentarios>Comentarios</textocomentarios>
<textoenviar>Enviar datos</textoenviar>
<texto>Texto con todos los datos de la empresa aquí</texto>
</zona99>

NOTA:
Puede ser necesario variar la programación de estos formulario dependiendo del servidor donde se aloje la página web, (Windows, Linux), por la versión de php utilizada en el servidor del cliente (php3, php4, php5), por los requisitos de programación exigidos por servidor del cliente o por posteriores actalizaciones o cambios en la programación de este tipo de archivos o formularios php. Estos cambios en la programación han de ser realizados por el propio usuario, ya sea con sus conocimientos o a través de una empresa que ofrezca este tipo de servicios. zona99.com ha comprobado y verificado el correcto funcionamiento de estos formularios en sus servidores Windows y Linux, pero zona99.com no se hace responsable del correcto funcionamiento de estos archivos en el servidor del cliente.


 

 carpeta localizacion

 
Datos de localización y mapa de localización

 
En la carpeta carpeta localización encontrará el archivo informacion.xml y la carpeta carpeta fotos

En el archivo informacion.xml es donde, como en anteriores archivos .xml podrá incluir los datos de su empresa. Al abrir este archivo encontrará un código similar a este:

<zona99>
<titulo>Mapa de localización</titulo>
<texto>Texto con los datos de la empresa aquí</texto>
<numerodefotos>5</numerodefotos>
</zona99>

Incluye título de la sección, texto con los datos que queramos incluir de la empresa y el número de fotografías que hay en la carpeta fotos, todo resaltado en color azul.

En la carpeta carpeta fotos es donde está la foto de portada fotoportada.jpg (enlace a la sección) y todas las fotografías que deseemos incluir como información para la localización de la empresa. Sólo tenemos que llamarlas foto1.jpg, foto2.jpg, foto3.jpg, etc.
Como hemos dicho podemos incluir todas las fotos que queramos siguiendo esta secuencia e indicando el número total de fotos en el archivo informacion.xml

Por cuestiones de diseño y de tiempo de carga de la página web, se recomienda respetar el tamaño original de la fotografía incluida como ejemplo al descargar la página web.


 

 carpeta noticias

 

En la carpeta carpeta noticias podemos incluir todas las noticias que deseemos, sin límite.
Cada noticia lleva un enlace a una página .html (o cualquier otra que deseemos) que se abrirá en una nueva ventana del navegador. Estas noticias son las que en la página web se escriben letra a letra bajo la fotografía de portada.

Al abrir el archivo noticias.xml encontraremos un código similar a éste:

<?xml version='1.0' encoding='iso-8859-1' ?>
<zona99>
<link>
<noticia>Noticia 1 - Escriba su noticia aquí. Haga clic y se abrirá en una nueva ventana</noticia>
<url>archivos/contenidos/noticias/noticia1.html</url>
</link>
<link>
<noticia>Noticia 2 - Escriba su noticia aquí. Haga clic y se abrirá en una nueva ventana</noticia>
<url>archivos/contenidos/noticias/noticia2.html</url>
</link>
<link>
<noticia>Noticia 3 - Escriba su noticia aquí. Haga clic y se abrirá en una nueva ventana</noticia>
<url>http://www.zona99.com/zona99</url>
</link>
<link>
</zona99>

Resaltado en granate está el texto y en azul la dirección de la página que contiene la noticia.
También se pueden incluir enlaces a otras páginas fuera de nuestro sitio web, por ejemplo a Brcmedia, como en la última noticia de ejemplo.

 

 

 carpeta visitas

 
Contador de visitas a la página

 
Aquí se incluye un contador de visitas a la página en php.
Para que el contador comience a funcionar es necesario realizar una pequeña manipulación en el archivo de texto contadorvisitas.txt
Tiene toda la información aquí


 

  nombres de las carpetas

 
Textos y nombres de carpetas

 
Podemos poner el nombre que deseemos tanto a los textos como a las carpetas, aunque para los nombres de las carpetas debemos omitir incluir caracteres especiales como acentos, eñes, etc. En definitiva, hemos de poner sólo letras y números evitando (ªº!|" @·#$%&¬/()=?¿Çç}'¡`+*][{´¨;:€,...)

Un ejemplo podría ser:

<zona99>
<brc textomenu="Nuestra Empresa" carpeta="nuestraempresa"/>
<brc textomenu="Servicios que ofrecemos" carpeta="servicios"/>
<brc textomenu="Formulario de contacto" carpeta="contacto"/>
</zona99>
 

 

 

  Maquetación del texto

 
Maquetar el texto en archivos .xml

 
La maquetación del texto en archivos .xml es exactamente la misma que realizamos en archivos de texto .txt, con una pequeña modificación.

La única diferencia con la maquetación de arhivos de texto .txt es que hemos de incluir an inicio y al final del texto que vamos a maquetar <![CDATA[ (al inicio) y ]]> (al final).

Este es un ejemplo de código maquetado. Resaltamos en azul las etiquetas antes mencionadas y en verde las etiquetas html que hemos usado.

<texto><![CDATA[<font color='#ffffff'><b>Apartamento en alquiler 1</b></font><br>
500m2 de superficie<br>Terraza de 1200m2 con piscina<br>4 cuartos de baño,...
<font color='#ffffff'><b>Datos técnicos del inmueble:</b></font>
<b>Superficie: </b><font color='#ff0000'>500m2 útiles</font>
<b>habitaciones: </b><font color='#ff0000'>6 habitaciones dobles</font>
<b>Armarios: </b><font color='#ff0000'>3 armarios empotrados</font>
<font color='#ffffff'><b>Otras características:</b></font><br><br>Inmueble situado en el centro de la ciudad, a un sólo paso de los lugares más importantes.<br><br>Suelo de parket con calefacción por inducción, cocina de diseño, salón de 55m2 con chimenea tradicional, televisión de plasma de 47", sofás de piel de la mejor calidad,...<br><br>]]></texto>

En la sección "cambiar texto" en la guía del usuario tiene más información de las etiquetas html que puede incorporar a sus texto. Estos son los enlaces a la Guía de ayuda:

texto en negrita
texto subrayado
texto en cursiva
cambiar tipo de fuente
cambiar el tamaño de la fuente
cambiar el color del texto
salto de línea
anidar etiquetas html
incluir fotos en el texto
caracteres especiales


zona99.com