daniBlog

Muchas veces se habla de lo que es WYSIWYG pero pocos son los que saben a que se refiere este término.

La palaba WYSIWYG proviene de las siglas What You See Is What You Get (traducido, “lo que ves es lo que obtienes”), y se refiere justamente a eso; poder ver en tiempo real el resultado de por ejemplo un bloque de código XHTML. En sí es una vista preliminar del código, ya que no hace más que renderizarlo en algún sector de la aplicación.

Ejemplos de editores WYSIWYG son Dreamweaver, Netscape, Mozilla, Writer, FreeRichTextEditor, Front Page, etc. Además existen interesantes editores WYSIWYG web desarrollados en HTML y JavaScript, que trabajan en tiempo real.

WYSIWYM, que si lo miran bien no tiene las mismas letras que WYSIWYG (de quién venimos hablando), es una “alternativa” de WYSIWYG que significa “lo que ves es lo que quieres decir”. No varía en nada, son conceptos equivalentes.

Llevándolo a la práctica, si somos de abrir seguido Dreamweaver, vayamos a la pestaña del código, escribamos algo, y luego vamos a la de diseño. Ahí se renderizó lo escrito en la anterior pestaña. Lo mismo sucede en el mismo WordPress. Tenemos las 2 solapas, donde podemos ver el fuente y los resultados.

Hace no muchos años, se llamaba webmaster a aquella persona independiente, que trabajaba casi siempre sólo, y frecuentemente hacía todo lo necesario para desarrollar un sitio. Hoy día ésto es imposible, a tal punto que muchos hablan de que la palabra webmaster ya no tiene significado.

¿Por qué? Tal y como ha pasado con los filósofos, sucede ahora con los webmasters. Los filósofos eran personas sabias en todas las ramas de la ciencia y conocimiento. En un momento dado, y luego de muchos descubrimientos, los conocimienos se fueron ramificando y superándose a si mismos continuamente. Llegó un momento en donde a ninguna persona le alcanzaba su vida en la tierra para poder aprender todo, y el término de filósofo desapareció. Ahora, la tecnología web avanzó tanto, que a una sola persona (ex-webmaster) le resulta imposible realizar todas las tareas que un desarrollo web implica. Para ello se necesitan muchas personas relacionadas como por ejemplo expertos en marketing, diseñadores, desarrolladores, administradores, editores, entre otras más.

En conctreto, antes un webmaster necesitaba tener conocimientos para ser llamado como tal sobre:

• HTML, con un poco de ideas del diseño web.
• Protocolos como FTP, HTTP, POP, SMTP.
• Si bien no era del todo necesario, algún lenguaje de programación para “dinamizar” los contenidos, como PHP, ASP, Perl o Java.

Hoy en día, a la hora de desarrollar un sitio, además de los anteriormente mencionados, debemos manejar:

• Aplicar los estándares impuestos por la W3C, con herramientas como XHTML y CSS.
• Excelente manejo de imagenes digitales y conocimientos profundos de diseño gráfico.
• Conocimientos básicos para la configuración de un servidor Web como Apache, IIS, etc.
• Administración y diseño de bases de datos (MySQL, SQL Server, Oracle).

Como vemos, cada uno de los items nombrados son una carrera en sí. Nos llevaría largos años si queremos saber hacer todo esto, y ya para cuando terminemos seguramente lo aprendido poco nos servirá porque estamos en un mundo que se sobrepasa de forma constante.

Y esto obviamente trae consigo mejoras. El hecho de que halla necesidad de varios profesionales trabajando en conjunto para un desarrollo, implica que el mismo será mucho más sofisticado que uno hecho hace 3 años por una persona independiente.

Ahora que hablamos un poco más el tema, es bastante obvio que no puede existir en el mundo actual alguien que se catalogue como webmaster. Es así también que dentro de las empresas de software tienen diferentes departamentos, cada uno especializado en un aspecto: diseño, bases de datos, programación, testers, etc.

¿Quién celebrará ahora el día Internacional del Webmaster el 20 de septiembre?

Vía: TuFunción

En la red, y en la cabeza de muchos, hay una inmensa diversidad de lo que es la definición exacta de la Web 2.0. Muchos han deformado lo que es en sí la Web 2.0, e incluso se han tildado muchos sitios como sitios 2.0 sin tener ni siquiera una pizca de lo que realmente es; pensando generalmente que con el diseño de un logo sofisticado pasan a formar parte del mundo 2.0.

Por suerte alguien ha diseñado una imágen muy simple que nos explica adecuadamente a qué se llama Web 2.0, comparándola con la antigua 1.0:

Vía: Loog(ic)

Siempre uno busca algún modo de incrementar con simples ejercicios mentales nuestra capacidad de la memoria. Pero tan rápido como nos ponemos a buscar y obtenemos las técnicas, dejamos de practicarlas.

En lifehacker (en inglés) han explicado un simple método que consta de 5 pasos para incrementar esta preciada habilidad:

1. Primero debemos escribir en un papel -o bien en un procesador de texto de nuestra PC- oraciones completas que cree que podría recordar fácilmente (se recomienda oraciones cortas).
2. Luego debemos tomar estas notas, y encerrarnos de tal modo que nadie nos interrumpa, eliminando cualquier distracción.
3. Miramos la primer oración, la leemos en vvoz alta. Luego cerramos los ojos y la decimos sin mirar el papel -o monitor-.
4. Repetimos el paso 3, pero ahora con las dos primeras oraciones.
5. Luego lo mismo, pero con tres oraciones, luego cuatro, y así hasta conseguir memorizar todas las oraciones que escribimos.

Ésta técnica fue creada y practicada por John Place. Con ella logró memorizar hasta 7 capítulos (equivalente a 23.000 palabras) de un libro escrito por el, sobre psicología.

Como vemos, esta no es más que una técnica más para hacer trabajar nuestro cerebro y que no estaría nada mal dedicarle al menos unos 10 o 15 minutos diarios para superarnos día a día.

Los colores que entran por nuestros ojos -ya sea en un cartel que se nos cruza por la calle o bien un sitio web- nos produce reacciones psicológicas que no controlamos, sino que están predefinidas por decirlo de alguna manera.

Entonces, al definir los colores que utilizaremos en nuestros sitios, blogs, o lo que sea, se debe analizar cuidadosamente qué es lo que la web quiere transmitir y a qué usuarios está apuntado.

En webtaller han hablado acerca de esto, comentando que es lo que generará cada color en la persona que los ve:

• Rojo: Despierta las reacciones emocionales más fuertes, tanto positivas como negativas. Sugiere sentimientos de amor, pasión, excitación y fuerza, así como de ira, velocidad y peligro. El rojo también se asocia frecuentemente con las ofertas.
• Azul: Inspira sentimientos de pertenencia y confianza, fiabilidad, calma, paz, tranquilidad, seguridad, fidelidad y dignidad. El azul es, por mucho, el color “favorito” más común, y se asocia frecuentemente con una alta calidad.
• Amarillo: Se lo relaciona frecuentemente con calidez, sol y felicidad. Sin embargo, el amarillo puede ocasionar cansancio visual y por ello debe ser usado en poca cantidad.
• Anaranjado: Crea un sentimiento de alegría, placer y calidez y se lo percibe como vibrante y ambicioso.
• Verde: Dependiendo del matiz puede sugerir naturaleza, salud, frescura, crecimiento, abundancia, dinero y libertad. Es el más relajante para los ojos.
• Violeta: Es el color de la realeza, la espiritualidad, la dignidad, la sofisticación, y se puede percibir como lujoso.
• Rosa: Es blando, dulce y femenino, y puede despertar sentimientos de ser nutrido o mimado.
• Blanco: Se lo ve como puro, inocente, limpio, joven y suave.
• Negro: Habitualmente representa sofisticación, elegancia, autoridad y poder. Se lo puede percibir como seductor, misterioso o serio.
• Gris: Es autoritario, práctico y creativo. El gris oscuro inspira una sensación de solidez y confiabilidad.
• Marrón: Es rústico, sólido, confiable, opulento, efectivo y masculino.
• Dorado: Implica prestigio y dinero, igual que el plateado, aunque este último también se ve como frío y científico.

Si ya antes era complicado definir los colores para una web, ahora lo es más aún. Debemos tener en cuenta que combinen, que hagan contraste algunos con otros, y ahora -para colmo- conocer que reacción queremos en el cliente. Es complicado, pero si tenemos en cuenta todos los factores que se deben tener en cuenta lograremos mejores resultados, y estaremos un paso más adelante de aquellas empresas que no lo tuvieron en cuenta.

Como sabemos, el sector que más influye para el posicionamiento en Google de una página cualquiera es el título (lo que se encuentra dentro de la etiqueta <title>).

Resulta ser que Google no tiene en cuenta palabras como “de” o “y” así como otras preposiciones y conjunciones. Evidentemente, esto es un gran problema para nosotros, que solemos utilizar preposiciones cotidianamente.

Lo que sí tiene en cuenta Google a la hora de indexar son los puntos (.), comas (,) y los puntos y comas (;).

Veamos el problema aplicado a un ejemplo práctico con el siguiente título:

Importación de coches y coches de lujo.

En el ejemplo Google esta viendo la palabra coches dos veces repetidas y juntas, con lo que puede interpretar una sobreoptimización del título. Esto trae grandes problemas con el posicionamiento, ya que el algoritmo de indexación podría pensar que dos palabras iguales juntas no tienen ningún valor, y las descarta.

Para que el título anterior le caiga bien a Google, debería ser algo como “Coches de importación y coches de lujo”.

Cuando definan entonces el título para cualquiera de sus artículos o páginas, tengan en cuenta:

• Utilizar signos de separación gramaticales si ponemos 2 palabras iguales juntas en lugar de preposiciones y conjunciones.
• Separa la palabras iguales de la frase intentando poner en primer lugar la palabra por la que queremos posicionarnos.

Vía: SEO Profesional

En mingle² hay a nuestra disposición algunos tests para webmasters. Entre ellos, el que más llamó a mis ganas de participar fue el de CSS. Consiste en que debes nombrar todas las propiedades de CSS que puedas en 7 minutos. En su base de datos tienen 122 propiedades. Asique si quieres un 10 deberás nombrar una cada 3 segundos y medio.

Yo lo acabo de hacer, y no estoy para nada conforme con el resultado. Ésto supongo que se debe a la costumbre de apoyarnos en algun soft que nos hace más fáciles las cosas y no nos obligan a recordarlas de memoria. Les muestro mi resultado:

Free Online Dating47

Ésto lo podríamos traducir a un 38%, redondeando, me saqué un 4. Pésimo.

Además de este test, hay otro similar en el que debemos nombrar en 5 minutos todas las etiquetas HTML que conocemos. Si quieres probar te que sale puedes hacerlo desde aquí.