Publicaciones etiquetadas ‘Desarrolladores’

Proteger un sitio web en construcción

Escrito por admin el . Posteado en Informatica

¿Por qué proteger un sitio web en construcción?

1. Todos los datos encontrados en la Web pueden ser registrados. Si tienes un sitio web en construcción, puede ser publicado antes de tiempo si no lo has protegido adecuadamente. Con mayor razón si trabajas primero en el contenido y no pones las etiquetas “title” o “description” correctas ya que si un “bot” lo detecta puede registrarlo y publicarlo en la Web y luego no podrás posicionar los cambios realizados en tu sitio web.

2. Aunque puedas pensar en el “posicionamiento web”, te sorprenderás de lo que Google puede detectar y publicar antes de que se termine un sitio web.

Los inconvenientes de no proteger un sitio web en construcción

Hay que comprender que en este caso que lo que ha sido registrado por el “bot” de un motor de búsqueda no corresponde en absoluto a lo que será la página web una vez que esta esté acabada.

Share

Métodos para redireccionar URLs (HTML, PHP y Javascript)

Escrito por admin el . Posteado en Informatica

Os mostraré varios métodos de redireccionamiento de direcciones URL. Es decir, que al entrar en una página web automáticamente nos envíe a otra. Método 1. HTML El primer método es usar el elemento META. Veamos la sintaxis de uso para nuestro propósito: Código :
<meta http-equiv=”acción” content=”segundos”; url=”url destino” />
Supongamos que has cambiado de servidor o has movido una página a otro directorio. Mostraremos un mensaje acerca de ello y redireccionaremos a nuestro usuario a la nueva ubicación de la página. En este ejemplo, la acción será “refresh”, el tiempo en que tardará en refrescar la página será de cinco (5) segundos: Código : <html> <head> <meta http-equiv=”Refresh” content=”5;url=http://www.cristalab.com”> </head> <body> <p>Nos hemos mudado! Serás dirigido automáticamente en cinco segundos. En caso contrario, puedes acceder haciendo click <a href=”http://www.sxinformatica.net”>aquí</a></p> </body> </html> Método 2. PHP El siguiente ejemplo, redireccionará al usuario sin aviso previo: Código :
<?php header (“Location: http://www.sxinformatica.net”); ?>
Método 3. JavaScript Podemos lograr con JavaScript, los métodos anteriormente vistos. En el caso de un redireccionamiento en espera, debemos usar un “temporizador”. Veamos un ejemplo: Código :
<html> <head> <script type=”text/javascript”> function redireccionar(){   window.locationf=”http://www.sxinformatica.net”; } setTimeout (“redireccionar()”, 5000); //tiempo expresado en milisegundos </script> </head> <body> <p> Espere por favor, será redireccionado en 5 segundos.</p> </body> </html>
Haciéndolo directamente, sin espera: Código :
<body> <script type=”text/javascript”> window.location=”http://www.sxinformatica.net”; </script> </body>

Share

CSS3 Generator: generador de cajas en CSS3

Escrito por Maverick el . Posteado en Informatica

CSS3 Generator es una sencilla aplicación online que permite a desarrolladores menos experimentados o con falta de tiempo, disponer de parte de la potencia de CSS3 en su web, sin necesidad de conocimientos avanzados acerca de esta nueva especificación.

CSS3 Generator es un editor de cajas al que es posible modificar visualmente aspectos como bordes, sombra, color y transparencia, y cuyo resultado podremos ir viendo en tiempo real.

El manejo de CSS3 Generator no presenta dificultades. Una vez finalizado el trabajo y seleccionado “get the code” obtendremos el código para incluirlo en un sitio web. Interesados pueden acceder a CSS3 Generator desde www.css3.me.

Share

10 Herramientas online indispensables para el diseño web

Escrito por Maverick el . Posteado en Informatica

Crear páginas web es un proceso que puede tomar su tiempo, principalmente porque vamos a necesitar darle los toques finales estéticos: el diseño web. Es por ello que toda herramienta que nos sirva de ayuda es bienvenida, en este caso te presentamos una lista de sitios que te ayudarán en el diseño de tu sitio web.

Estas herramientas se encuentran online, de modo que podemos usarlas en cualquier computadora. Para empezar a usarlas no necesitan instalarse o descargarse, ni tampoco tenemos que registrarnos.

10 Herramientas online para el diseño web

  1. CSS Type set. Aquí podemos darle formato a un texto y nos devuelve el código CSS correspondiente.
  2. PHPForm. Nos permite crear un formulario de excelente diseño simplemente agregando y editando los campos que deseemos. Al bajar el código resultante nos entrega comprimidos todos los archivos necesarios: html, css, js e imágenes. No necesita php para funcionar.
  3. Text shadows. Nos permite agregarle sombra a un texto y fijar su posición y difuminación, al mismo tiempo nos entrega el código CSS. También nos indica la compatibilidad en browsers del código.
  4. RoundedCornr. Esta excelente herramienta nos permite diseñar fácilmente botones o cajas con bordes redondeados. Podemos escoger un diseño básico, con gradientes, con borde lineal y con imágenes. La herramienta nos brinda un ejemplo del código html, el código css y las imágenes a descargar de ser necesario.
  5. Dynamic Drive Favicon. Nos permite crear un favicon a partir de una imagen normal. Soporta gif, jpg, png y bmp de hasta 150kb.
  6. HTML Color Codes. En esta sencilla herramienta podemos escoger el color en la tonalidad que queramos y obtener su código en hexadecimal y rgb.
  7. DaFont. Nos muestra cómo queda nuestro texto en todas las fuentes más conocidas y por orden alfabético. Al mostrarnos varias fuentes nos ahorra tiempo.
  8. IconFinder. En este sitio podemos encontrar una gran cantidad de iconos de excelente calidad para adornar nuestro sitio web. Se recomienda buscar en inglés para obtener más resultados.
  9. Unicode Chart. Esta es una lista muy completa de caracteres raros, puedes encontrar griego, japonés, árabe y muchos más. De cada caracter te dará una información muy completa incluyendo el código que necesitas para que aparezca en tu página web.
  10. Browsershots. Con esta herramienta podemos probar cómo se ve nuestra página final en los diferentes navegadores o browsers del mercado para corregir de ser necesario.

No olviden tenerlas a la mano, de seguro más de una les puede ser de mucha utilidad.

Share

Cómo Instalar una Pasarela de Pago (TPV Virtual) con Magento

Escrito por Maverick el . Posteado en Informatica

Magento por defecto no dispone de ningún módulo para realizar los cobros con tarjetas de crédito de bancos españoles, así que hay que instalar un módulo adicional para poder usar esta función.

Una vez ya sabemos como crear un ecommerce con magento y traducir magento al español es momento para enseñar a montar la pasarela de pago o tpv virtual con magento para poder realizar cobros con tarjetas de crédito de bancops españoles cómo la caixa, cajamadrid etc…

Que es MagentoConnect

Para instalar este módulo usaremos magento connect. ¿Que es magento connect? Se trata de una especie de instalador que se comunica entre tu tienda online y el servidor de magento para instalar módulos o plantillas mediante una extension key sin necesidad de descargar archivos y tener que subirlos porsteriormente al FTP. Sin duda una muy buena utilidad para hacer más rápido el proceso de configuración de una tienda online. Instalar TPV Virtual con Magento
  1. Paso 1, vamos en nuestro menu ya en español, “Sistema” > “Magento Connect” > “Magento Connect Manager”
  2. Paso 2, paralelamente vamos a la página del módulo y copiamos la Extensión Key
  3. Copiamos la Extension Key la pegamos en em Magento Connect y le damos a Install
  4. Una vez instalado vamos volvemos a nuestro panel de administración y vamos a “Sistema” > “Configuración” y en la pestaña “Ventas” clicamos en “Métodos de Pago” allí seleccionamos Servired y lo rellenamos con los datos de nuestro comercio.
Via: Manel Garcia

Share

Cómo Instalar una Pasarela de Pago (TPV Virtual) con Magento

Escrito por Maverick el . Posteado en Informatica

Magento por defecto no dispone de ningún módulo para realizar los cobros con tarjetas de crédito de bancos españoles, así que hay que instalar un módulo adicional para poder usar esta función. Una vez ya sabemos como crear un ecommerce con magento y traducir magento al español es momento para enseñar a montar la pasarela de pago o tpv virtual con magento para poder realizar cobros con tarjetas de crédito de bancops españoles cómo la caixa, cajamadrid etc… Que es MagentoConnect Para instalar este módulo usaremos magento connect. ¿Que es magento connect? Se trata de una especie de instalador que se comunica entre tu tienda online y el servidor de magento para instalar módulos o plantillas mediante una extension key sin necesidad de descargar archivos y tener que subirlos porsteriormente al FTP. Sin duda una muy buena utilidad para hacer más rápido el proceso de configuración de una tienda online. Instalar TPV Virtual con Magento
  1. Paso 1, vamos en nuestro menu ya en español, “Sistema” > “Magento Connect” > “Magento Connect Manager”
  2. Paso 2, paralelamente vamos a la página del módulo y copiamos la Extensión Key
  3. Copiamos la Extension Key la pegamos en em Magento Connect y le damos a Install
  4. Una vez instalado vamos volvemos a nuestro panel de administración y vamos a “Sistema” > “Configuración” y en la pestaña “Ventas” clicamos en “Métodos de Pago” allí seleccionamos Servired y lo rellenamos con los datos de nuestro comercio.
Via: Manel Garcia

Share

Módulo de pago en Magento: Transferencia bancaria

Escrito por Maverick el . Posteado en Informatica

El cambio de hoy es muy simple pero muy útil. Los que usamos el módulo de pago por Transferencia bancaria (en magento llamado Cheque / Giro de dinero), vemos que a la hora de realizar los pagos, en la parte del pago nos da una información que puede llegar a despitar al usuario. Me refiero a la parte en la que dice “Enviar Cheque”. Para que quede claro lo pongo en una captura:

Una completamos la información lo que queremos evitar es que cuando realizamos el pago, nos salga algo como esto:

Si os fijáis, esto de que ponga “Enviar cheque” y “Hacer cheque a nombre de” lía bastante al usuario. La solución de esto es muy sencilla. Tenemos que editar dos ficheros

  • app/design/frontend/base/default/template/payment/info
  • app/design/frontend/base/default/template/payment/form

El fichero que tenemos que tocar en ambos casos es el checkmo.phtml Comentamos esta línea:

<?php /*

<?php if ($this->getMethod()->getPayableTo()): ?>
 <?php echo $this->__('<label>Make Check payable to</label>: %s', $this->getMethod()->getPayableTo()) ?><br />
 <?php endif; ?>

*/ ?>
y reemplazamos la cadena “Send check to” por “Send Transfer to” o lo que nosotros queramos. Borramos la caché y arreglado.
Via: Onestic

Share

Como traducir Magento? Otra opción, la traducción inline

Escrito por Maverick el . Posteado en Informatica

Esta vez, os explico un truco para traducir Magento “in live”. Desde mi punto de vista, esta manera de traducir Magento sirve para ajustar la traducción oficial a nuestro gusto o terminar de traducir algunos detalles que hayan quedado en el tintero ya que es una tarea laboriosa.

Para traducir Magento de este modo tenéis que:

Paso 1

Activar la traducción en linea. En el Administrador Sistema >> Configuración >> Avanzado >> Desarrollador. Podéis traducir tanto la tienda como el administrador. Activamos la opción SI y grabamos.

Paso 2

Este paso es muy importante y sirve para poder comprobar que las traducciones que estamos haciendo se están aplicando de manera adecuada. Debemos desactivar la memoria Cache de las traducciones. Sistema >> Gestión de caché y desactivamos traducciones y grabamos la nueva configuración.

Paso 3

Ahora vamos al frontend o backend y actualizamos. Podremos ver como todas las palabras o frases que pueden ser traducidas están contorneadas con un recuadro rojo. Para traducir o modificar la traducción, debemos ponernos encima y hacer click en el pequeño libro que nos aparece. En ese momento, se abrirá una ventana donde debemos escribir lo que queramos y activar la opción Store Specífic. Grabamos y la traducción será aplicada!

Paso 4

Una vez hemos hecho las traducciones estimadas, tenemos que desactivar la traducción en linea y activar de nuevo la memoria caché (en pocas palabras, deshacer los pasos 1 y 2).

En el siguiente link, podréis ver un video del tutorial.

Share

Algunos consejos para administrar Magento

Escrito por Maverick el . Posteado en Informatica

Imágen de cabecera, logo y pie de página

En Sistema > Configuración > Diseño tienes la opción de cabecera (header) y allí puedes cambiar el nombre del fichero de imagen que se muestra en la cabecera.

Si te sale un link es porque la imagen no la encuentra. Ponte encima, botón derecho y miras las propiedades (ies) o copiar ruta imagen (firefox) y miras a ver donde está tomando esa imagen.

Modificar bloque newsletter

En app/design/frontend/base/default/layout/newsletter.xml se le indica que vaya en el left, solo cambia eso a “right” y listo. Para eso copia ese archivo en tu tema actual, para no modificar el base que es el que viene por defecto en magento, y con cualquier actualizacion es posible que el cambio se te vaya. Copia el newsletter.xml y pegalo en app/design/frontend/tu_paquete/tu_tema/layout y ahi si realiza el cambio.

Ruta para administrar fichero: app/design/frontend/base/default/template/newsletter/subscribe.phtml

Añadir producto y categoria en homepage

La home page puede ser modificada desde el backend sin mucho más problema que tener que escribir un poco de código. Por ejemplo si lo que quieres es mostrar una categoría en especial en el home, tendrías que hacer lo siguiente: modificar el cms de la home page. Desde la parte de atrás de la tienda, pinchas en cms y en gestionar las paginas. Y en el código de la home pones: {{block type=”catalog/product_list” category_id=”9″ template=”catalog/product/list.phtml”}} donde 9 es el código de tu categoría. Para ver el código de tu categoría tienes que ir a catalogo, gestionar la escritura de url. Ahi puedes ver el código de tu categoría.

Lo mejor es crearte una categoría, está la dejas oculta, añades los productos que quieres mostrar en esa categoría e invocas a la categoría desde el CMS.

Share

Gestionar productos en Magento

Escrito por Maverick el . Posteado en Informatica

Este apartado describe como definir y editar los productos de un catálogo. Tipos de producto El sistema Magento ofrece una gran variedad de tipos de producto, sin embargo en este manual solamente trataremos un tipo de producto: los Productos Simples. El Producto Simple es el tipo de producto base, y es el que se utiliza generalmente para todo tipo de productos físicos que se pueden enviar.

CREAR UN NUEVO PRODUCTO

1) Para crear un nuevo producto dirígete al menú Catálogo en la parte superior del panel de administración y a continuación selecciona Gestionar los productos para que se muestre un listado con los productos existentes en la tienda online. 2) A continuación haz clic sobre el botón Agregar un nuevo producto en la parte superior derecha de esta página para que se muestre la siguiente página. Primera página del asistente de definición de productos Esta es la primera página del asistente para la definición de nuevos productos, el cual te conducirá a través del proceso de creación de nuevos productos. 1) En primer lugar selecciona un conjunto de atributos, o bien deja esta opción en Default (Predeterminado). 2) En el campo Tipo de producto selecciona el tipo de producto que deseas crear. Generalmente Simple Product (Producto Simple). 3) Por último, haz clic sobre el botón Continuar para acceder al siguiente paso del proceso.

Share

SXInformatica
C/Soria 5 25200 Cervera
973 534 445
info@sxinformatica.net

PCmode
www.pcmode.net
635 824 172
ventas@pcmode.net
SEO Powered by Platinum SEO from Techblissonline