Entradas etiquetadas ‘web’

A través de Google

3 de Agosto de 2009

Gracias a un algoritmo que produce los resultados más relevantes para cualquier consulta, Google se ha convertido, indiscutiblemente, el mejor motor de búsqueda en Internet. En el último recuento, Google ha indexado más de 4 millones de páginas y se ocupa de unos 200 millones de búsquedas al día! Un grupo de 100 mil servidores se utilizan para almacenar, y arrojar a los resultados de la consulta con la velocidad de la luz que está tan acostumbrados a ver.

Si bien, Google está constantemente agregando nuevas características de gran utilidad, la mayoría de nosotros, lamentablemente, no utilizamos todas las capacidades de ese motor de búsqueda. Los siguientes consejos harán que su navegación en Internet sea mas eficaz.

Seleccione palabras de búsqueda más específicas

Google devuelve páginas web que contienen todas las palabras que usted consulta. Si desea ver las páginas más relevantes en la primera página de su resultado de búsqueda, debe ser muy específico con la elección de las mismas. Por ejemplo: si quiere investigar sobre el ex jugador de baloncesto Juan Antonio Corbalán, deberá iniciar la búsqueda con Juan Antonio Corbalán no como ex jugador de baloncesto. Aún mejor si busca las palabras: ex jugador de baloncesto Juan Antonio Corbalán. Porque sólo la palabra Juan Antonio Corbalán mostrará las páginas web sobre “Juan Antonio Corbalán”. Las refinerías de la consulta en Google significan añadir más palabras específicas para su búsqueda inicial.

Establece una nueva característica

¿Qué pasa si usted está buscando un par de pantalones vaqueros de diseño de Valentino, pero no puede recordar el nombre del diseñador? Consulta sobre los pantalones vaqueros de diseño italiano que pueden traer el resultado, sin embargo, hay una mejor herramienta que Google tiene llamada “Conjuntos”.

Llene los nombres de algunos diseñadores que recuerde en la forma determinada, como Levis, Wrangler, Versace y haga clic en cualquiera de los dos botones y ¡voilá! Obtendrá una lista de los nombres de diseñadores y probablemente, el de Valentino esté allí.

Calculadora

El otro día, estaba sentada en la oficina de un amigo que necesitaba el cálculo de algunos productos alimenticios básicos y buscaba su calculadora en el escritorio. Muy a su pesar no logró encontrarla y comenzó a buscar en sus programas de Microsoft una calculadora. Me di cuenta que estaba en línea y que el navegador estaba abierto. Yo, educadamente, le pregunté si el sabía que Google podría calcular las expresiones matemáticas más comunes. Me dijo que no muy sorprendido! Pues si, Google es capaz incluso de efectuar unidades de conversión! ¡Pruébelo!

Definición

Si está buscando la definición de una palabra o una frase, Google es el mejor lugar para hacerlo. En el cuadro de búsqueda de Google, escriba “define: la palabra o la frase” sin las comillas y haga clic en botón de búsqueda. Si hay una definición para el término de búsqueda, sin duda, la encontrará.

Sinónimos

Usted puede pensar que los motores de búsqueda son demasiado tontos para mostrar los resultados de las consultas de los sinónimos. No es así! Al menos, en el caso de Google! Si utiliza tilde “~” delante de una palabra clave en el término de búsqueda, Google aportará resultados sobre los sinónimos de esa palabra también.

Cómo buscar en un sitio web

Otra interesante característica del motor de búsqueda de Google es que permite que usted haga su consulta dentro de un sitio web específico. En primer lugar, escribir el término de búsqueda en el cuadro de búsqueda de Google y, a continuación, escriba “site: el sitio web o nombre de dominio”. Por ejemplo: si usted busca la palabra “Microsoft” en el sitio web www.micromedia.com le escribe a: sitio de Microsoft: micromedia.com.

Comprobar los vínculos de su sitio web

Si usted tiene un sitio web, el motor de búsqueda de Google también tiene una característica que le muestra las páginas web que enlazan con la suya. En el cuadro de búsqueda, escriba: Enlace: su dirección.

Otros consejos importantes para recordar:

* No hay necesidad de recurrir a la “Y”. Google siempre se refiere a todas las palabras en el término de búsqueda usando el operador booleano “y”. ( O mejor dicho como unir una palabra con otra)

* Sin embargo, si usted desea hacer su consulta para dos palabras – una u otra – puede usar “O”. Tiene que escribir “o” en mayúsculas para darle valor booleano.

* Google no es sensible a mayúsculas. Usted puede escribir los términos de búsqueda ya sea en mayúsculas o en minúsculas. Incluso las puede mezclar entre ellas.

* Google omite la mayoría de las palabras muy comunes, como el, en, etc Para buscar una palabra con mas fuerza, deberá hacer uso del signo más (+) delante de esa palabra. De la misma manera, se puede excluir una palabra de la búsqueda poniendo el signo menos (-) delante de ella.

* Si desea realizar una búsqueda exacta de una frase o expresión, deberá poner las palabras entre comillas. De esta forma, en su resultado de búsqueda sólo se mostrarán las páginas en las que la expresión exacta fue encontrada. Con el fin de buscar la frase: El Anillo de Moebius, escribirá “El Anillo de Moebius” en el cuadro de búsqueda.

También sugiero descargarse la barra Google. Aparte de la caja de búsqueda y su capacidad para bloquear los pop-ups, la barra Google también muestra el pagerank de la página web que esté visitando. El PageRank es un sistema de evaluación de páginas web desarrollado por Google y utilizados como base en el motor de búsqueda del algoritmo. La barra de herramientas también incluye la función de la capacidad de llenar formularios online de la información almacenada automáticamente. También puede mantener su diario o blog desde la barra de herramientas.

Para las delicias de gran parte de los usuarios de la red, Google, con su ambiciosa misión de organizar información de todo el mundo y hacerla universalmente accesible y útil, hasta el momento está haciendo un gran trabajo como motor de búsqueda muy útil en sus características y servicios. Sólo podemos esperar que el flujo de ideas innovadoras de Google no disminuyan en el futuro.

CSS: 3 simples pasos para que sus hojas de estilo sean más eficientes

24 de Julio de 2009

En este artículo se pretende cubrir como podemos  generar las hojas de estilo en su forma más eficiente.

1. Una hoja de estilo debe ser fácil de leer.
2. Una hoja de estilo debe ser fácil de mantener.
3. Una hoja de estilo debe ser bien comentada
4. El tiempo para alcanzar estos objetivos no debería afectar negativamente el tiempo de desarrollo de un sitio web.

Sugerencia 1: Comentario de su hoja de estilo

Lo primero sería componer la hoja de estilos por secciones. Esto tiene una serie de beneficios. Es decir, cabecera, navegación, el pie de página, etc -, esto hace que sus hojas de estilo sean mucho más manejables. El segundo beneficio es la legibilidad. Le tomará sólo un momento tener en cuenta cuando la sección de encabezado y la sección de navegación comienza.

1.   /**** Cabecera ****/
2.  /**** Contenido ****/

El segundo es explicar el uso poco ortodoxo de los estilos. Esto le permite recordar rápidamente la razón por la que ha insertado un truco o propiedad. Esto puede ser muy útil a la hora de regresar a una hoja de estilo después de un número de meses, y también ayudará a entender a otros desarrolladores porque se utilizó esa declaración.

1.  ! Importante / ** Hack para hacer la navegación del IE correcta ** /

Sugerencia 2: Organice sus estilos alfabéticamente.

Eche un vistazo al siguiente ejemplo.

1   .#header {
2.            width:200px;
3.          margin:0 auto;
4.            height: 80px;
5.            background:url(../images/header.png) no-repeat;
6.            padding:1px 0;
7.    }

Ahora compárelo con la siguiente.

1.    #header {
2.            background:url(../images/header.png) no-repeat;
3.            height: 80px;
4.            margin:0 auto;
5.            padding:1px 0;
6.            width:200px;
7.    }

Por orden alfabético la lista de atributos mejora la legibilidad de la hoja de estilos. Es mucho más fácil elegir rápidamente un elemento y modificarlo.

Sugerencia 3: Ficha de elementos anidados

Esto es algo similar a  lo de comentar sus hojas de estilo. En un esfuerzo para hacer su hoja de estilo más fácil de leer es una buena idea la ficha de elementos anidados. Veamos el siguente ejemplo.

01.    #header{ }
02.
03.            #header #logo { }
04.
05.                    #header #logo a { }
06.
07.                    #header #logo a:hover { }
08.
09.    #container { }
10.
11.            #container #sidebar { }
12.
13.            #container #content { }

Ahora compárelo con el siguiente.

01.    #header{ }
02.
03.    #header #logo { }
04.
05.    #header #logo a {}
06.
07.    #header #logo a:hover { }
08.
09.    #container { }
10.
11.    #container #sidebar { }
12.
13.    #container #content { }

La Tabulación de elementos anidados le permite ver rápidamente lo que está anidado y lo que a su vez le permite ver fácilmente cómo se anidan los elementos que afectan a uno u otro.

Cómo crear un favicon.ico

17 de Julio de 2009

Cuando usted visita un sitio web como Google, Youtube o Facebook, es posible que observe que hay un pequeño icono situado a la izquierda de la barra de direcciones. Esto se conoce como un favicon.

Pasos

1. Crear una imagen que es 16×16 píxeles de tamaño. Debe ser una imagen sencilla, para que sea inmediatamente reconocible.
2. Convertir la imagen a un archivo favicon.ico. Debe ser exactamente esto, o el navegador no lo reconoce. Una manera fácil de hacerlo es utilizar un Generador online, hay muchos de ellos.
3. Subir el archivo generado a su sitio web.
4. Agregue el siguiente código a su sitio web HTML. Usted lo debe poner en la sección <head> del código, y asegúrese de que la ruta hacia el icono es la correcta, en relación con la página web.

Código:

* <link Rel=”shortcut icon” href=”/favicon.ico” />

5. Actualizar la página y comprobar que visualizamos el icono.

Énfasis en el Diseño Web

17 de Julio de 2009

Cuando estamos trabajando en un nuevo diseño, es necesario determinar cuál es la parte más importante de la página. El desafío es pedir a los clientes cual es la parte mas importante, aún a sabiendas que te contestarán casi siempre que ” todo es importante”. Si intentamos destacar todo el contenido de la página podemos acabar con una página que tendrá muy poco atractivo.

Con el fin de poner un poco de orden al caos que nos puede ocasionar, es necesario asignar una jerarquía de los elementos en el diseño. Una cosa será la más importante, seguido por el segundo elemento más importante (s) y, a continuación, la tercera, y así sucesivamente. Esto tiene dos propósitos:

1. La jerarquía le indica al usuario la forma en que la página está destinada a ser vista. Sus ojos se dirigen al más importante elemento de la página, seguido por el segundo, y así sucesivamente a través de la jerarquía.
2. La jerarquía proporciona atención a los elementos importantes de la página sin mezclar todo en una aburrida confusión.

Técnicas de prestación de atención y una jerarquía visual en las páginas Web

Para eso utilizaremos las hojas de estilo. Si desea que sus páginas Web esten bien diseñadas y tengan una buena jerarquía, deben tener los títulos en orden: H1, H2, H3, H4, H5, H6 y después. Si el H1 no le parece lo bastante atractivo pruebe a darle estilo para que se vea mejor. Mediante el uso de estas etiquetas, se asegurará de que su jerarquía se mantiene incluso cuando la página es vista por los navegadores no visuales.

<h1> el elemento más importante </ h1>
<h2> La 2 ª más importante </ h2>
<h3> La 3 ª </ h3>
<h4> El 4 </ h4>
<h5> La 5 ª </ h5>
<h6> El 6 </ h6>

El tamaño de la fuente es una manera fácil de ofrecer jerarquía visual y énfasis a sus páginas. Cuanto más grande es el tamaño de la fuente de un elemento, más importante parecerá.

Puede cambiar el tamaño de la fuente de cualquier texto en su página web, es la mejor forma de dar estilo a sus titulares y en el párrafo de texto al tamaño que desee. He aquí cómo podemos dar estilos a esos titulares o párrafos en su Web:

p (font-size: 1em;)
h1 (font-size: 2.5em;)
h2 (font-size: 2EM;)
h3 (font-size: 1.5em;)
h4 (font-size: 1em;)
h5 (font-size: .8 em;)
h6 (font-size: .7 em;)

El color es otra gran manera de dar énfasis. Utilizaremos contraste de colores con moderación. La clave para usar el color que nos dará énfasis es usarlo juiciosamente.

Puede adjuntar el color a los titulares o los bloques de texto. Esto solamente cambia la CSS h2 etiquetas que ha dado la categoría “importante” y los párrafos con la clase “calltoaction”:

h2.important (color: red;)
p.calltoaction (background-color: amarillo;)

Fiesta de Mozilla en Madrid

3 de Julio de 2009

Mozilla Europe celebrará, con motivo de la publicación de la versión final de Firefox 3.5, una Launch Party el 13 de julio de 2009 a las 20h en el Teatro Lara de Madrid (mapa).

El evento contará con invitados especiales, como Pascal Chevrel, secretario general de Mozilla Europe, quien nos hablará de las nuevas características del navegador estrella de Mozilla.

Aunque el evento es gratuito, es necesario confirmar tu asistencia enviando un formulario disponible en la web de Mozilla-Hispano.

+ Información

Lo que trae el nuevo Firefox 3.5

25 de Junio de 2009

Tras publicar la última RC (Release Candidate) de Firefox 3.5, Mike Beltzner, Director de Desarrollo de Firefox presenta este vídeo que describre lo nuevo en la versión 3.5:

Resumiendo:

  • Mayor velocidad de navegación, Firefox 3.5 será la versión más rapida creada por Firefox.
  • La privacidad ante todo: Firefox 3.5 traerá el popularmente conocido “modo porno” que no deja rastro de tus andadas por la red ya que borrará todos los elementos “sensibles” de la sesión.
  • El historial podrá ser eliminado basado en tiempo, es decir, borrar solo lo que hace 24h qué visitaste o 1 semana…
  • El ¡deshacer cerrar ventana!
  • Podremos ver los vídeos en línea sin ningún complemento “extra” gracias al soporte HTML5.
  • Firefox 3.5 incorpora un “geolocalizador” (se puede desactivar) incorporado que permitirá a los sitios Web detectar de forma exacta el lugar desde donde procede la visita.

Fuente: Mozilla.com

La línea del tiempo del desarrollo Web

16 de Junio de 2009

El gráfico creado por Felipe Micaroni Lalli, representa la historia de las tecnologías, estándares y navegadores que han hecho posible el crecimiento de la Web.

Lo más probable es que el gráfico deberá ser reescrito en breve ya que poco a poco vemos llegar HTML5, Silverlight 3 está a punto de ver la luz (programado para el 10 de Julio ) y por si fuera poco, Opera hoy acaba de reinventar la Web con su ¡navegador-servidor!

Controlar el tiempo de navegación

12 de Junio de 2009

ThinkWasabi escribe sobre MinutesPlease.com, un interesante servicio para controlar el tiempo que pasamos en una web.

¿Cuántas veces nos ha pasado que tenemos 10 minutos y nos ponemos a twitear y cuando nos damos cuenta ya han pasado más de 25 minutos?

Para evitar que nos ocurran estas cosas podemos utilizar este servicio. Basta con introducir la url que queremos visitar y el tiempo en minutos y darle al botón :)

Existen 3 formas de usar MinutesPlease:

Navegación Normal
Es la forma comentada anteriormente, entras, introduces la url y el tiempo y pulsas el botón. Se abrirá una pestaña nueva con la url introducida y en la pestaña en la que tenías MinutesPlease verás un contador de tiempo para saber cuánto te falta para volver al trabajo.

URL “pregrabadas”
Si quieres puedes guardarte unas URL para no tener que rellenar cada vez el formulario de MinutesPlease, por ejemplo puedes usar http://minutesplease.com/5minutes/a2sistemas.com/ para navegar por la web de A2Sistemas durante 5 minutos

Bookmarklet
El bookmarklet de MinutesPlease te permite visitar durante 10 minutos cualquier web. Solo tienes que guardar el bookmarklet de MinutesPlease y hacer clic en él cuando visitas una web en la que quieres limitar el tiempo de navegación.

Bonus:
Realmente la idea es original, pero para que esto funcione y te sea útil debes ceñirte al tiempo que te marcas al principio ya que siempre te da la opción de More time… así que puedes ir dándote más tiempo.

Fuente: ThinkWasabi

Mantenerse al día con las últimas tendencias en Diseño Web

5 de Junio de 2009

Desde el comienzo de la World Wide Web, ha habido muchas tendencias en diseño web. La primera etapa comenzó con un enfoque académico y se orientaba hacia el simple intercambio de información. Con el tiempo hemos fuimos experimentado un cambio en el diseño con la llegada de gráficos, lo que dio nacimiento a la moda tecno-era en la que los diseñadores y los clientes buscaron nuevas formas para resaltar y llamar la atención con los últimos trucos de la web. En ese momento, hubo un mayor énfasis en el brillo y el glamour de los applets, flash, videos y en contraposición a contenido.

Hoy en día, estamos en una etapa de evolución de la web donde una buena experiencia web es el resultado de la colaboración mutua entre la presentación (diseño visual), la interacción (la respuesta a los usuarios), y la organización (estructura del sitio). Esta etapa se refiere a la facilidad de uso. Lo que alguna vez fue considerado un “cool” del sitio ya no es tan fresco como inicialmente se pensó que fuera. La atención se centra ahora en los estudios de usuarios y la usabilidad.

Un profesional de sitios web crea diseños de página web para lograr un equilibrio entre los dos extremos, el visual y la información. Implementamos el texto y los gráficos que mejoran la legibilidad y la percepción del mensaje que se transmite a un público objetivo.

Las tendencias futuras se inclinan más hacia la red como estructuras, diseños limpios, y un montón de espacio en blanco. PDD (Programa de Desarrollo Directivo) se halla en la cima de las últimas tendencias en el desarrollo de un sitio web de la red formando la estructura que pone toda la información pertinente delante de los ojos del espectador y hace que sea fácil para él o ella para encontrar exactamente la página que contiene la información que desea. Este tipo de diseño de sitios web requiere de tiempo, la investigación, y esfuerzo por parte del Departamento de Asuntos de Desarme del sitio web de los desarrolladores profesionales, pero bien vale la pena para los sitios web que abarcan grandes cantidades de información.

La presencia en la web es muy importante en estos días sobre todo para las empresas que pretenden obtener la mayor cantidad de visitantes y clientes. Con su alcance mundial, cualquier sitio web tiene una gran oportunidad de llegar a un público objetivo más amplio lo que aumenta el tráfico y las ventas.

La consideración primordial es crear un atractivo y bien diseñado sitio web en que los visitantes se mantengan pegados a lo que tiene que ofrecer. Implica el desarrollo de un sitio web, teniendo en cuenta los diversos elementos de diseño, pero lo principal a tener en cuenta es la sencillez.

Simplicidad en el diseño web significa ser sencillo y directo en un montón de aspectos.Podemos hacer un diseño simple para una cómoda experiencia de navegación sin forzar los ojos. Esto significa que de izquierda a derecha y de arriba abajo, los lectores son capaces de leer todo el contenido sin mucha dificultad.

El diseño del contenido es otra de las últimas tendencias. Si bien el diseño de la página de fondo era popular en los últimos años, el contenido es ahora recibir más atención en un esfuerzo por llamar la atención de los visitantes a la información proporcionada en el sitio. Los diseñadores también somos conscientes del hecho de que el contenido de un sitio es lo más importante.

En términos de color, la mayoría de los fondos de color blanco liso y suave, tonos neutrales están en boga. El fondo blanco es muy popular hoy en día en muchos sitios web, ya que dan un efecto claro y limpio. Esto crea un efecto enfriador en los ojos. En cuanto a los colores más brillantes, son los que mejor reservamos para los aspectos más destacados o los más importantes de la página web y si es posible, se debe utilizar con menos frecuencia.

El blanco es esencial en la construcción de un sitio web. Proporcionar más los márgenes y la talla de línea adicionales para ayudar a los lectores a absorber la información en el sitio. Recordar siempre que Menos es mejor.

Los tipos de letra y el tamaño no deben ser olvidados. Texto grande para resaltar la información más importante en su sitio y dejar el texto de tamaño normal para los detalles.

Los diseñadores donde quiera que nos encontremos hacemos el trabajo de acuerdo a las necesidades del cliente, por lo tanto, es muy importante estar en constante comunicación y consultar con ellos la creación de un sitio apropiado para sus necesidades. Especificación de su público objetivo, la información comercial y de diseño de estilo durante su consulta inicial será de gran ayuda para el diseñador.

Como elegir un proveedor de Hosting para nuestro Sitio Web

17 de Abril de 2009

Elegir un proveedor de alojamiento web puede ser una tarea de enormes proporciones con los muchos proveedores y opciones disponibles. No necesita ser un ejercicio agotador, sin embargo, si sabemos cómo buscar las características que son importantes para nuestro sitio web ya jugaremos con ventaja. A continuación presentaremos algunos de los aspectos más importantes que debemos considerar al elegir un proveedor de alojamiento web.

Ancho de banda
El Ancho de banda se refiere a la cantidad de datos que se pueden transferir hacia y desde nuestro sitio web en cualquier momento. Los sitios web son accesibles para muchos usuarios a la vez, y es importante considerar esta demanda y elegir un ancho de banda bajo ese concepto. Si contratamos una cantidad fija quiere decir que nuestro sitio estará limitado a cierta cantidad de visitas mensuales.

Asignación de Tráfico
La mayoría de los paquetes de hospedaje también incluye una asignación mensual de tráfico, lo que significa que el sitio web sólo permite la transferencia de una cierta cantidad de datos cada mes. Es importante sopesar el costo del paquete y la asignación de tráfico para encontrar el equilibrio que necesita el sitio web en conjunto. Una buena opción es elegir un paquete de hosting con un proveedor que nos permita comenzar con una menor asignación de tráfico a un menor costo, pero nos permita ampliar el paquete fácilmente si el sitio web comienza a necesitar un subsidio adicional de tráfico.

Características
Es importante considerar las características que nos gustaría tener en el sitio web antes de elegir un paquete de hospedaje, el proveedor debería ofrecer determinados servicios a fin de poder hacer uso de diversas tecnologías web. Si elegimos la opción de cambiar el contenido de la página web utilizando una base de datos entonces necesitamos asegurarnos de que el proveedor nos proporcione las funciones que necesitamos a un coste razonable. Si necesitamos recursos específicos, debemos solicitarlos claramente. La posibilidad de utilizar un determinado lenguaje de programación en alguna parte del sitio, el acceso a bases de datos y la cantidad de direcciones de correo electrónico que tendremos disponibles son algunos de ellos.
También es bueno saber que sistema de copia de resguardo tienen para nuestros datos.

Soporte
El soporte es un elemento importante para elegir un servicio de hosting. Nos hemos de asegurar de contratar un hosting con soporte 24/7 (veinticuatro horas al día, los siete días de la semana) y que podamos contactarlos por email, por chat  o por teléfono de ser necesario. No tenemos porque tener problemas, pero es posible que cualquier día lo podamos necesitar y ese día puede ser crucial para nuestra empresa o negocio.

Acceso
A menudo pasamos por alto una característica de los paquetes de hospedaje y es la forma en que se nos permite acceder a nuestro espacio de archivos. File Transfer Protocol (FTP) es un método común a causa de su simplicidad y eficacia cuando se trata de la transferencia de archivos en línea y está bien apoyado en muchos paquetes de software y sistemas operativos.

Fiabilidad
En un mercado con muchos proveedores que ofrecen servicios de alojamiento similares puede ser difícil evaluar quien puede proporcionarnos un servicio fiable. Los sitios web deben ser accesibles las 24 horas del día, no hace ningún bien que alguien se haya tomado su tiempo para acceder al sitio web y no esté en condiciones para acceder a él. Tenga cuidado con los paquetes de alojamiento muy baratos ya que estos suelen tener servidores con problemas de conexiones a internet. Debemos tener en cuenta la trayectoria y experiencia del proveedor y asegurarnos que lleva varios años en el mercado, eso nos permitirá evaluar la experiencia de la misma.
Un buen lugar para comenzar a investigar los proveedores de alojamiento se encuentra en los diversos foros donde tienen lugar los debates.

Aspectos económicos
Debemos encontrar un equilibrio entre lo económico y las prestaciones que necesitamos. Ya que más barato puede significar también más limitaciones.

Con estos aspectos en cuenta a la hora de elegir un paquete de hospedaje y proveedor para nuestro sitio web, podemos eliminar las opciones que no nos interesan y elegir el Hosting que es adecuado para nosotros.