Materia
Ejercicios


anterior | siguiente

Personalización del sitio Web

El archivo definiciones.py presenta algunas definiciones para los nombres e íconos utilizados en la tarea:

#nombre y slogan del Mercado Python
nombre = "Mercado Python"
slogan = "El mejor sitio de compra y venta de articulos!"
tareas/2013-1/../../_static/Mercadop.gif

Las variables nombre y slogan permiten cambiar el mensaje que se mostrará en la página principal:

#iconos para el header
iconos_header={"home":"fa-home",
               "cuentas":"fa-group",
               "publicar":"fa-pencil",
               "buscar":"fa-search"}

#tipos de articulos disponibles para publicar
tipos_articulo = {"Accesorios":"fa-gift",
                  "Animales": "fa-heart",
                  "Computacion":"fa-laptop",
                  "Deportes":"fa-flag-checkered",
                  "Inmuebles":"fa-building",
                  "Videojuegos":"fa-gamepad"}

El diccionario iconos_header permite modificar los íconos que aparecen en la parte superior de la página. Por otra parte, el diccionario tipos_articulo modificará los íconos representativos de cada tipo de artículo.

tareas/2013-1/../../_static/Buscarp.gif

Los íconos utilizados son parte de Font Awsome, una fuente de íconos vectorizados que pueden utilizarse en distintos tamaños dentro del sitio web.

Opcionalmente, se pueden cambiar los íconos existentes en el encabezado del sitio y los íconos de cada tipo de artículo. `En el sitio <http://fontawesome.io/icons/> `_ se encuentran todos los íconos disponibles para el sitio.

Por ejemplo, si queremos cambiar el ícono de Cuentas, buscaremos otro en el sitio de Font Awsome.

tareas/2013-1/../../_static/Awsome.gif

Elegimos fa-siutcase y luego se cambia su valor en el diccionario correspondiente:

#iconos para el header
iconos_header={"home":"fa-home",
              "cuentas":"fa-suitcase",
              "publicar":"fa-pencil",
              "buscar":"fa-search"}

Luego hay que reiniciar el servidor para que pueda mostrar los cambios y el resultado será el siguiente:

tareas/2013-1/../../_static/Buscarp2.gif