jump to navigation

Teclas para borrar cache del navegador April 15, 2008

Posted by developpeur in : Español, Tutoriales , 1 comment so far

A veces pasa que hemos actualizado nuestra página web y no vemos las actualizaciones por mas que le demos click al boton de actualizar del navegador, esto pasa cuando tenemos la asignacion de “cache” muy grande en las opciones del navegador. Sin embargo una manera rapida (shortcut key) de acceder una pagina con el cache “limpio” es la siguiente:

Internet Explorer:

 Firefox:

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

Modo Visual extendido en WordPress wysiwyg February 24, 2008

Posted by developpeur in : Blogs, Español, Tutoriales , add a comment

1. Antes que nada hay que activar el modo visual “simple” en: Users> Editar Usuario> y marcando la siguiente casilla:

wysiwyg wordpress

2. Nos vamos a escribir un post en Write> Write Post, damos click en el campo de edición y activamos el modo visual extendido presionando las teclas: Shift+Alt+V.

Sphere: Related Content

Cambiar password de correo en PLESK January 31, 2008

Posted by developpeur in : Correo, Español, Tutoriales , add a comment

En el PLESK, asi como en otros paneles de administración de hosting, no hay manera de saber cual era la contraseña que un usuario estaba utilizando para su cuenta de correo, pero ciertamente si hay manera de cambiarla o “resetearla”.

Bueno, hay 2 formas de cambiar la contraseña (o password) de un correo en PLESK (versión 8.1.1 y anteriores) considerando los 2 escenarios más comunes que me han tocado resolver:

  1. Cuando el usuario quiere cambiar la contraseña que el administrador le asignó (por aquello de la privacidad).
  2. Cuando el usuario no recuerda su contraseña y/o desea que el administrador le asigne una nueva (usualmente pasa cuando la contraseña era complicada, no era familiar para el usuario, o ese usuario ya no labora en la organización).

Estos son las rutas a seguir para cada uno de los interesados:

1. El Usuario debe seguir esta ruta:

2. El Administrador debe seguir esta ruta:

Sphere: Related Content

Convertir imágenes de impresos a formato web January 17, 2008

Posted by developpeur in : Español, Tutoriales , add a comment

Cuando vamos a utilizar imágenes en la web que han sido previamente utilizadas para diseñar medios impresos (por lo general TIFF en CMYK o Escala de Grises) es necesario convertirlas primero a un formato que sea compatible con los estándares de internet para una correcta visualización y que pese lo menos posible para que la descarga no sea tardada.

Las dimensiones y peso de las imágenes que van destinadas a impresos suelen ser muy variadas y por lo general andan pesando arriba de los 5Mb, tal peso en la Web es un SEVERO inconveniente, por lo que una imagen para internet debe pesar cuando mucho 70Kb para que descargue rápido y el navegante no se nos vaya a otra parte.

Independientemente del peso y dimensiones de la imagen, es necesario hacer como MINIMO 4 cambios en las siguientes áreas: Color, Dimensiones, Resolución y Compresión. Considerando que el Photoshop es el programa generalmente utilizado para la manipulación de imágenes los screencaps que siguen son de este programa, el mío está en inglés pero la ruta es equivalente en español

Color: Las imágenes CMYK no se visualizan en Internet o lo hacen de una forma curiosa que generalmente no es la deseada, además pesan mucho. Lo ideal para Web es el RGB cuando vamos a guardar en JPG y el Indexed Color cuando vamos a generar un GIF. Para el caso de este post lo manejaremos con RGB para obtener un JPG.

Image> Mode>

colormode

Dimensiones: La pantalla de la “mayoría” de los monitores sigue siendo de 800×600 pixeles (aun cuando hay monitores que la triplican no todo el mundo sabe configurarlos para tal fin), así que todo lo que queremos que se visualice dentro de un monitor “estándar” deberá tener dimensiones inferiores a 800×600 pixeles… NO cm, NO pulgadas, NO picas, etc… PIXELES. Por lo general una foto tamaño postal puede visualizarse perfectamente a unos 550 x 330 pixeles.

Resolución: Este debe ser el concepto más difícil de superar sobre todo para los diseñadores que vienen de los medios impresos sobre todo del offset a color (como fue mi caso), donde a mayor resolución mejor calidad se obtendrá al imprimir a mayor lineaje, y vemos archivos de 250 y 300 dpi. En la Web es muy diferente, el estándar es de 72 dpi (o máximo 96 dpi con compresiones bajas), esto parece no tener sentido y existe el miedo de que la imagen no se visualice bien, pero ciertamente SI SE VISUALIZA PERFECTO A 72 DPI.

Image> Image Size>

imagesize

Compresión: Este es uno de los beneficios del JPG, que se puede comprimir “bajándole la calidad” de manera imperceptible al ojo humano pero notoriamente en el peso en kilobytes, esto lo hace un archivo aun más ligero. Por lo general una calidad de 7 es bastante aceptable y el formato Progresivo nos ayuda a que la imagen se vaya visualizando en “bandas” o Scans para que el navegante no vea “blancos” mientras bajan las imágenes y se vaya a desesperar. Entre mas scans mas rápido bajaran imágenes grandes, para imágenes pequeñas con 1 o 2 Scans es suficiente.

File> Save As>

jpgoptions

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

Como crear el primer post en un blog WordPress 2.3.1 versión español December 14, 2007

Posted by developpeur in : Español, Tutoriales , add a comment
  1. Ingresa al panel de administrador. Si tu theme es el básico el link viene en la barra lateral en a parte de abajo, si no aparece entonces entra directamente en www.tublog.com/blog/wp-login.php
  2. En la barra de navegación del panel ve a donde dice “Escribir”
  3. Ahora vemos 2 opciones “Escribir Entrada” y “Escribir Página”, las primeras son las que aparecen en la página de inicio una tras otra y las segundas son páginas fijas que por lo general se añaden a pestañas o botones secundarios en algunos themes o bien en el apartado “Páginas” en la barra lateral del theme básico.
  4. Escribe el título de la entrada (a la entrada también se le conoce como post).
  5. Escribe el contenido del post, tienes 2 opciones para ingresarlo: “Visual” y “Código”.
    La primera es para cuando no sabes nada de HTML aquí puedes darle algo de formato al texto e incluir imágenes, el Wordpress se distingue por su simplicidad y facilidad de uso, así que no esperes muchos recursos visuales.
    La segunda pestaña es para cuando sabes HTML o te pasan un código para que lo insertes, por ejemplo: YouTube, Widgets, Slides o alguna plantilla prediseñada en HTML.
  6. Del lado derecho selecciona la “Categoría” dentro de la cual quedará clasificado el post.
  7. Para finalizar tienes 3 opciones: “Guardar y Seguir Editando” si tu contenido es extenso, “Guardar” si no quieres publicarlo todavía y lo dejas como un borrador, y “Publicar” para guardarlo y enviarlo inmediatamente a la página de inicio del Blog.

EDITANDO POSTS

Sphere: Related Content