jump to navigation

Remodelaciones de Sitios Web - Analogía July 30, 2008

Posted by developpeur in : Español, Internet Hispano, Web Development , add a comment

A veces es difícil explicarle a un cliente los procesos, terminologías y situaciones colaterales implícitas en el desarrollo web, las analogías son una forma de explicar de una manera más coloquial de tal forma que sea sencillo su entendimiento.

Para el caso de este post, o sea Remodelación de un Sitio Web, tomaremos como analogía la remodelación de una casa. Así que primeramente hay que contextualizarnos asignando equivalencias. Para el caso de esta analogía solamente tomaremos 3 elementos del proceso de construcción de una casa: Planos, Obra Negra y Acabados. Equiparándolos con los procesos de desarrollo web: Diseño, Programación, Integración.

Explico cada uno:

A fin de aclarar las situaciones que confunden en las remodelaciones, he asignado una escala de acuerdo al nivel de modificación que se requiera:

Por lo anterior es sumamente importante al momento de crear o remodelar un sitio web (como lo es en una casa) observar los siguientes detalles:

Sphere: Related Content

Importancia de diseñar en XHTML CSS con estándares W3C July 24, 2008

Posted by developpeur in : Español, Internet Hispano, Web2.0 , add a comment

El diseño en XHTML/CSS es muy diferente al HTML típico (la versión 4). Diseñar para HTML es muy fácil ya que se puede hacer (la mayoría de las veces) a través de un GUI como Dreamweaver, Firefox, Photoshop, etc., con la consecuente pérdida de estándares y ante (o vs.) el creciente énfasis de los buscadores en precisamente eso: ESTANDARES.

Bien, el XHTML es el formato de mayor vigencia actualmente (al 2008) y el más premiado por los motores de búsqueda por su facilidad para ser explorado por los robots, entre más estricto y puro es mejor. La páginas web programas en XHTML/CSS por lo general son sujetas a una verificación voluntaria por el W3C, aun cuando dicha verificación es voluntaria y no hay multas por no pasar la verificación, si puede representar un costo (sobre todo para las páginas web comerciales) en el largo plazo al ir cayendo en la posición que se tenga en las “paginas de resultados de los motores de búsqueda” (los SERPs), o bien jamás aparecer en ellos.

No es que yo nunca haya usado un GUI, de hecho mi favorito es el Dreamweaver, pero tampoco se puede usar para todo, vamos… hasta una navaja suiza tiene sus límites, y sin duda el XHTML con CSS es mejor programarlo a mano o al menos revisarlo o limpiarlo a mano antes de verificarlo y publicarlo.

La siguiente analogía va como ejemplo, supongamos que el motor de búsqueda es un buzo de aguas profundas buscando un tesoro en el fondo del mar. Nuestra página web es el espacio del océano (el agua) donde se ha decido buscar dicho tesoro. El tesoro es el producto o servicio que ofrecemos en nuestra página.

  1. Cuando un motor de búsqueda explora una página web hecha con un GUI equivale a bucear en lodo, será difícil, lento y tal vez nunca encontremos el tesoro.
  2. Cuando un motor de búsqueda explora una página web XHTML con estándares W3C equivale a bucear en agua purificada, todo será fácil, rápido y visible.

Sphere: Related Content

Pasos para diseñar en XHTML CSS July 24, 2008

Posted by developpeur in : Español, Internet Hispano, Web Design, Web2.0 , add a comment

¿Cómo hacer una página web en XHTML/CSS? ¿Cuáles son los pasos para diseñar en XHTML/CSS? Son preguntas recurrentes en foros de diseño web en diferentes idiomas, sin que hasta el momento yo haya encontrado una respuesta simple, lo cierto es que posiblemente no la hay debido a que cada desarrollador aplica una metodología distinta en su proceso. Libros excelentes se han escrito sobre el tema, sin embargo queda abierto al criterio del desarrollador el orden de los pasos a seguir. A mí me gusta programar manualmente pues obtengo resultados prácticamente exactos al modelo gráfico presentado (al cliente o al jefe).

Mi metodología es la siguiente:

  1. Diseño Gráfico:
    Diseñar (en photoshop, fireworks o lo que quieras) la apariencia gráfica que tendrá la página, “el modelo”, con todo y textos, botones, etc… vamos, como una fotografía de la página.
  2. Etiqueta CSS:
    Genero un archivo CSS con las etiquetas de estilo en blanco de acuerdo a las áreas que logro identificar en el modelo: header, content, footer, etc.
  3. Etiqueta XHTML:
    Genero un archivo XHTML 1.0 Strict, defino y posiciono las divisiones con las respectivas etiquetas de estilo, incluyo todos los textos, al menos en forma simulada (lorem ipsum) si no existen los reales todavía.
  4. Define Estilos:
    Asigno las características de estilo a cada una de las etiquetas del CSS creado previamente y que estaban en blanco.
  5. Segmenta:
    Procedo a segmentar o “rebanar” las piezas del modelo grafico que me serán de utilidad y que serán recogidas por el CSS o el XHTML una vez en el servidor.
  6. Ajusta:
    Reviso que las piezas del paso anterior hayan quedado en su lugar de acuerdo al modelo, reviso medidas, cabos sueltos, etc.
  7. Verifica:
    Procedo a revisar que la página pase efectivamente la verificación de la W3C.

Espero que esta metodología sea de ayuda para los diseñadores o desarrolladores web que apenas se inician en esto, igualmente invito a los desarrolladores y diseñadores web veteranos que quieran compartir su metodología, lo hagan en los comentarios de este post para enriquecer este recurso.

Sphere: Related Content

Modificación Básica de un HTML en cPanel March 6, 2008

Posted by developpeur in : Español, Internet Hispano, Tutoriales , 2comments

A veces es necesario hacer ajustes pequeños en páginas web realizadas en HTML o XHTML. La siguiente metodología es particularmente eficaz cuando los cambios son pequeños y de texto, es decir un cambio de teléfono, agregar o quitar un servicio, etc.

Lo modificable dentro de un (X)HTML se encuentra por lo general cercano a la mitad de todo el código que vemos al abrir el HTML, lo deseable es que si sabemos que habrá modificaciones, pedirle al desarrollador que deje un comentario dentro del código indicando desde donde se pueden hacer modificaciones, algo así como <!–INICIAR EDICION –> . Usualmente se puede modificar lo que está dentro de las siguientes etiquetas:

Solo hay que tener cuidado ya sea al borrar o agregar textos que las etiquetas queden una abriendo al principio <> y otra cerrando al final </>. Si vamos a agregar un listado o un párrafo nuevo entonces lo ideal es escribir primero del juego de etiquetas con un espacio en medio <> </> y luego empezar a escribir en medio ese espacio, así estamos seguros de antemano que nuestro texto esta “encapsulado”.

Ahora bien, como hacerlo desde cPanel:

  1. Ingresar al cPanel
  2. Click en Administrador de Archivos (dentro del grupo Herramientas de Gestión del Sitio) se abre en ventana nueva.
  3. Click al icono (no el nombre) del folder public_html
  4. Click al nombre del archivo que queremos modificar, algo así como nombre.html o .htm
  5. Del lado derecho aparecen varias opciones, dar click en Edit File.
  6. Realizar los cambios de acuerdo a lo comentado arriba en el segundo párrafo de este post.
  7. Click en Grabar (Save).
  8. Cerrar la ventana del Administrador de Archivos y salir del cPanel.

Sphere: Related Content

Telmex Puerto 25: error 0×80042109, 0×800CCC0E January 2, 2008

Posted by developpeur in : Comunicados del Webmaster, Correo, Español, Internet Hispano, Tutoriales , 5comments

En breve:

Telmex, el principal de proveedor de conectividad en México ha bloqueado el puerto 25 (correo saliente) a nivel nacional. Específicamente para mis clientes UNICAMENTE en México que usen Telmex (Prodigy / Infinitum) el nuevo número de puerto del servidor de correo saliente (SMTP) es el siguiente para todos los servidores: Puerto 26.

Como cambiar el puerto:

Nota: El Webmail NO ha dejado de funcionar en todo este tiempo, y siempre hay que tenerlo presente como un medio alterno de envío y recepción de correos cuando el Outlook por alguna razón no funciona, en tanto encontramos una solución al problema (que cuando se trata de Outlook por lo general es configuración del usuario o causa ajena al servidor).

La explicación:

En México empezamos el 2008 con la novedad de que Telmex ha bloqueado el puerto 25 para protegerse del SPAM, ciertamente los reportes por parte de los usuarios empezaron desde finales de diciembre. Parecía que no encontrábamos la causa de este problema puesto que todos los servidores estaban sumamente desahogados y en luz verde por las fiestas decembrinas. Uno de mis clientes en México (¡Gracias Eduardo!) pronto trajo a mi atención la causa del problema, aquí les dejo el AVISO OFICIAL DEL TELMEX. Por cierto, los que sean mis clientes NO ES NECESARIO que utilicen el formato de Desactivación de la Protección del Puerto 25 que provee Telmex (pero si ya lo hicieron no pasa nada), sin embargo lo menciono para la comunidad, por si otros lectores de este blog lo requieren.

En fin, el asunto pronto alcanzó notoriedad en Internet arrojando ya algunos resultados en Google como Telmex Puerto 25, y bueno como era de esperarse las opiniones son muy variadas, desde neutrales y técnicas hasta apasionadas reacciones a las “tácticas monopólicas” de Telmex, todas muy respetables, aquí van algunas:

Mis dos centavos:

Personalmente creo que Telmex tiene todo el derecho de protegerse como lo crea conveniente (otros proveedores y también en otros países lo hacen y más siendo “cliente” asiduo de SPAMCOP es de esperarse) siempre y cuando avisen con anticipación y dejen la puerta abierta a todos los servicios colaterales (legales claro) que dependen de su conectividad, supongo que ellos mismos saben que de no manejarse cordialmente estarán abriendo espacios a sus nuevos competidores de conectividad que tienden a la alza en número y presencia con precios a la baja (compañías de cable, internet satelital, microondas, celular, etc.).

Sphere: Related Content

Web Marketing II – Marketing 2.0 vs Web Marketing December 7, 2007

Posted by developpeur in : Español, Internet Hispano, Mercadotecnia , 1 comment so far

Como escribí en un artículo previo, hay confusiones en la terminología relacionada con el marketing, por ejemplo algunos confunden la Publicidad con el Marketing, a lo largo de mi carrera me ha tocado toparme con agencias “especializadas” que dicen que hacen Marketing, cuando en realidad lo que hacen es Publicidad, es decir UNO de los tantos elementos que conforman el Marketing.

Recordemos que los conceptos de marketing, mercadotecnia, mercadeo y comercialización se utilizan como sinónimos. Así que este artículo bien podría llamarse Mercadotecnia 2.0 vs Mercadotecnia en Internet, lo aclaro por aquellos lectores que gustan de buscarle las mangas al chaleco en eso de los extranjerismos y darle con cómo debo escribir en mi propio blog (¡que esto es un blog y no bitácora!). Sin embargo el término marketing es el que más se utiliza y el más extendido.

Pues bien, pasa más o menos la misma confusión entre el Marketing 2.0 y el Web Marketing, no es lo mismo pero están íntimamente ligados, pues el primero contiene al segundo y queda definido por la influencia del segundo, pero también contiene todos los demás elementos del marketing tradicional. El término Marketing 2.0 se vino acuñando por allá en 2005 más o menos a la par (o a raíz) del término Web 2.0 y por supuesto ha ganado fuerza a medida que la “2.0mania” se hace más popular.

En fin, afortunadamente tampoco es mucho lo que hay que explicar, para eso está la Wikipedia donde alguien ya se tomó la molestia de hacerlo y no me resta más que traducirlo, creo que la definición francesa lo explica breve y claramente, pero lo resumiré un poco más:

Marketing 2.0 se refiere a una nueva generación de conceptos de marketing que emergen a la par con internet donde este último es utilizado como medio primario y los medios tradicionales también son utilizados pero como secundarios.

Aun así no podría faltar el cuadro comparativo de la definición anglo, bastante esclarecedor:

Marketing 2.0 trata de convertir transacciones en interacciones, e interrupciones en integraciones. Algunos ejemplos:



Marketing 1.0

Marketing 2.0

Comerciales

Posicionamiento de Producto

Comunicados de Prensa

Publicación en Blog Corporativo

Correo directo

Correo electrónico

Proveer contenidos

"Jalar" contenidos (RSS)

Colaterales (trípticos, etc.)

Videos

Seminarios

Webinars y podcasts

Contenidos generados
por la empresa

Contenidos generados
por los usuarios

Crear un sitio web

Crear comunidades

Sphere: Related Content

Web Marketing I - Fundamentos December 5, 2007

Posted by developpeur in : Español, Internet Hispano, Mercadotecnia , add a comment

A manera de “micro-compendio” y en “formato FAQ” escribiré una serie de artículos, empezando con este (y no se con cual terminará pero los iré enumerando para no perderme) para dar respuesta a las preguntas y dudas más frecuentes que se presentan relacionadas con el Web Marketing, basados primeramente, por su extraordinaria capacidad de síntesis, en la versión anglo de la Wikipedia (con miras a mejorar la versión hispana), otros blogs y por último mi experiencia personal a manera de comentarios.

El otro día me preguntaba un cliente: ¿Cuál es la mejor forma de dar a conocer un producto en internet, la final, la única, la concreta y precisa?, bueno… creo que la respuesta más corta a esa pregunta es: “encontrar tu mezcla ganadora”, porque lo cierto es que no hay un medio único, un “one size fits all” no existe en el mundo del Marketing Tradicional y a más de 10 años de la democratización del Internet, tampoco existe un método único en el Web Marketing que nos permita una exposición total ante un creciente número de usuarios.

También habría que agregar que si queremos dar a conocer un producto es preciso estar MUY DISPUESTOS a invertir, o una buena cantidad de dinero o una buena cantidad de tiempo, pues difícilmente es posible abarcar todos los métodos y además dedicarse al giro propio de la empresa. Hay muchas forma de hacer marketing, así que entre más recursos tengamos, más medios y penetración de mercado tendremos, entre menos recursos más inteligencia tendremos que aplicar, pero es un hecho que no llegaremos muy lejos si no estamos dispuestos a invertir, aun cuando nuestra “mezcla ganadora” sea la ideal.

Vamos por partes… y antes que nada hay que entender lo que es el marketing para luego entender lo que es el web marketing.

¿Qué es el Marketing?

El marketing es un conjunto de principios, metodologías y técnicas a través de las cuales se busca conquistar un mercado, colaborar en la obtención de los objetivos de la organización, y satisfacer las necesidades y deseos de los consumidores o clientes. Una definición menos elaborada pero también muy válida es que, Marketing es todo aquello que una empresa puede hacer para ser vista en el mercado con una visión de rentabilidad a corto y largo plazo.

Es muy común que la gente confunda el marketing con la publicidad, o con el plan de ventas o peor aun con el diseño gráfico, lo cierto es que estos tres últimos son solo partes de los escalones del marketing (al igual que distribución, venta, relaciones públicas, investigación de mercado, etc.) pero en ningún momento son sinónimos.

Los conceptos de marketing, mercadotecnia, mercadeo y comercialización sí se utilizan como sinónimos. Sin embargo el término marketing es el que más se utiliza y el más extendido.

¿Qué es el Web Marketing?

También se le conoce como online marketing, e-marketing o internet marketing, y es el “marketing de productos y servicios a través de internet”. Es decir el Web Marketing es una especialidad dentro del mismo Marketing como lo son también el Marketing Directo, Marketing Internacional, Administración Estratégica, etc.

La misma confusión se presenta en el caso del Web Marketing con sus métodos en lo individual, muchos piensan que el Web Marketing es solamente el envío masivo de correos o solamente la optimización en buscadores. Lo cierto es que el Web Marketing los incluye a todos ellos y a medida que Internet se desarrolla se sumarán nuevos métodos y técnicas.

También es común confundir el Web Marketing con el Marketing 2.0, este creo que si valdría la pena aclararlo en otro artículo.

¿Cuáles son los Métodos de Web Marketing que existen hasta el 2007?

Sphere: Related Content