Brcmedia.com - Ficha técnica de la web animales903

 
Modelo web animales903
Modelo: animales903
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 Opciones y características
Menú principal Incluido   Sin límite de secciones
Fotografía de portada / logotipo o titular Incluido   1 fotografía
Idiomas Incluido   10 idiomas (ampliables en .fla)
Botón inicio (volver a la página principal) Incluido    
Ofertas de Portada
Incluido   Sin límites de ofertas
Fotografías por producto
Incluido   Sin límites de fotografías
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 producto
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 productos Aquí está todo lo referente a los productos, 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:

<brcmedia>
<configuracion idiomas="si" localizacion="si" noticias="si" visitas="si"></configuracion>
</brcmedia>
 

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:

<brcmedia>
<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>
</brcmedia>

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í:

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

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 productos

 
productos que se ofrecen en la página web

 
En la carpeta carpeta productos encontramos:

textos.xml
ofertasdeportada.xml
listadeproductos.xml
carpeta producto1
carpeta producto2
carpeta producto3
carpeta producto, . . .

Veamos cada uno de los archivos y carpetas de la sección:

 

textos.xml

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

<brcmedia>
<titulobusqueda>Búsqueda avanzada</titulobusqueda>
<tituloofertas>Ofertas de portada</tituloofertas>
<tituloproductos>Listado de marcas</tituloproductos>
<titulosubproductos>Modelos de cada marca</titulosubproductos>
<tituloopcion>Opciones de compra</tituloopcion>
<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 productos en esta sección</nohay>
</brcmedia>

Hemos resaltado en azul los textos que podemos modificar

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

 

ofertasdeportada.xml

 
En este apartado configuraremos los productos que aparecen al entrar por primera vez en la página web. Al abrirlo encontraremos un código similar a este:

<brcmedia>
<referencia>producto1/subproducto1/opcion1/referencia1</referencia>
<referencia>producto2/subproducto2/opcion2/referencia2</referencia>
</brcmedia>

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

Si la página la dedicamos a la venta de automóviles podríamos tener, por ejemplo, el siguiente código:

<brcmedia>
<referencia>seat/ibiza/nuevos/ibizaxgl125</referencia>
<referencia>seat/ibiza/segundamano/ibizagr2</referencia>
<referencia>ford/orion/segundamano/orion1400brc</referencia>
<referencia>ford/mondeo/segundamano/mondeogl</referencia>
</brcmedia>

En definitiva, tenemos la oferta de un ibizaxgl125, nuevo,
La oferta de un ibizagr2 de segunda mano,
la oferta de un Ford orion1400brc de segunda mano y
un Ford mondeogl también de segunda mano

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

 

listadeproductos.xml

 
En este archivo es donde se encuentra el listado principal de productos.
Es el primer menú desplegable de la búsqueda avanzada de productos. Al cambiar o seleccionar en el menú desplegable un nuevo producto, los dos menús que se encuentran debajo cambiarán a su vez su contenido.

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

<brcmedia>
<brcmedia producto="Producto 1" carpeta="producto1"></brcmedia>
<brcmedia producto="Producto 2" carpeta="producto2"></brcmedia>
<brcmedia producto="Producto 3" carpeta="producto3"></brcmedia>
<brcmedia producto="Producto 4" carpeta="producto4"></brcmedia>
</brcmedia>

Resaltado en granate tenemos el nombre del producto, 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 donde está toda la información de ese producto.


Ejemplo:
El código es muy sencillo. Si utilizamos la página web para mostrar un catálogo de coches podríamos tener un código similar a este:

<brcmedia>
<brcmedia producto="SEAT" carpeta="seat"></brcmedia>
<brcmedia producto="BMW" carpeta="bmw"></brcmedia>
<brcmedia producto="Alfa Romeo" carpeta="alfaromeo"></brcmedia>
<brcmedia producto="Ford" carpeta="ford"></brcmedia>
</brcmedia>

 

carpeta producto1, carpeta producto2, carpeta producto3,...

 
Dentro de cada una de estas carpetas (carpeta producto1, carpeta producto2, carpeta producto3,...) encontraremos los siguientes archivos:

subproductos.xml
carpeta subproducto1
carpeta subproducto2
carpeta subproducto3,...

subproductos.xml
Este archivo corresponde al segundo menú desplegable (búsqueda avanzada) que aparece en la web. Al cambiar o seleccionar en este menú desplegable un nuevo producto, el menú que se encuentran debajo cambiará a su vez su contenido.
Al abrir el archivo tenemos un código similar a este:

<brcmedia>
<brcmedia subproducto="subroducto 1" carpeta="subproducto1"></brcmedia>
<brcmedia subproducto="subroducto 2" carpeta="subproducto2"></brcmedia>
<brcmedia subproducto="subroducto 3" carpeta="subproducto3"></brcmedia>
</brcmedia>

Este código se correspondería con las carpetas que tenemos del mismo nombre.

Ejemplo:
Siguiendo con el ejemplo del catálogo de coches podríamos poner:

subproductos.xml
carpeta seat
carpeta audi
carpeta bmw,...

Quedando el archivo subproductos.xml de la siguiente forma:

<brcmedia>
<brcmedia subproducto="SEAT" carpeta="seat"></brcmedia>
<brcmedia subproducto="Audi" carpeta="audi"></brcmedia>
<brcmedia subproducto="BMW" carpeta="bmw"></brcmedia>
</brcmedia>

Veamos ahora el contenido de cada una de las carpetas de subproductos:

 

carpeta subproducto1, carpeta subproducto2, carpeta subproducto3,...

 
Dentro de cada una de estas carpetas carpeta subproducto1, carpeta subproducto2, carpeta subproducto3,... encontraremos los siguientes archivos:

opciones.xml
carpeta opcion1
carpeta opcion2
carpeta opcion3,...

opciones.xml
Este archivo corresponde al tercer menú desplegable (búsqueda avanzada) que aparece en la web.
Al abrir el archivo tenemos un código similar a este:

<brcmedia>
<brcmedia opcion="opcion 1" carpeta="opcion1"></brcmedia>
<brcmedia opcion="opcion 2" carpeta="opcion2"></brcmedia>
<brcmedia opcion="opcion 3" carpeta="opcion3"></brcmedia>
</brcmedia>

Ejemplo:
Siguiendo con el ejemplo del catálogo de coches podríamos tener:

opciones.xml
carpeta cochesnuevos
carpeta segundamano
carpeta ofertas,...

Quedando el archivo opciones.xml de la siguiente forma:

<brcmedia>
<brcmedia opcion="Coches nuevos" carpeta="cochesnuevos"></brcmedia>
<brcmedia opcion="Coches de segunda mano" carpeta="segundamano"></brcmedia>
<brcmedia opcion="Ofertas" carpeta="ofertas"></brcmedia>
</brcmedia>

Veamos ahora el contenido de cada una de las carpetas de opciones:

   

carpeta opcion1, carpeta opcion2, carpeta opcion3,...

 
Dentro de cada una de estas carpetas carpeta opcion1, carpeta opcion2, carpeta opcion3,... encontraremos los siguientes archivos:

referencias.xml
carpeta referencia1
carpeta referencia2
carpeta referencia3,...

referencias.xml
Este archivo es en el que le indica a la página web la referencia o nombre en concreto de cada producto que ha de conincidir con el nombre de la carpeta en la que se encuentra.
Al abrir el archivo referencias.xml tenemos un código similar a este:

<brcmedia>
<referencia>referencia1</referencia>
<referencia>referencia2</referencia>
<referencia>referencia3</referencia>
<referencia>referencia4</referencia>
<referencia>referencia5</referencia>
</brcmedia>

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

Ejemplo:
Siguiendo con el ejemplo del catálogo de coches podríamos tener:

referencias.xml
carpeta ibizagl
carpeta ibizaxr2
carpeta ibiza3000

Quedando el archivo referencias.xml de la siguiente forma:

<brcmedia>
<referencia>ibizagl</referencia>
<referencia>ibizaxr2</referencia>
<referencia>ibiza3000</referencia>
</brcmedia>

 

Veamos ahora el contenido de cada una de las carpetas:
carpeta referencia1, carpeta referencia2, carpeta referencia3,...

 

carpeta referencia1, carpeta referencia2, carpeta referencia3,...

 
Dentro de cada una de estas carpetas carpeta referencia1, carpeta referencia2, carpeta referencia3,... encontraremos los siguientes archivos:

informacion.xml
carpeta fotos
carpeta video

informacion.xml
Es en este archivo donde incluiremos toda la información del producto en cuestión. Al abrirlo encotraremos un código similar a éste:

<brcmedia>
<referencia>ibiza125</referencia>
<precio>179801</precio>
<texto><![CDATA[<font color='#ffffff'><b>Coche nuevo</b></font><br>350 km/h<br>llantas de aleación<br>16 airbags,...
<font color='#ffffff'><b>Datos técnicos del producto:</b></font>
<b>Velocidad: </b><font color='#ff0000'>500 km/h</font>
<b>Puertas: </b><font color='#ff0000'>4 puestas</font>
<b>Otras características:</b></font><br><br>Producto de gran calidad<br><br>Incorpora las últimas innovaciones en seguridad, ahorro, acabados de lujo,...<br><br>]]></texto>
<numerodefotos>5</numerodefotos>
<opcionvideo>si</opcionvideo>
</brcmedia>

Explicación del código:
<referencia>ibiza1</referencia> (referencia, id o nombre que le damos al producto)
<precio>179801</precio> (precio del producto)
<texto>Texto descriptivo,...</texto> (Texto descriptivo del producto 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 producto tiene vídeo disponible o no)

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

carpeta fotos
En la carpeta 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 producto. 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 video
Por cada producto tenemos la opción de mostrar un vídeo del mismo. 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. Si el vídeo original no tiene exactamente estas dimensiones se mostrará siempre centrado en el espacio reservado para él. Desde el botón de ajustar que se incluye con los botones de control del vídeo, podemos adaptarlo a la pantalla. Si el vídeo original es mayor que la pantalla se reducirá y si es menor se ampliará hasta ajustarse al tamaño del reproductor.

 

A continuación mostramos como quedaría un ejemplo general de la estructura de carpetas o productos:

 

carpeta productos

  carpeta seat
 
  carpeta ibiza
 
  carpeta nuevos
 
  carpeta ibizalg
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta ibizarx
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta ibizah21
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta seminuevos
 
  carpeta ibiza31
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta ibizatdt
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta malaga
 
  carpeta nuevos
 
  carpeta malaga45
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta malaga51
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta toledo
 
  carpeta nuevos
 
  carpeta toledodtd
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta toledo99
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta seminuevos
 
  carpeta toledo1430
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta segundamano
 
  carpeta toledoxp
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta km0
 
  carpeta toledom40
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta toledosimple
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta ofertas
 
  carpeta toledoturbo
 
  informacion.xml
  carpeta fotos
  carpeta video
  carpeta ford
  carpeta bmw
  carpeta audi
  carpeta fiat
  carpeta ...
     

Podemos incluir tantos productos como deseemos, así como distintos subapartados en cada producto y opciones en cada uno de los subproductos (alquiler, venta, nuevos, seminuevos,..., etc).

 

 

 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:

<brcmedia>
<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"/>
</brcmedia>

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.

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

El resultado es el siguiente:

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

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.

<brcmedia>
<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"/>

</brcmedia>

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.

<brcmedia>
<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>
</brcmedia>
 

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:

<brcmedia>
<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"/>
</brcmedia>

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.

<brcmedia>
<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>
</brcmedia>

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. Brcmedia.com ha comprobado y verificado el correcto funcionamiento de estos formularios en sus servidores Windows y Linux, pero Brcmedia.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:

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

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' ?>
<brcmedia>
<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.brcmedia.com</url>
</link>
<link>
</brcmedia>

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:

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

 

 

  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


Brcmedia.com