El margin se refiere a la distancia (o margen) entre una capa y otra. Para verlo de una manera mas facil, es la distancia hacia afuera de la capa.

Tiene dos formas de utilizacion, una puede ser del tipo individual

.div {

margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;

}

De esta manera podemos, visualamente, ver rapidamente cual es el margen con el resto de las capas.

La otra forma, es una forma resumida o grupal y se declara de la siguiente forma:

.div {

margin: 20px 15px 10px 5px;

}

Cuando se utiliza de esa manera, la forma de leerlo es: margin-top(20px) margin-right(15px) margin-bottom(10px) margin-left(5px)

(Entre parentesis puse los valores para que se entienda mejor) Recuerden que siempre se empieza desde arriba y se va siguiendo la ruta de las manesillas del reloj.

En cuanto al padding, es la distancia desde el borde de la capa hasta los limites del contenido, yendo hacia adentro, en pocas palabras es algo asi como la sangria de los parrafos en un texto.

Tal y como con el margin, existen dos formas de declar el padding,

tipo individual

.div {

padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;

}

Forma resumida

.div {

padding: 20px 15px 10px 5px;

}

La forma de leer la forma resumida es exactamente igual al margin, se empieza desde arriba y en sentido horario.

Creo que se entienden las diferencias entre ambos, la imagen supongo que ayudara mas que las palabras.

Cualquier duda, dejen un comentario.

Saludos

Es por esa razon que les queria dejar este pequeño script que pueden utilizar facilmente. Para ello solo pueden crear un archivo que se llame conectarse.php y escriben el siguiente codigo, obviamente reemplazan lo que esta en mayusculas por sus datos.

<?
$dbhost=”localhost”;
$dbusr=”USUARIO CREADO “;
$dbpwd=”CONTRASEÑA PARA EL USUARIO”;
$db=”NOMBRE DE LA BASE DE DATOS”;
$conexion = mysql_connect($dbhost, $dbusr, $dbpwd);
mysql_select_db($db, $conexion);
?>

De esta manera podran modificar facilmente los valores y reutilizar el codigo, simplemente incluyendolo en todos los archivos donde sea necesario

Espero les sirva y cualquier duda me pueden dejar un comentario.

Saludos

Se supone, que si uno cumple los estandares en el diseño web, esta pagina se deberia ver igual en cualquier navegador que se use, ya sea el Internet Explorer (IE), Firefox (FF), Chrome, Opera, Safari, etc.

Sin embargo es sabido que no todos los navegadores mostraran las paginas web de la misma, inclusive algunos navegadores muestran cosas que otros no. El mas claro ejemplo de esto es el IE, el cual no cumple con los renderizar una pagina web tal y como se debe, por lo que se deben aplicar algunos trucos para que esto funcione.

Entonces la pregunta del millon seria ¿hacer una web que cumnpla los estandares, o una web que se vea bien en todos los navegadores?

En lo personal prefiero lo segundo, prefiero que todos los visitantes a una pagina web tengan la misma experiencia y evitarme problemas de incompatibilidad o similares. Logico, yo preferiria cumplir los estandares, ya que esto haria el trabajo mas facil, pero la realidad indica lo contrario, hace el trabajo mas dificil.

Ustedes que piensan, o que prefieren? Dejenme un comentario para conocer sus experiencias.

Saludos

Agil.- El sitio debe cargar rapido, no podemos tener al visitante esperando 30 segundos mientras se carga nuestra asombrosa presentacion. Queremos demostrarle al mundo que sabemos manejar Flash y por eso creamos una presentacion que pesa 1 Mb.

Este un punto que pocas veces se toma en cuenta, si bien le añade un atractivo a la pagina (en realidad hasta cierto punto) no le agrega nada que le pueda servir al visitante que llega buscando informacion sobre algun producto o servicio. Debemos tener eso siempre en cuenta.

Usable.- De nada servira tener un buen diseño, que cargue rapidamente, si despues el vistante tiene que cliquear 5 o 6 veces para llegar a la informacion relevante. Los navegantes de internet, no son como los navegantes del siglo XV que navegaban por meses, loas actuales tienen poca paciencia y si no logras cautivarlos en 10 o 15 segundos se iran a la competencia.

Atractivo.- Es en este punto donde se debe tener cuidado, ya que hay que mantener un saludable punto medio entre lo atractivo y la agilidad. Debemos poner imagenes que no “pesen” mucho, ya que hara la carga muy lenta, pero tampoco podemos poner imagenes de mala calidad. Hay que usar el criterio y evaluar el total de la pagina para saber si es buena idea poner esa imagen de 100Kb. Tal vez sea mejor idea poner una sola imagen grande y no poner 10 pequeñas.

Se deben evitar las imagenes si no son necesarias.

Espero que les sea util. Cuentanos que otro punto consideras importante al diseñar una pagina web.

Saludos

Sin embargo esto esta cambiando.

Si bien hace tiempo que existe la posibilidad de utilizar Javascript para “instalar” una fuente en la cache del visitante, no era una solucion del todo practica, ya que hay muchos internautas que tienen Javascript desabilitado, por cuestiones de seguridad.

Ahora Google, cuando no, nos da la posibilidad de insertar fuentes en una pagina web utilizando hojas de estilo CSS. Si, asi como lo leen, con un par de lineas de codigo podemos incluir algunas de las fuentes que Google pone a nuestra disposicion.

Hay que ser sincero y decir que la cantidad de fuentes es muy limitada (por lo menos a la hora de escribir este articulo) pero vale el esfuerzo. Una de las grandes ventajas es que podemos aplicar estilos al texto, ya que no se trata de imagenes sino de texto puro y duro.

En la misma web tienen un tutorial de como instalarlas y trabajar con ellas. Es muy facil de entender y seguir.

El link es este.

Saludos