LECCIÓN 5

Ahora vamos a tratar un poco lo referente a la resolución de las pantallas. La pantalla que empleo tiene una resolución de 800x600 pixeles, algunos la usan en 640x480 pixeles, otros más en 1024x768 y muy pocos con resoluciones mayores (su vista ha de ser super buena!!). La resolución de pantalla influye mucho con la forma en que los visitantes a tu sitio web la ven.

Te sugiero probar tus páginas con distintas resoluciones para que el diseño y estructura que te tomaron mucho tiempo no se vea distorsionado con otras resoluciones. La mayoría de los monitores vienen con una aplicación (la mayor de las veces se encuentra en la barra de tareas) que permite cambiar rapidamente de una a otra resolución.

Ahora veamos unas cuantas herramientas de formato que se encuentran disponibles. La primera es <BLOCKQUOTE>. Esta etiqueta centra el texto en la página, reduciendo o ampliando los márgenes a su izquierda y derecha.

<BODY BGCOLOR="#FFFFFF">
<BLOCKQUOTE>
El Web Marketing, no es otra cosa más que la Mercadotecnia aplicada en internet, con la finalidad de que su sitio web y sus productos o servicios lleguen al mercado meta definido con anterioridad y empleando la gran mayoría de las herramientas que ofrece internet para realizar la promoción de su sitio web. Se basa en conocimientos tanto de sistemas como de mercadotecnia.
</BLOCKQUOTE>
</BODY>

Otra utilidad son las que representan las "LISTAS ", que pueden ser "ORDENADAS" y "DESORDENADAS".

Primero haremos una lista DESORDENADA. Inicia con...

<BODY BGCOLOR="#FFFFFF">
Lo que quiero para el día de mi graduación
</BODY>
Agrega un par de etiquetas de lista desordenada...

<BODY BGCOLOR="#FFFFFF">
Lo que quiero para el día de mi graduación
<UL>
</UL>
</BODY>
Una lista de cosas...

<BODY BGCOLOR="#FFFFFF">
Lo que quiero para el día de mi graduación
<UL>
<LI>una Cherokee 4x4 negra
</UL>
</BODY>
Agrega más...

<BODY BGCOLOR="#FFFFFF">
Lo que quiero para el día de mi graduación
<UL>
<LI>una Cherokee 4x4 negra
<LI>una pc portátil a 400 Mhz.
<LI>una batería/guitarra
<LI>un jetski
<LI>a Thalia
</UL>
</BODY>
Para hacer la lista ordenada cambia la etiqueta <UL> por <OL>...

<BODY BGCOLOR="#FFFFFF">
Lo que quiero para el día de mi graduación
<OL>
 <LI>una Cherokee 4x4 negra
<LI>una pc portátil super veloz
<LI>una batería/guitarra
<LI>un jetski
<LI>a Thalia
</OL>
</BODY>
Otro tipo de lista es la de definición...

Web Marketing
     El Web Marketing, no es otra cosa más que la Mercadotecnia
     aplicada en internet, con la finalidad de que su sitio web y sus
     productos o servicios lleguen al mercado meta definido con
     anterioridad y empleando la gran mayoría de las herramientas que
     ofrece internet para realizar la promoción de su sitio web. Se
     basa en conocimientos tanto de sistemas como de mercadotecnia.

Inicia con...

<BODY BGCOLOR="#FFFFFF">
<DL>
</DL>
</BODY>
Agrega el título de la definición...

<BODY BGCOLOR="#FFFFFF">
<DL>
<DT> Web Marketing
</DL>
</BODY>
La definición...

<BODY BGCOLOR="#FFFFFF">
<DL>
<DT>Web Marketing
<DD>El Web Marketing, no es otra cosa más que la Mercadotecnia aplicada en internet, con la finalidad de que su sitio web y sus productos o servicios lleguen al mercado meta definido con anterioridad y empleando la gran mayoría de las herramientas que ofrece internet para realizar la promoción de su sitio web. Se basa en conocimientos tanto de sistemas como de mercadotecnia.
</DL>
</BODY>
Por último, pon en negrita el título de la definición...

<BODY BGCOLOR="#FFFFFF">
<DL>
<DT><strong>Web Marketing </strong>
<DD>El Web Marketing, no es otra cosa más que la Mercadotecnia aplicada en internet, con la finalidad de que su sitio web y sus productos o servicios lleguen al mercado meta definido con anterioridad y empleando la gran mayoría de las herramientas que ofrece internet para realizar la promoción de su sitio web. Se basa en conocimientos tanto de sistemas como de mercadotecnia.
</DL>
</BODY>
Una etiqueta que se utiliza demasiado es la de la "Línea Horizontal" (Horizontal Rule) "<HR>"...

<BODY BGCOLOR="#FFFFFF">
<HR>
</BODY>
Aquí hay algunas opciones para la línea horizontal...

<BODY BGCOLOR="#FFFFFF">
<HR WIDTH=20%>
<HR WIDTH=50%>
<HR WIDTH=100%>
<HR WIDTH=20>
<HR WIDTH=50>
<HR WIDTH=100>
</BODY>
Y de esta forma se alinea dentro de la página...

<BODY BGCOLOR="#FFFFFF">
<HR WIDTH=60% ALIGN=LEFT>
<HR WIDTH=60% ALIGN=RIGHT>
<HR WIDTH=60% ALIGN=CENTER>
</BODY>
Se puede controlar su grosor...

<BODY BGCOLOR="#FFFFFF">
<HR WIDTH=60% SIZE=1>
<HR WIDTH=60% SIZE=3>
<HR WIDTH=60% SIZE=8>
<HR WIDTH=60% SIZE=15>
</BODY>
...y presentarla con un color sólido...

<BODY BGCOLOR="#FFFFFF">
<HR WIDTH=60% SIZE=1 NOSHADE>
<HR WIDTH=60% SIZE=3 NOSHADE>
<HR WIDTH=60% SIZE=8 NOSHADE>
<HR WIDTH=60% SIZE=15 NOSHADE>
</BODY>
La última etiqueta a tratar es la de comentarios...

<BODY BGCOLOR="#FFFFFF">
<!--Este es un comentario-->
 Este no lo es<P>

Un comentario puede colocarse donde sea dentro de la página y es ignorado por el navegador todo lo que se encuentre dentro de su etiqueta. Se puden colocar mensajes ocultos, como personales

<!--Hola, si deseas conocerme escribeme-->

o mensajes de ayuda a quienes observan el código empleado

<!--Copia algo de mi y eres historia!-->

</BODY>
El comentario debe iniciar con "<!--" y terminar con "-->" Si colocas etiquetas html dentro de los comentarios, el navegador también las ignorará.
[Lección 1]   [Lección 2]   [Lección 3]   [Lección 4]   [Lección 5]   [Lección 6] 

La reproducción de este tutorial no está permitida, por favor, lee los siguientes links para mayor información:
Términos de uso / Políticas de privacidad