Como enviar Mailing masivo sin ser detectado como SPAM

Publicado el 2 agosto, 2011 por felipe

Si tenemos un listado enorme de mensajes, no lo podemos enviar desde nuestro propio correo Outlook, necesitamos algún programa para gestionar los envíos y a la vez nos proporcione estadísticas para poder realizar un mailing masivo sin SPAM

mailing sin spam

El problema de estos programas es básicamente que a la hora de enviar los mensajes suelen llegar como SPAM, por tanto nuestra campaña de mailing masivo pierde eficacia o es completamente nula. Es necesario un sistema de mailing masivo

Muchos servidores de correo SMTP verifican la cantidad de mensajes que se envían por hora y su contenido. Existen una serie de técnicas para evitar ser reconocidos como SPAM, la técnica básicamente consiste en ser legal en lo que se esta haciendo. Como por ejemplo:

  1. No enviar mas de 500 mensajes por día.
  2. Limitar el número de mensajes por segundo
  3. Enviar mensajes desde un servidor SMTP seguro y reconocido como no SPAM
  4. Utilizar direcciones de mail existentes.
  5. No incluir contenidos no lícitos.
  6. Añadir cabeceras de mensaje correctas.

Con esto evitaremos al 90% ser detectados como SPAM, además existen otras técnicas mas efectivas que se han desarrollado en iaMailing, para enviar mailing masivo sin ser detectados como SPAM.

Además IaMailing tiene un sistema de estadísticas para controlar los mensajes que se envían, las respuestas, bajas del boletín y  si interesó o no el producto.

En resumen todas estas características:

  • Protección completa anti SPAM (mailing masivo marketing por email sin SPAM).
  • Gestión de campañas.
  • Gestión de contactos: edición / importación / exportación.
  • Creación de mensajes HTML con editor gráfico y añadir archivos adjuntos de hasta 10Mb por mensaje.
  • Pre visualización de mensajes antes de envío, para ver que es lo que verá exactamente el cliente final
  • Cola de mensajes: lista de mensajes en cola que se van a ir enviando.
  • Histórico de envíos.
  • Gestión de bajas del boletín de noticias.
  • Estadísticas por mensaje y estadísticas generales: número de envíos, numero de lecturas, clic en enlace, bajas del boletín.
  • Edición de la configuración del servicio.

Existe una versión demo del programa para que usted pueda valorar su funcionamiento

 

 

Publicado en Mantenimiento informático | 4 comentarios

Detectar todos los sitos de una red

Publicado el 22 junio, 2011 por felipe

A veces durante el mantenimiento de sistemas, necesitamos ver que equipos tenemos en nuestra red, pues bien hay un sistema fácil: utilizar direcciones de broadcast, no siempre funciona pero es bastante útil.
Vamos a utilizar para ello la dirección de red: 192.168.0.0/24 el 24 es -> 255.255.255.0 lo cual indica que el único número variable es el último, lo cual indica un rango de 1-254, el 255 no, ya que es para broadcast.

En Linux: ping 192.168.0.255 -b, puede ser que algún equipo tenga filtrados los pings de cualquier modo saldrá en la tabla ARP:
arp -a -> muestra las direcciones IP y MAC que nuestro equipo ha tenido contacto.
Y ya tenemos la lista!
En windows, la cosa es mas complicada, ya que no existe la opción de broadcast, podemos probar a hacer ping 192.168.0.255 pero no suele dar resultado, de modo que hay que hacerlo con un script:
Así que hacemos un script.bat en el que ponemos lo siguiente:

for /l %i in (1,1,254) do ping -n 1 192.1.1.%i

Y luego:
arp -a
Lo malo de este sistema es que tarda mucho, ya que el ping de windows es bastante lento.. Así que mejor siempre usar Linux para esto.
Si queremos algo mucho mas completo les recomiendo que usen ettercap es un sniffer para linux genial, de los que he visto sin duda es el mejor, no hay otro que le plante cara ;) . Con esto obtendremos todos los pcs de la red y otras tareas del mundo del sniffer si nos interesa el tema…

 

Publicado en Mantenimiento informático | Etiquetado , , | Deja un comentario

Alta en buscadores

Publicado el 22 junio, 2011 por felipe

¿Que es el posicionamiento en buscadores?

Se trata, tal como indica su nombre en estar en las primeras posiciones de un buscador.  Para dar a conocer su sitio Web conviene darse de alta en buscadores en la lista de mas abajo, para que con el tiempo podemos obtener posicionamiento en buscadores:

http://www.google.com/addurl

http://submit.search.yahoo.com/free/request

http://search.msn.com/docs/submit.aspx

Para que seamos conocidos en Internet, hay dos formas: o nos damos de alta o bien que otra página que ya esté de alta nos cree un enlace a nuestra Web, un proceso mucho mas lento y poco fiable.

Pero a parte de esto existen otras muchas posibilidades para darse de alta en buscadores, una opción  es: sitemap de google. Básicamente sirve para crear un listado con todas las páginas Web que tenemos en nuestro servidor, para que Google sepa que existen y por tanto las pueda indexar y la gente nos pueda encontrar. Este es el punto de vista mas básico pero seria útil consultar la documentación de google para crear sitemaps mas completos, donde podemos especificar la frecuencia de cambio de la página y otros datos para el posicionamiento en buscadores.

Para crear un sitemap, es sencillo: creamos una cuenta de google mediante el siguiente enlace: crear cuenta google.

Todo esto son maneras de darnos de alta en buscadores, pero no basta solo en darse de alta hay que realizar toda una serie de gestiones sobre cada una de las páginas, para mas información consultar: posicionamiento en buscadores

Publicado en Posicionamiento en Buscadores | 2 comentarios

Código html para el posicionamiento

Publicado el 22 junio, 2011 por felipe

Elementos html web necesarios para el posicionamiento en buscadores:

Nombres dominio

debe contener el nombre de la palabra clave que vamos a utilizar.

Title

Siempre debe contener la palabra clave que vamos a utilizar y cada página debe tener un título diferente

Enlaces

siempre deben contener el nombe de la palabra clave, tanto en el enlace como en el “anchor text” del enlace. Intentaremos siempre no hacer un enlace del estilo: index.php?das=dasdasdas9asldma.

Imágenes

deben contener siempre el nombre del enlace en el alt.

Texto

conviene repetir la palabra clave que nos interese para que nos encuentren, como por ejemplo: posicionamiento en buscadores.

Texto conjunciones

Las palabras tales como ‘y’, ‘en’, ‘o’, etc. No son contabilizados por los buscadores. Puede que cuenten pero sin mucha importancia.Esta información nos puede ser util a la hora de crear nuestros enlaces de cara al usuario, por ejemplo: posicionamiento en buscadores. Además en el texto de contenido, conviene hacer uso de ellas, ya que los buscadores detectan si hay un contenido (un léxico) o bien solo son palabras sueltas, con lo que nos podrían valorar negativamente

Uso de h1, h2, etc

Conviene siempre utilizarlos, deben contener, en ocasiones la palabra clave que nos interese.

Meta keywords

Debe contener el listado de palabras clave, que sean necesarias, no conviene llenarlo exageradamente. Mas vale poco y bien, que mucho y mal.

Meta Description

Ha de contener en baja cantidad la palabra clave o palabras clave para el posicionamiento web.

Palabras en negrita

El buscador destaca mas estas palabras, nuestra palabra clave debería aparecer como máximo un par de veces.

Un consejo general para todos los campos anteriores: no repetir en exceso el contenido, google nos puede valorar negativamente.

Publicado en Posicionamiento en Buscadores | 2 comentarios

Dominios de internet y posicionamiento

Publicado el 22 junio, 2011 por felipe

De cara al posicionamiento en buscadores y concretamente el posicionamiento en google necesitamos que nuestro servidor de hosting tenga dos aspectos principales

La dirección IP

  1. El servidor que nos aloja debe estar en el mismo lugar (país) que donde queremos darnos a conocer. Google asocia las páginas Web con el servidor que las aloja y nos valorará mas si nuestra Web esta en el mismo país, por ejemplo queda mal tener una Web en USA y vender a España.
    La dirección IP no vale cualquiera, si puede ser, una que nos de cierto prestigio. Por ejemplo, no es lo mismo el rango de IPs de IBM (para bien o para mal según se mire..) que una dirección desconocida. Google sabe que direcciones existen y a quien están asignadas

Servidor DNS

  1. El servidor que nos aloja debe estar en el mismo lugar (país) que donde queremos darnos a conocer. Cuando nos damos de alta en buscadores google mira que IP tenemos y DNS, mediante un whois. Valida que esto sea así de lo contrario podemos ser menos valorados que otros dominios de Internet ubicados en el lugar de procedencia.
  2. Si tiene pocos registros debemos saber si este DNS tiene direcciones IP de páginas “buenas” o páginas malas (pocas visitas). Si tiene malas, se nos va a considerar como malo, lo cual no nos interesa. Es posible que el servidor DNS tenga muchas páginas albergadas, en este caso no hay mucho problema, ya que con toda probabilidad tenga buenas y malas.

Dominios Internet

  1. Los dominios Internet tienen que ser cuanto mas antiguos mejor, dará mas calidad a nuestra Web. Existen subastas en Internet sobre dominios y hay gran cantidad de gente que hace especulación con ellos, podemos pagarles por el dominio o bien pensar uno nosotros mismos teniendo en cuenta las palabras clave que puede buscar el usuario final.
  2. Cuando elijamos el nombre del dominio conviene:
  • Tener un nombre lo mas corto posible
  • Pensar el nombre en base a lo que el usuario va a buscar y que englobe nuestra Web.Elegir bien el nombre en función de la competencia
  • Utilizar guiones o no en el nombre es indiferente
  • Los .com .net y .org (en este orden) son los dominios mas valorados por google. Los otros no tienen tanta importancia, intentaremos en la medida de lo posible tener uno de estos. Se supone que cada dominio tiene un uso especifico para las cosas:
  1. .com: Uso comercial
  2. .net: se utilizaba antiguamente para redes, pero ahora es considerado como un segundo .com
  3. .org: Destinado a organizaciones, normalmente a asociaciones tipo ONG, software libre, etc.

Para mayor información vea dominios en Internet

Publicado en Posicionamiento en Buscadores | 1 comentario

Palabras claves

Publicado el 22 junio, 2011 por felipe

¿Que son las palabras clave?

Es el conjunto de palabras que se utiliza para encontrar páginas webs en Internet, por ejemplo: “palabras clave” seria un ejemplo -> la palabra clave en este caso seria todo lo que hay entre las comillas.

¿Como elegir bien las palabras clave?

Existe una herramienta llamada google adwords que nos permite ver que palabras busca la gente en Internet.

Por ejemplo vamos a elegir como palabra: “palabras clave” aparecen por ejemplo 15.000 resultados.

Luego vamos al google y buscamos por “palabras clave” y aparecen, por ejemplo un total de: 17 millones de páginas.

Conclusión: en base a que la gente busca el texto “palabras clave” hay escritas 17 millones de páginas lo cual quiere decir que seria una mala elección a menos que seamos muy buenos elegir esta palabra como clave, ya que tenemos muchos competidores. Deberíamos elegir una por ejemplo que tenga unas 15.000 búsquedas y un total de 2millones de páginas existentes, esta seria una muy buena palabra.

Lo importante es que exista una palabra clave que la gente busca mucho y pocas páginas webs hechas con relación a esa palabra clave.

Es importante que en nuestra Web, elijamos palabras clave para todo de cara a los enlaces, títulos, cabeceras, menús, etc. Buscando siempre la que mas convenga con las herramientas para webmasters que nos propociona google y con google adwords

Una Web no hay que hacerla solo des del punto de vista del diseño o la programación siempre hay que pensar en: si yo busco una Web de… posicionamiento en buscadores que voy a poner en el google.. Ponerse en el lugar de la otra persona e intentar hacer una Web para que sea encontrada.

¿Cuantas palabras clave debo elegir?

Por cada página que nosotros hagamos tendrá unas palabras clave determinadas, es decir que tengo que elegir las palabras para cada página, cada página que sea encontrada. Entonces cuantas palabras? Si ponemos muchas tendremos mas posibilidades?

La verdad es que si fuéramos muy buenos y amigotes de google podríamos poner muchas palabras clave y saldríamos en el 1er lugar. Pero como no creo que sea el caso, debemos elegir pocas palabras y bien definidas.

Las palabras clave se elijen en función de la cantidad de texto, para una Web de posicionamiento en buscadores, podéis pensar que posicionamiento en buscadores es una palabra clave, lógicamente. Así que si yo tengo un texto con 500 palabras deberé elegir de 1 a 2 palabras clave. SI tengo mas de 2 a 4. No hay que abusar de las palabras hay que elegir las justas pero sin pasarnos. Hay una buenas herramientas Web que nos pueden servir para determinar la densidad de texto respecto a una o varias palabras clave.

¿Tengo elegidas y puestas en mi Web todas las palabras claves y ahora que?

Si hemos hecho todo bien nuestra Web tendrá un buen contenido interno, ahora falta lo mas importante el contenido externo para el posicionamiento

¿Como se si la gente esta buscando mi página por las palabras clave que yo utilicé?

Es sencillo, solo tenemos que instalar alguna herramienta que nos diga las estadísticas de nuestra Web, hay varias, pero os recomiendo google analytics

Publicado en Posicionamiento en Buscadores | Deja un comentario

Introducción al Posicionamiento en buscadores

Publicado el 22 junio, 2011 por felipe

Actualmente existen dos tipos de posicionamiento en buscadores: posicionamiento en buscadores SEO y posicionamiento en buscadores SEM

Posicionamiento en buscadores SEO (Search Engine Optimization) o también llamado posicionamiento natural

Sobre este tema, debemos saber que existen dos criterios principales que definen nuestra página Web como buena o mala, los enlaces Web y el contenido Web.

Enlaces Web

Es el contenido externo de una Web, es decir los enlaces de otras webs que apuntan a la nuestra. La importancia de esta parte es de un 70%. Podemos tener una Web malísima, pero si tenemos muchos enlaces será muy visitada. El truco es conseguir enlaces.

Contenido Web

Es el contenido html Web que define una Web, es decir todos su contenido interno: h1, titulo, meta, texto, etc. La importancia de esto es de un 30% respecto el total.

Puede parecer que no sea importante, trabajar sobre el contenido interno si podemos conseguir enlaces, pero es muy recomendable hacerlo, elegir bien los enlaces, el texto y las palabras clave.

Respecto al texto, es muy importante que haya bastante cantidad de palabras por página, es decir que hay que dedicarse a escribir todo lo que podamos sobre algo en concreto como por ejemplo: posicionamiento en buscadores ;) . Si queremos tener un buen contenido. Eso si tenemos que intentar escribir buenos artículos, con un lenguaje lo mas entendedor posible y sin cometer faltas de ortografía. También es importante crear polémica ( sin pasarse ;) ) y que exista discusión por parte de otras personas. Dependiendo del tipo de Web a veces esto no es posible, pero hay que tener ideas si queremos que se nos conozca en Internet.

Otro dato a tener en cuenta es indicar a los buscadores que nuestra Web existe y sea indexada y que debe ser consultada, para ello deberemos realizar el alta en buscadores. O bien que alguien que ya esté indexado nos cree un enlace des de otra Web, ya que si creamos una Web y no esta anunciada en ningún lugar lo mas probable es que nadie nos encuentre nunca.

Posicionamiento en buscadores SEM (Search Engine Marketing)

Este tipo de posicionamiento funciona en base a el dinero que queremos invertir por clic. Es decir que si yo pago 10.000 euros por clic (exagerando demasiado claro), seguramente apareceré en el 1er lugar cuando alguien me busque en Internet. Pero lógicamente lo que nos interesa es pagar el mínimo para poder obtener muchas visitas deseadas. Por ello hay que elegir muy adecuadamente las palabras clave para que lleguen a nuestra Web posibles clientes y lógicamente un cliente es mas fácil de convencer si el es el que nos esta buscando.

El tema esta en invertir un capital y esperar que con el tiempo si la cosa funcione obtengamos beneficios por la campaña publicitaria que hemos iniciado.

Ojo! Si hay otra persona que ha pagado un poco menos por su Web que nosotros, puede ser que el aparezca mucho antes si el esta mucho mas valorado. Consulta las palabras clave de posicionamiento en buscadores para mayor información

Puedes consultar una herramienta de google llamada google adwords que puede ser útil para elegir las palabras clave, esta herramienta nos indica lo que busca la gente en Internet con relación a la palabra que le indicamos y a continuación nos indica el precio por palabra clave.

Publicado en Posicionamiento en Buscadores | Deja un comentario

Recuperar archivos eliminados

Publicado el 22 junio, 2011 por felipe

Muchas veces llevamos nuestro ordenador a reparar a alguna tienda y nos dicen siempre lo mismo, para reparártelo tenemos que borrar todo e instalar de nuevo, siempre es mentira eso por que siempre se puede recuperar a menos que este fastidiado el disco físicamente, dicen esto simplemente porque es un trabajo complicado y largo el recuperar archivos eliminados y no todo el mundo lo sabe hacer aunque no es demasiado difícil.

Interior de un disco duro

Todo depende del sistema de archivos en el cual estemos trabajando.

Recuperar archivos de la fat32 es fácil y NTFS un poco mas difícil y ext2 aun un poco mas.

Cundo se elimina un archivo del disco realmente no se esta eliminando nunca al igual que cuando formateamos, simplemente se borra el enlace al archivo, es decir, nuestro archivo se encuentra en el disco separado en diferentes partes, y el archivo en si es el enlace a los diferentes trozos, cuando borramos o formateamos es simplemente borrar los enlaces pero no la información, esto varia un poco en los diferentes sistemas de archivos pero la idea es la misma.

Bien para recuperarlos tenemos que juntar todos los pedazos sueltos y volverlos a unir, hay varias aplicaciones que lo hacen pero no todas lo logran hacer del mismo modo, por eso es bueno que probemos varias para agotar las posibilidades.

Hay que tener en cuenta un detalle muy importante, cada vez que arrancamos el sistema operativo o bien grabamos alguna información en el disco es muy probable que el espacio que ocupaban los archivos antiguos sea remplazado por el nuevo, por tanto mejor no acceder al disco y cargarlo a parte como una unidad externa,

Por tanto para recuperar los archivos, recomiendo las siguientes utilidades:

Lo Bueno de estas aplicaciones es que puedes recuperar los datos, lo malo que todas son de pago :(

Es muy curioso cuando pasamos las utilidades la cantidad de información que podemos recuperar.. A veces se encuentran archivos de hace varios años de antigüedad.

 

Publicado en Mantenimiento informático | Etiquetado , , , , , | 3 comentarios

Php capcha

Publicado el 22 junio, 2011 por felipe

Captcha es el acrónimo de Completely Automated Public Turing test to tell Computers and Humans Apart (Prueba de Turing pública y automática para diferenciar máquinas y humanos). Como ya sabemos sirve para diferenciar los scripts de las personas.

capcha

Pues bien durante el diseño Web y la programación web es muy habitual utilizar sistemas para validar formularios.

Aquí tienen un sistema de imágenes numéricas aleatorias hecho en php por Informática Autónomos para validar formularios:

 

<?header(’Content-type: image/jpg’);
echo generateShadowImage(rand(100, 9999), ‘acidic.ttf’);

function generateShadowImage($code, $imageTrueType) {

//IMPORTATNE!!!!!!!!! especificar ruta a la fuente true type!!!
$VVC_FONTS= $imageTrueType;

$VVC_IMAGE_WIDTH =  250;
$VVC_IMAGE_HEIGHT= 60;
$VVC_BACKGROUND_COLOR= “255,255,21″;
$VVC_TEXT_COLOR= “0,0,0″;
$VVC_BORDER_COLOR=”12,12,255″;
$VVC_NOISE_COLOR= “90,255,21″;
$VVC_GENERATE_BACKGROUND_NOISE= “Dots”;
$VVC_ROTATE_CHAR= “On”;

$VVC_FONT_SIZE= 24;

if (!empty($code)) {
$imwidth = $VVC_IMAGE_WIDTH;
$imheight= $VVC_IMAGE_HEIGHT;
$font_size = $imheight * 0.75;
$font_position = $imheight * 0.80;

header(”Content-type: image/jpeg”);
$im = ImageCreate ($imwidth, $imheight) or die (”Cannot Initialize new GD image stream”);
// parse RBG color for background to seperate values
$background_color_1 = explode(’,’ , $VVC_BACKGROUND_COLOR);
$background_color_R = $background_color_1[0];
$background_color_G = $background_color_1[1];
$background_color_B = $background_color_1[2];

// parse RBG color for text to seperate values
$text_color_1 = explode(’,’ , $VVC_TEXT_COLOR);
$text_color_R = $text_color_1[0];
$text_color_G = $text_color_1[1];
$text_color_B = $text_color_1[2];

// parse RBG color for text to seperate values
$border_color_1 = explode(’,’ , $VVC_BORDER_COLOR);
$border_color_R = $border_color_1[0];
$border_color_G = $border_color_1[1];
$border_color_B = $border_color_1[2];

// parse RBG color for text to seperate values
$noise_color_1 = explode(’,’ , $VVC_NOISE_COLOR);
$noise_color_R = $noise_color_1[0];
$noise_color_G = $noise_color_1[1];
$noise_color_B = $noise_color_1[2];

$background_color = ImageColorAllocate ($im, $background_color_R, $background_color_G, $background_color_B);
$text_color = ImageColorAllocate ($im, $text_color_R, $text_color_G, $text_color_B);
$border_color = ImageColorAllocate ($im, $border_color_R, $border_color_G, $border_color_B);
$noise_color = ImageColorAllocate($im, $noise_color_R, $noise_color_G, $noise_color_B);

//Sets what back groun noise to use or turn off
if ($VVC_GENERATE_BACKGROUND_NOISE == ‘Off’){
$dots_on = ‘false’;
$lines_on = ‘false’;
}else if ($VVC_GENERATE_BACKGROUND_NOISE == ‘Dots’) {
$dots_on = ‘true’;
$lines_on = ‘false’;
}else if ($VVC_GENERATE_BACKGROUND_NOISE == ‘Lines’) {
$dots_on = ‘false’;
$lines_on = ‘true’;
}else if ($VVC_GENERATE_BACKGROUND_NOISE == ‘Dots and Lines’) {
$dots_on = ‘true’;
$lines_on = ‘true’;
}else{
$dots_on = ‘false’;
$lines_on = ‘false’;
}

// generate random dots in background
if($dots_on == ‘true’){
for( $n=0; $n<($imwidth*$imheight)/3; $n++ ) {
imagefilledellipse($im, mt_rand(0,$imwidth), mt_rand(0,$imheight), 1, 1, $noise_color);
}
}
// generate random lines in background
if($lines_on == ‘true’){
for( $n=0; $n<($imwidth*$imheight)/150; $n++ ) {
imageline($im, mt_rand(0,$imwidth), mt_rand(0,$imheight), mt_rand(0,$imwidth), mt_rand(0,$imheight), $noise_color);
}
}

//strip any spaces that may have crept in
//end-user would not know to type the space! :)
$code = str_replace(” “, “”, $code);
$x=0;

$stringlength = strlen($code);

for ($i = 0; $i< $stringlength; $i++) {
$x = $x + $font_size;
$y = $font_position ;
if($VVC_ROTATE_CHAR == ‘On’){
$angle = mt_rand(-20, 20);
} else {
$angle =’0′;
}
$font =    $VVC_FONTS;
$image_font_size = $VVC_FONT_SIZE;
$single_char = substr($code, $i, 1);
imagettftext($im, $image_font_size, $angle, $x, $y, $text_color, $font, $single_char);
}

imagerectangle ($im, 0, 0, $imwidth-1, $imheight-1, $border_color);
ImageJpeg($im);
ImageDestroy($im);
}
}

Para que funcione además van a tener que especificar la ruta del archivo fuente (tipo de letra) que van a utilizar como parámetro en: ‘$imageTrueType’.

Existen muchos tipos de fuentes, el mismo windows tiene varias en el directorio: “C:\WINDOWS\Fonts”

Pueden descargar el ejemplo completo en la siguiente url: capcha

Publicado en Programación Web | Etiquetado , , | Deja un comentario

CSS 10 elementos básicos

Publicado el 22 junio, 2011 por felipe

Antes de empezar hay que saber algo importante: DHTML (dinamic HTML), es la combinación de CSS y JS (JavaScript no confundir con Java) para lograr mostrar contenidos dinámicos, aunque en este artículo solo vamos a indicar el funcionamiento del CSS.

 

Volvamos al tema, para el diseño web es muy importante conocer el elemento DIV. Es la parte básica de toda Web que utilice CSS, se usa para designar los módulos de una Web. Vamos a hacer un ejemplo para aclararlo:

<div id=”cabecera”>cabecera</div>

<div id=”centro”>centro</div>

<div id=”derecha”>derecha</div>

<div id=”izquierda”>izquierda</div>

<div id=”pie”>pie</div>

Cada una de estas partes indica la posición en que se encuentran en la Web, pero por si solas no funciona hay que indicarlo con CSS.

Aquí te muestro una imagen para indicar el ejemplo al que me estoy refiriendo:

Este seria un sistema básico podéis descargar el ejemplo css.

De esta manera tenemos las estructuras básicas de una Web para poner sus respectivos módulos, tales como: botón buscar, nube de palabras, banners o lo que queramos poner. Todos estos modulos los pondríamos dentro de un div y a su vez dentro del div que nos interese: centro, pie, derecha, izquierda o cabecera, y utilizaríamos float para posicionar el elemento indicando el tamaño y su posición con margin y padding.

El ejemplo que os he dado es uno muy básico, pero si queréis uno mas avanzado no tenéis mas que mirar el código fuente de alguna Web, solo que a veces es difícil de interpretar, recomiendo una utilizad mas que interesante para ver el código fuente y ubicar los diferentes elementos de una Web: firebug del navegador firefox, es muy muy recomendable que la utilicéis, ya que seleccionáis con el ratón un elemento del HTML e se ilumina que parte de la Web es exactamente, esta es una de sus muchas funciones.

Aquí tenéis una muestra:

Firebug 

La última cosa que me falta por explicar es el uso de id y class en CSS. Es muy sencillo.

Si usamos id=”pepe”, en el CSS #pepe -> se refiere a todas las ids que se llamen así, de modo que afectaría a cualquier elemento HTML que tenga esta id.

Si usamos class en el css haríamos div.pepe.

En ambos también podemos indicar sus sub (o sub, sub, sub…) elementos si nos interesa:

div.pepe span

#pepe span img

Publicado en Diseño Web | Etiquetado , , , | 2 comentarios