El rincon del krilbert

¿Se te acaba el ancho de banda de tu web rapidamente y no sabes porque? Un motivo podria ser que alguien este haciendo hotlinking a tus imagenes, weno... si no sabes lo que es hotlink de imagenes no te preocupes en este post trataré de explicarlo con un ejemplo, daré una solución utilizando el modulo mod_rewrite de Apache y daré una recomendación de como te puedes ahorrar un poco de ancho de banda en tu web

Ya tenía ganas de inaugurar la categoría de CSS y no sabía con que empezar y en eso, como por obra del espíritu santo me preguntó un amigo que como podía hacer menus horizontales con ancho fijo con CSS y dije... de aquí soy! hagamos un post.

La intención de este post es que aprendamos a hacer menús horizontales de forma semántica y para el fondo utilizar la técnica de posicionamiento de fondo.

Wow! ya vamos en la tercer entrega ¿qué es lo que vamos a hacer ahora? vamos a poner marcadores en nuestro mapa, vamos a personalizar los iconos de los marcadores y por si fuera poco vamos a desplegar una ventana emergente con información cuando hagamos click en el marcador.

Les recuerdo que no he tenido retroalimentación de como me estoy desenvolviendo en estos tutoriales ehh asi que despues no se quejen!

En la primer entrega de como utilizar la API de Google Maps vimos como ubicar nuestras coordenadas, ahora vamos al clasico "Hola Mundo" hehehe que en este caso es poner nuestro primer mapa, claro entendiendo a la perfección cada cosa para no sufrirle despues. Ahh y poner unos cuantos controles extras como la barra de Zoom, entre otros.

En estos ultimos dias me pidieron una página para una empresa de mi ciudad y en las cosas que querian era una sección donde saliera un mapa de como llegar al negocio asi que dije... bueno porque no usamos Google Maps (para depender mas de google :S hehe) Asi que me puse a investigar sobre como implementarlos en alguna web y es por eso que hoy empiezo una serie de posts para que pongan Google Maps en su web y puedan hacer varias cosas.

Si has seguido mis posts sobre Servidor WEB local con WAMP y Virtualhosts con WAMP se puede decir que ya tienes tu servidor local de desarrollo web funcionando al 100%, pero... aun podemos mejorarlo un poco mas si utilizas Dreamweaver para hacer tus WEBS.

En este post explicare como crear y administrar Sites con el fin de que puedas moverte facilmente entre los diversos proyectos en los que estes trabajando.

A mi en lo personal me gusta mucho la estetica de los diseños WEB 2.0, ya saben todo minimalista, colores pasteles, degradados, reflejos, etc. Sin embargo, y tal vez porque no soy diseñador, puedo llegar a tardar muchisimo haciendo un boton y solo porque no me gusta como queda el degradado y/o la selección de colores.

Con este post vengo a presentarles dos repertorios de recursos para photoshop: The Ultimate WEB 2.0 Layer Styles que es un repertorio de 131 estilos, y una colección de degradados; ambos ya listos para utilizarse en Photoshop. Realmente te ahorra muchisimo tiempo a la hora de hacer elementos web como botones, cabeceras, fondos de contenido y lo que se les ocurra.

Aqui algunos ejemplos sacados de la página del autor (Para The Ultimate WEB 2.0 Layer Styles):

Ahora vamos a hablar un poco sobre como administrar los proyectos que hagamos. ¿A que me refiero? weno... si vamos a trabajar sobre un proyecto lo normal seria poner nuestro sitio sobre la carpeta raiz (c:\www\ segun nuestro tutorial sobre instalar un Servidor WEB local con WAMP), pero que pasa cuando necesitamos trabajar sobre muchos proyectos al mismo tiempo, o es mas, si ya terminamos un proyecto y vamos a empezar otro que onda? ¿donde lo ponemos?

Lo más lógico seria crear una carpeta por cada proyecto que tengamos y tenerlos en la carpeta root, asi si tenemos los proyectos: mi pagina personal y pagina para la tienda de la esquina podriamos tener:

c:\www\miweb\
c:\www\tiendita\

y para entrar a verlas seriahttp://localhost/miweb/ ohttp://localhost/tiendita/ ¿facil no? pero... conforme pasa el tiempo verás que tal vez no es la mejor opcion. En este post voy a explicar porque no es la mejor opción y aprenderemos sobre lo que es virtual hosts y como implementarlos

Si quieres empezar a hacer paginas WEB utilizando PHP necesitaras instalar un servidor WEB en tu computadora e instalar todo lo que necesites por ejemplo el soporte para php, mysql para la base de datos y phpmyadmin para manejar de una forma grafica la base de datos, entre otras cosas.

El proposito de este post es instalar un servidor WEB en nuestra computadora con todo lo necesario para empezar a desarrollar y para esto nos vamos a apoyar con WAMP asi que, primero les explicaré que es WAMP y despues nos vamos a ir paso a paso en su proceso de instalación.