Mostrando entradas con la etiqueta Diseño Web. Mostrar todas las entradas
Mostrando entradas con la etiqueta Diseño Web. Mostrar todas las entradas

lunes, 29 de noviembre de 2010

¿Por qué crear un sitio web Flash sólo es una mala idea?

En mis clases sobre diseño web, siempre me preguntaban por que no enseñaba mas sobre animaciones en Flash para nuestras páginas web. Y siempre le explicaba que el perfil de la academia era orientado hacia las empresas y por tanto el flash es un mal negocio desde el punto de vista de SEO.

Recientemente, a través del Twitter me conseguí con este excelente articulo sobre las desventajas de usar Flash en las páginas web en ingles, el cual resumen muy bien mis objeciones al usa dicha tecnología para las empresas.

¿Por qué crear un sitio web Flash sólo es una mala idea?

  1. La información de los Sitios Flash no esta disponibles para los buscadores: la mayoría de los buscadores de moda, obtienen los resultado al revisar toda la información de la página web. Pero para los buscadores es algo difícil (por no decir imposible), obtener información incrustada en un objeto Flash. El motivo de ello es que tendrían que desincrustar la información que mostramos del objeto Flash, lo que conllevaría tiempo de procesamiento al buscador (que no están dispuesto a hacerlo).
  2. Navegar a través de objetos Flash es difícil: Un análisis web, proporciona información importante para las empresas como lo son: Información de donde vienen el visitante, cantidad de visitas, navegador utilizado, palabra clave con la que entraron a nuestro website, etc. Pero cuando hacemos sitios web en Flash, solo nos proporcionara una información, el objeto Flash de tipo SWF que estamos mostrando y no hará seguimiento de variables de uso de nuestro sitio web.
  3. Los Website Flash rompe la usabilidad de la web: No lo niego, los website hecho en Flash son espectaculares a nivel de vistosidad, pero muchas de las técnicas del Flash rompe con la usabilidad de la navegación. Muchas veces, el botón atrás (o volver dependiendo del navegador) queda en desuso ya que toma el control el Objeto Flash. Dichos problemas podrían haberse resuelto con HTML y CSS.
En conclusión, un website hecho en Flash a nivel visual puede ser muy vistoso, pero rompe con el objetivo final de una empresa, que es llegar a la mayor cantidad de usuarios. Por tanto, evite el uso excesivo de Flash, asesore bien con una empresa de diseño, la cual podría enséñales los trucos reales de un website exitoso. Y lo mas importante, siga sus consejos

jueves, 11 de noviembre de 2010

"Facebook Disconnect" lo nuevo de Brian Kennish

Facebook Connect es una plataforma que integra website, programas y mas con el Facebook, tal como lo explica la red social. Facebook Connect "permite a los usuarios usar su identidad, redes, configuraciones de privacidad para navegar e interartuar por la red".

En vista de los ultimos acontecimientos, con respecto a la privacidad de Facebook, algunos usuarios puede que se replanteen su relacion con esta red social. Si eres uno de ellos, puede que el Facebook Disconnect te pueda interesar.

El Ingeniero de Google, Brian Kennish, ha creado "Facebook Disconnect", una extension para Google Chrome que proteje su identidad mientras navega y, deacuerdo a su creador, "bloquea todo el trafico web de terceros hacia Facebook", mientras sigue permitiendo el acceso al Facebook.

Kennish, creo "Facebook Disconnect", como una alternativa para borrar su propia cuenta de Facebook. "Facebook es notificada cada vez que visito una de sus millones de sitios web que utilizan el API Facebook Connect, el cual permite crear un perfil que puede ser utilizado por terceros". A pesar de ser un Ingeniero de Google, el aclara que es un proyecto personal.

Ejemplo de la funcionalidad de "Facebook Disconnect"


Si desea instalar esta extensión, puedes bajarla de aqui

Fuente:


'Facebook Disconnect' Built By Google Engineer Brian Kennish
Facebook Disconnect Removes Annoying Facebook Clutter from Other Web Pages
Google Engineer Builds Facebook Disconnect

lunes, 6 de septiembre de 2010

Concursa y Gana 10 años por Hosting y Dominio


OK HOSTING MEXICO, ha creado el concurso " Gana hosting y dominio por 10 años " y participar es facilisimo, no pierdas la oportunidad de conseguir un mega paquete de hosting profesional para tu blog o foro con soporte para 20 sitios independientes y mucho mas.
Participa y gana  hosting y dominio para tu blog, foro o pagina web por 10 años
, alojado con con OK HOSTING MEXICO una empresa de primera calidad con soporte rapido y eficaz , servidores windows 2008 Plesk 9.7 y soporte asp.net y php con bases de datos ilimitadas SQL y MYSQL server. No dejes pasar esta oportunidad de obtener tu hosting y dominio gratis por 10 años:

 


Instrucciones para Participar

1.  Contar con un blog o foro propio con minimo 3 meses de antiguedad.
2.  Crear una entrada o post en tu blog donde hables del concurso, la entrada debe contener lo siguiente:


       - Tu opinión y comentarios sobre el concurso
       - Las bases del concurso y la manera de participar.

       - Tres enlaces o links dentro del post hacia 

3.  Despues de crear tu entrada de blog envia le url o link del post  al correo  " concurso@okhosting.com " ,  con tu nombre completo y la url de tu blog.
4.  En maximo 24 hrs recibiras un correo con tu numero y ya estas participando !!

Premios

1er lugar. Paquete webmaster emprendedor + dominio por 10 años:
Nuestro deseado Paquete de web hosting reseller o multidominio con 
Registro de dominio por 10 años
-5gb de espacio y  100gb de transferencia mensual-Alojamiento para 20 dominios o sitios independientes péro con un solo administrador.-El servicio incluye un uptime garantizado de 99.9% mensual, -Soporte tecnico telefonico de 8am a 8pm con atencion rapida y eficaz -Panel de control Plesk 9.7 la version mas reciente -Cuentas de correo ilimitadas -140 aplicaciones listas para instalarse con un click como joomla, wordpres, phpbb,etc-Soporte ASP.NET, PHP, Bases de datos SQL server y Mysql.

Sin duda la máxima calidad en servicios web hosting windows.

Al permitirte hospedar multiples sitios es ideal para para alojar todos tus blogs,foros etc, revender hosting o iniciar tu propia empresa de diseño web y hospedaje, incluye ademas por 10 años el registro de tu nombre de dominio.


2do lugar. Paquete de web hosting empresarial + dominio por 5 años:



Ideal para empresas o blogs que buscan un hosting con buena capacidad, incluye
 
-Registro de dominio por 5 años
-2gb de espacio y  5gb de transferencia mensual-Cuentas de correo ilimitadas -El servicio incluye un uptime garantizado de 99.9% mensual, -Soporte tecnico telefonico de 8am a 8pm con atención rapida y eficaz- 
-Panel de control plesk 9.7 la ultima version- 140 aplicaciones listas para instalarse con un click como joomla, wordpres, phpbb,etc- Soporte ASP.NET, PHP, Bases de datos SQL server y Mysql.




3er lugar. Paquete de web hosting empresarial + dominio por 3 años:



-Registro de dominio por 3 años-2gb de espacio y  5gb de transferencia mensual-Cuentas de correo ilimitadas -Uptime garantizado de 99.9% mensual, -Soporte tecnico telefonico de 8am a 8pm con atencion rapida y eficaz-Panel de control plesk 9.7 la ultima version- 140 aplicaciones listas para instalarse con un click como joomla, wordpres, phpbb,etc- Soporte ASP.NET, PHP, Bases de datos SQL server y Mysql.





Premio de agradecimiento a todos los participantes

Al finalizar el concurso se entregara Un cupon de 50% de descuento en la contratacion de cualquier plan o paquete de OK HOSTING a todos los participantes como premio de agradecimiento.

*No aplica en contratacion de dominios individuales.

No dejes pasar la oportunidad de obtener un hospedaje web de calidad y el registro de tu domionio por 10, 5 o 3 años, el equipo de OK HOSTING MEXICO te desea mucha suerte !!!

martes, 22 de diciembre de 2009

Pasos para registrar un dominio gratuito y conectarlo con DreamWeaver CS4 (Parte I)

Adobe Dreamweaver CS4 se ha ganado en aprecio de muchos diseñadores y programadores alrededor del mundo. Entre su ventaja más destacada es la de poder conectarse directamente a un sitio web a través del protocolo FTP.


El objetivo de esta guía es doble; ofrecer al que la lea un paso a paso para registrar un sitio Web de forma gratuita, y por la otra conectar el Dreamweaver a dicho sitio web.
Creación del Sitio Web


En Internet, es posible conseguir muchos sitios web gratuitos, pero si queremos un hospedaje semi-professional debemos tener los siguientes elementos:


· Panel de Control: Es un sitio centralizado para poder gestionar de manera Web todo aquello requerimientos que necesite el hospedaje


· Cuentas FTP: Al menos deberíamos tener una cuenta para poder acceder a sitio de Hospedaje Web por dicho protocolo, y así realizar las transferencia necesaria para nuestro sitio.


· Tener acceso a los protocolos HTTP (Servicio de Hosting)


· Tener como mínimo los software necesario para nuestra página


- Entorno PHP: PHP y MySQL Instalado


- Entorno ASP: ASP, .NET Framework, ODBC, Frontpage Extensions


Los otros complementos que puede tenet un Sitio Web (Correo Electronico, Lista de Correo, Python, Ruby on Rails, etc), podemos considerados añadidos, que para el principiante no son tan necesario.


De todos los servicios de hosting que he visto últimamente en internet, el mejor que he conseguido es 000webhost, el cual es gratuito y contiene las características antes mencionadas.


En está guía utilizaremos los servicios de dicha página, no por ello quiere decir que otros sevicios no sirvan.


Pasos para afiliarse al servicio de 000webhost

1) Entrar en la siguiente dirección: http://www.000webhost.com/231112.html registrarse


2) En la pantalla que te aparece seleccionar la opción de Sign Up (Registrarse)


3) En la siguiente pantalla que aparece, ahí que llenar los datos que se nos piden


· Debemos seleccionar si debemos conectar nuestro servicio de hosting con un dominio previamente comprado (.COM, .NET, .ORG) o si queremos utilizar uno de sus subdominios. Si elegimos la primera opción, debemos proporcionar el nombre del dominio comprado, para luego apuntarlo a nuestro servicio de hosting; si elegimos la segunda opción solo debemos elegir


un nombre de subdominio. He de acotar que el nombre del dominio varia con el tiempo y es cuestión de suerte dominio


4) Escribir el nombre a quien corresponderá la cuenta, así como el correo de contacto para la cuenta, es muy importante que sea uno verdadero y que se encuentre activo, ya que la información de configuración de la cuenta será enviada allí nombre y correo




5) Escribimos la contraseña, y la comprobamos en la casilla de abajo contraseña




6) Escribimos el código de verficación, el típico caso de CATCHA para comprobar que somos humanos y no una máquina tratando de registrarse.
verificacion




7) Marcamos la casilla de verificación, y le damos crear cuenta aceptar




Una vez terminado estos pasos, la página web tardara entre 2 a 5 minutos preparando la cuenta
 completando la configuracion




Nos dará un resumen de la información sobre nuestro sitio web completado




Si seguimos más abajo, nos encontraremos con la información que necesitamos…. La de los servidores FTP









ftp

martes, 14 de julio de 2009

Cuenta regresiva para Geocities


Me da mucha tristeza escribir esta nota, ya que se refiere al primer sitio en donde subi archivos. Me refiero al abuelito del Internet, el servicio de hosting gratuito Geocities. A pesar de que soy usuario de Internet desde 1996, ya en el 95 conocia ago sobre está página web y veia las posibilidades de convertirme en un webmaster importante empezando a diseñar en páginas gratuitas (Las ilusiones de la adolecencia jejejeje).

Originalmente tu tenia que escoger el "barrio" (entiendase como subdominio) al que ibas a pertenecer; por lo general se nombraba como ciudades o regiones de acuerdo a su contenido -por ejemplo las páginas ubicadas en el barrio "Silicon Valley" se referia a computadores, mientras las ubicadas en "Hollywood" se referia a celebridades-, esto cambio con el tiempo cuando Yahoo compro a Geocities y migro a varios de los usuario al sistema de nombre de usuario como subdominio (maverick_2029.geocities.com).

Como dato interesante, podemos decir que en 1997, Geocities era la 4ta página más visitada en la red, y en octubre del mismo llegan a el millón de usuarios.

Con el tiempo pierde popularidad debido a ciertas estrategia de marketing que molestas a los usuario. Entre estas estrategias estan:
  • Publicidad: Seintroduce publidad en el lado derecho de la página, ocupando un 15% de la pantalla. Muchos usuarios le digusta y abandona el servicio.

  • Marca de Agua: Una imagen GIF transparente que se ubica en la esquina superior derecha, lo cual inteferia con muchos diseño ya creados anteriormente. Con este medida, muchos usuario empiezan a mover sus páginas a otros servidores

  • Compra de Geocities por parte de Yahoo: La compra fue realmente impopular entre los usuarios de Geocities debido al contrato que implicaba que todos lo publicado, sonido e imágenes eran propiedad de Yahoo. Rápidamente se retracta y modifica el contrato.

  • Yahoo modifica las direcciones: Para un mejor entendimientos de las páginas, Yahoo elimina de las URL los barrios y calles, cambiandolo por el nombre del usuario. Eso molesta a muchos usuarios, inclusive un grupo de usuario de AOL presenta una querella por dicha modificación. Finalmente AOL decide eliminar al grupo Community Leaders.

Geocities perdio su importancia, pero para los usuario hoy en día veterano lo ven como un sitio para principiantes del diseño de página web. Muchas universidades y tecnológicos le explicaban los principios del HTML en los barrios de Geocities. Y a pesar de los errores cometidos por Yahoo, no debemos olvidar que en una era antes de Google, Bing, Blogger, Web 2.0. Allí se alojaban la mayor cantidad de conocimientos que se podian encontrar en Internet.

De allí mi tristeza, así que Larga vida a Geocities!!!!!

lunes, 22 de junio de 2009

Nube Tag para Blogger en 5 Minutos

Recientemente, ha habido una gran de cantidad de revuelo por lo que se conoce como Web 2.0, y todo lo que con ello conlleva. Hay que recordar que la Web 2.0, es mas que usar unos lenguajes de programación para mostrar de mejor manera una página web.

Entre los elementos que son comunes en la programación de páginas Web 2.0 (AJAX, PHP, ASP, Javascript, Perl, Python, Redes Sociales, etc.), hay una que llama mucho la atención, y es la Nube de Palabras (también conocido como Nube de Tag, Tag Cloud y Word Cloud)

La nube de palabras, es una representación visual de las palabras que conforman un texto, por lo general, el tamaño de las letras indican mayor revelancia en la ocurrencia de la etiqueta, que no es otra cosa que una clave jerarárquica asignado a un dato que describe un articulo o espacio de Internet para permitir ser recuperado por el Navegador o por el Buscador.

De todas las Nubes que he visto en diferentes páginas, una de las que mas me ha gustado, es una que muestra la Nube en un formato 3D, y se genera dinamicamente es un nube desarrollada por Roy Tanck para los Blog de WordPress.

Pero par la gente de Blogger, se creo "Blogumus", es una nube de tag basada Flash, permite un control sobre la nube. Para un ejemplo revisa La nube en nuestro Blog de Achepe.NET.

¿Como Trabaja?

El Gadget para Blogger, es una combinación entre Javascript y Flash, el cual lee las etiquetadas mostradas en el Blog. Una vez instalado en la plantilla, debería trabajar sin ningún problema ni arreglo adicional. Sin embargo, es posible modificar las variables de color, fondo y tamaño apropiado. El Gadget tambien se puede posicionar y mover a través de la plantilla en la Opciones de Elemento de Página.

Claro esta, para poder ver a Blogumus en acción, deben de estar habilitados el Flash y el Javascript en el explorador. En caso en que no los hagan, los links de la etiquetas podran servir de enlaces (pero no habra animación) para el caso de aquellos que no usan JavaScript o Flash (incluyendo los robots de los buscadores).

¿Como instalar Blogumus en la plantilla de Blogger?

Instalar Blogumus en la plantilla de Blogger, es sorprendentemente facil. Solo es necesario copiar y pegar cierto codigos HTML dentro de las secciones de la plantilla de Blogger. Ahi que aclarar que algunas plantillas que tengas modificaciones, habra que hacer algunas modificaciones adicionales.

Así que vamos a la obra.

1.- Ir a Diseño -> Edición en HTML en tu panel de control de tu Blog en Blogger

2.- Buscar la siguiente linea

<b:section class='sidebar' id='sidebar' preferred='yes'>

3.- Inmediatamente despues de Dicha linea, insertas el siguiente codigo:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>


4.- Una vez Finalizada, ya tendremos todo lo necesario para visualizar nuestra Nube de Tag

Lo bueno de este método es que coloca la Nube de Tag como un Gadget de tu Blog, el cual vas a poder movilizar y ajustar en donde lo necesites.

En próximo capitulo hablare de como configurar y personalizar la Nube de Tag "Blogumus".