Bitacora de Deadelius logo

martes, 9 de octubre de 2012

Apuntes de HTML: Las listas (Parte 1)


Vuelta a la publicación, hoy retomo la primera parte de las listas en la cual explico que tipo de listas existen en HTML y como se puede utilizar, también explicare para que podremos usar las listas.

En este post intentare explicar lo mas detalladamente posible lo que son las listas ordenadas y desordenadas y comentare los elementos de representación visual que poseen cada uno de los tipos de listas para poder ser diferenciadas y para ofrecer un método por el cual el usuario se oriente mejor por la lista.


Listas Ordenadas

Son aquellas listas que se pueden numerar normalmente se utilizan para crear índices, numeraciones de artículos o listar cualquier elemento en un orden especifico, la sintaxis es la que viene a continuación:
     <ol>
        <li>Elemento Numero Uno</li>
        <li>Elemento Numero Dos</li>
        <li>Elemento Numero Tres</li>
     </ol>
Como se puede observar se empieza abriendo una etiqueta <ol> (Ordened List), a continuación se listan los elementos con la etiqueta <li> (List Item), cada elemento deberá iniciarse con una etiqueta abierta de  <li> y acabar por una etiqueta de cierre </li>, en el ejemplo anterior vemos que por el numero de etiquetas de apertura se han listado tres elementos, para finalizar la lista ordenada esta debe ser cerrada con la etiqueta de cierre </ol>.


Listas Desordenadas

Son aquellas que como su nombre indica están pensadas para cosas desordenadas es decir un listado de elementos que no siguen un orden, suele utilizarse y muy a menudo como método para crear menus o listados de elementos que no necesitan un orden para tener sentido, la sintaxis es la siguiente:
      <ul>
        <li>Inicio</li>
        <li>Sobre Mi</li>
        <li>Software</li>
        <li>Contacto</li>
      </ul>
Al igual que las listas ordenadas estas comienzan con una etiqueta de apertura pero en este caso la etiqueta es <ul> (Unordener List), a continuación se listan los elementos que se deseen, como se vio en el apartado anterior, en el ejemplo vemos cuatro elementos de un menú, para finalizar se cierra la lista con la etiqueta de cierre </ul>.


Elementos de representación visual de cada tipo de lista

A simple vista las listas son interpretadas por el navegador de forma igual, pero es que aquí no acaba la cosa puesto que existen elementos característicos de cada tipo de lista que nos ayudan a poder diferenciarlas y a darles un aspecto mas acorde con su nombre, vamos a verlos a continuación.

Elementos de representación visual de las listas desordenadas:
Para las listas desordenadas contamos con tres elementos decorativos por así decir que nos ayudan a dar una representacion mas visual a nuestras listas estos son disc(disco), circle(circulo) y square(cuadrado) y se asignan a cada <li> por medio de la propiedad type veamos como:
      <ul>
        <li type="disc">Inicio</li>
        <li type="circle">Sobre Mi</li>
        <li type="square">Software</li>
      </ul>
Como podemos observar hemos dado un tipo a cada uno, si escribiésemos ese código en nuestro html, nuestro navegador interpretaría los type y pondría a la izquierda de cada uno un icono, en este caso al primero le pondría un disco, al segundo un circulo, y al tercero un cuadrado, animense a probarlo!

Elementos de representación visual de las listas ordenadas:
Para las listas ordenadas contamos con algunos elementos mas que el las listas desordenadas cinco en concreto que nos ayudaran a organizar nuestras listas son los siguientes: type="1"(Se representa la lista en números arábigos), type="a"(Se representa la lista en orden alfabético y en minúscula), type="A"(Se representa la lista en orden alfabético y en mayúscula), type="i"(Se representa la lista en números romanos y en minúscula), type="I"(Se representa la lista en números romanos y en mayúscula)
      <ol>
        <li type="1">Orden numérico arábigo</li>
        <li type="1">Orden numérico arábigo</li>
        <li type="1">Orden numérico arábigo</li>
      </ol>

      <ol>
        <li type="a">Orden alfabético minúscula</li>
        <li type="a">Orden alfabético minúscula</li>
        <li type="a">Orden alfabético minúscula</li>
      </ol>

      <ol>
        <li type="A">Orden alfabético mayúscula</li>
        <li type="A">Orden alfabético mayúscula</li>
        <li type="A">Orden alfabético mayúscula</li>
      </ol>

      <ol>
        <li type="i">Orden numérico romano minúscula</li>
        <li type="i">Orden numérico romano minúscula</li>
        <li type="i">Orden numérico romano minúscula</li>
      </ol>

      <ol>
        <li type="I">Orden numérico romano mayúscula</li>
        <li type="I">Orden numérico romano mayúscula</li>
        <li type="I">Orden numérico romano mayúscula</li>
      </ol>    
Poco queda que decir después del ejemplo, solo deciros que para comprobar como se ven en un navegador incrustéis este código en vuestro html y lo ejecutéis, así podréis ver el comportamiento del atributo type dependiendo del valor que se le asigne.

Para finalizar solo advertiros de que los elementos de representación de las listas con el atributo type esta en desuso por lo que se recomienda asignar estos elementos de representación mediante hojas de estilo CSS, no obstante para probar como se ve en un navegador se pueden utilizar sin problema ninguno, sin mas me despido recordado a la gente que cualquier inquietud acerca de este tema no dude en preguntármela a través de comentarios o bien por medio de formulario que se encuentra en la opción de menú contacto.

martes, 19 de junio de 2012

Instalar magento y solucionar los errores en su instalación

instalacion de magento y solucion de errores durante la isntalacion

En este post explico como instalar magento en local, para los que  no lo sepan magento es un cms orientado a la contrucción de webs de comercio electrónico, magento suele dar algún que otro problema en su instalación, de hay la verdadera razón de este post, dar solución a esos problemas, ya que la instalación en si no es nada complicada.

El primer paso como siempre sera descargarse magento de su web oficial, en la sección de descargas de esta, http://www.magentocommerce.com/download cuando lo tengamos en nuestra maquina lo extraeremos en el escritorio y lo llevaremos a nuestra carpeta htdocs de nuestra instalación Xampp, después procederemos a crear la base de datos.


Crear Base de Datos para Magento


Para crear la base de datos para magento pondremos en la barra de direcciones del navegador http://localhost y nos vamos a la sección donde pone phpmyadmin, pinchamos sobre ella y nos dirige a este. Allí deberemos irnos al apartado de bases de datos y crear un a base de datos nueva de cotejamiento.

crear base de datos para magento

Podéis llamar como queráis a la base de datos yo la he llamado magento pero cualquier otro nombre valdría.


Instalación del CMS (Content Management System)


Introducimos en la barra de direcciones del navegador la siguiente dirección http://localhost/magento y pulsamos enter, al hacerlo se iniciara el asistente instalación de magento. En la primera pantalla tendremos que aceptar los términos y condiciones, cunado lo tengamos pulsamos en Continue.

terminos y condiciones de magento

La siguiente pantalla nos permite escoger el idioma que deseemos, la zona horaria y la moneda por defecto que manejara nuestra tienda online, seleccionamos la que nos corresponda y a continuación pulsamos en Continue.

propiedades magento

Puede que al pulsar Continue nos salte un error de que no encuentra unos archivos que magento necesita para funcionar, si es así sigue leyendo, si no es tu caso pasa al apartado de "Continuamos con la instalación".


Solución a los errores durante la instalación


Al ser una instalación de magento en local puede que este tenga problemas con las cookies, pero eso no es problema lo único que se deberá hacer  es comentar tres lineas en un archivo del propio magento que se encuentra en la siguiente ruta: app/code/core/Mage/Core/Model/Session/Abstract/Varien.php, dentro de Varien.php buscamos las siguientes lineas(Importante: los lectores de RSS deberan entrar en el blog para ver esto ya que para mostrarlo utilizo unos script y los RSS no son capaces de interpretar):

Y comentamos las tres ultimas, nos tiene que quedar así:

Para el error PHP Extension "curl" must be loaded tendremos que encontrar dentro de la carpeta php el archivo php.ini abrirlo y encontrar la linea donde se encuentra esto:

          ;extension=php_curl.dll

Y dejarla de la siguiente manera:

           extension=php_curl.dll

En el peor de los casos si sigue sin funcionar deberemos copiar las dll de php libeay32.dll y ssleay32.dll a la carpeta system32 de windows.

Si el error es PHP Extension "mcrypt" must be loaded deberemos volver a abrir el archivo php.ini y buscar la linea donde ponga lo siguiente:

          ;extension=php_mcrypt.dll


Y dejarla de la siguiente manera:

          extension=php_mcrypt.dll


Aquí también tengo que decirlo, que si en el peor de los casos sigue sin funcionar deberéis copiar la dll libmcrypt.dll a la carpeta system32 de windows.

Importante: Recordad también que para que los cambios tengan efecto el servidor debe ser reiniciado.


Continuamos con la instalación


En esta pantalla nos encargaremos de rellenar los datos para que pueda conectarse a la base de datos que creamos en los primeros pasos del post, así que introducimos el nombre de la base de datos en mi caso es magento, también usare el usuario root por defecto que no tiene contraseña, vosotros podéis usar el mismo o crearos uno nuevo, cuando estemos listos pulsamos en Continue.

configuracion de magento

Ahora toca crear un usuario para magento, como veis yo no me he complicado mucho y he puesto en todo admin, vosotros podéis hacer lo mismo si es una prueba, si no lo es, introducid los datos que creáis convenientes y cuando estemos listos pulsamos en Continue.

cuenta de administrador de magento

Ya hemos terminado y así nos lo indica el asistente solo hay que comprobar el frontend y el backend, para eso el mismo asistente nos ofrece unos botones que nos llevan directamente a ellos.

final instalacion de magento

Aquí podéis ver el frontend, o lo que es lo mismo la tienda que acabáis de montar siguiendo los pasos en este post, ahora solo quedaría personalizarla y añadir productos y configuraciones, pero eso ya es otro tema del que os hablare en otra ocasión ;).

frontend de magento

En esta ultima captura podéis observar el backend, es el panel de administración de nuestra tienda online desde aquí se puede controlar todos los aspectos que influyen en la tienda, personalizacion, seguridad, permisos, así como añadir productos, impuestos, modos de pago etc.

backend de magento

jueves, 7 de junio de 2012

Crear una partición del disco duro de forma sencilla con Windows Vista y 7

particion disco duro windows vista y 7

Después de mucho tiempo sin publicar por problemas personales y de tiempo vuelvo a la carga con un post para aquellos a los que les da pánico hacer una partición de su disco duro por miedo a borrar por completo los datos de su disco duro y su sistema operativo, en definitiva, borrarlo todo. No es problema, Windows Vista y Windows 7 nos ofrecen unas herramientas bastante útiles he intuitivas para realizar el particionamiento de nuestros discos.

Se trata de un apartado que se encuentra en la ventana de administración de equipos y que se llama, como no podía ser de otra forma, administrador de discos. Con el administrador de discos veremos que en unos pocos pasos tendremos operativa una partición con las características que nosotros le indiquemos y sin dañar nuestro sistema operativo ni nuestros archivos, así que vamos a ello.


martes, 15 de mayo de 2012

Crear Copia de Seguridad Total del Sistema y tus Datos en Windows 7


Otra vez me atrevo con algo de seguridad, al menos algo básico para cualquier usuario Windows y que tenga un miedo irracional a perder sus datos o a que su equipo falle por alguna circunstancia, en este caso se necestaría una opción rápida y fiable por la cual nuestro sistema pueda estar reparado en 4 clicks (mas o menos).

Si no queréis comeros mucho la cabeza instalando software de backups que puede que no cumplan vuestras expectativas y queréis algo que sea rápido y sencillo, este post te ayudara mucho. Hablo del centro de copias de seguridad y restauración de Windows 7, de como con un sencillo asistente podemos crear una copia fiable de nuestro sistema y nuestros datos por si algún casual de la vida vuestro equipo necesita una restauración de sistema.


lunes, 14 de mayo de 2012

Repaso a los Tipos de Backup, Entendiendo las Copias de Seguridad


Después de un largo tiempo sin escribir vuelvo a la carga con un tema bastante serio y que por desgracia en los tiempos que corren no se tiene para nada en cuenta, el tema es la seguridad, mas concretamente las copias de seguridad de sistemas, en mi opinión una de las partes básicas de un sistema protegido.

Os contare que tipos de copias de seguridad existen, que es lo que hacen, como lo hacen y también explicare por alto como decidir cuando utilizar una u otra, espero que esta entrada sea un poco concienciadora para aquellos que ni siquiera habían oído hablar de lo que es un backup y sea recordatoria para aquellos que ya los conocen desde hace mucho tiempo pero tienen su sistema algo olvidado o sin su respectiva copia de seguridad ;).