Busco, luego existo...

50 Consejos para Construir Sitios Web III

2008-12-12T17:33:00.009-04:30

21.Memo sobre “Bloques de Materia”: Siempre que abras un “Bloque de Materia”, no te olvides de guardar al trabajo. De lo contrario, perderás todo el contenido durante el proceso.

22.Rellenado de las áreas: En los “bloques de materia” es necesario rellenar todas las áreas: “Titulo”, “Contenido”, “Primera página”, “Imagen” y “Datos de la Página Interna”. En la “Primera página”, lo ideal es crear un texto que “llame” el contenido interno.

23.Antes de la Publicación de un sitio: Es muy aconsejable‐ y casi obligatorio‐ que se visualice el contenido del sitio antes de confirmar su publicación en la red. Pincha siempre en “Visualizar Sitio” antes de todo.

24.Dosis sabias de archivos MIDI: Los archivos de sonido MIDI sin duda son atractivos, pero a veces pueden crearles dificultades a los internautas que acceden al sitio. Lo mejor es que no apliques este recurso en el momento de apertura de tu página.

25.Plantilla para navegabilidad: Crea siempre una plantilla (template) que le dé una apariencia homogénea a tu sitio, y úsala en todas las páginas. Le resultará más agradable al internauta. Utiliza también un modelo definido de fuentes, colores y tamaños, y evita cambiarlos a toda hora.

26.Fuentes Recomendadas: Es aconsejable que no se usen las fuentes Times o Serif en la construcción de un sitio. Las más recomendadas son las fuentes Arial, Verdana o Helvética.

27.Contador: Como existe la posibilidad de consultar la cantidad de accesos a un sitio mediante algunas páginas específicas, se recomienda que no se incluya un contador visible al público en una página. Esta información es de interés particular sólo para el propietario o para posibles anunciantes.

28.Enlaces Inactivos: No uses enlaces hacia páginas “en construcción” o hacia páginas que ya no existen. Eso le da un carácter poco profesional a tu sitio.

29.Una segunda opinión: Prueba a navegar en tu sitio y busca siempre todo tipo de errores e incoherencias. Busca a alguien que no haya participado en el proyecto inicial para navegar por tu sitio y analizar las informaciones y la calidad de la navegación.

30.Textos más breves: Un error común en muchos sitios es la publicación de textos demasiados largos. Las secciones de un sitio deben contener informaciones más breves. El texto demasiado largo ahuyentara al lector.

50 Consejos para Construir Sitios Web V

2008-12-12T17:16:00.010-04:30

41.¿Mayúsculas o minúscula?: Hay servidores que utilizan un sistema que diferencia el nombre de un archivo. Para el servidor, los archivos TEXTO.TXT y texto.txt son diferentes. Si el archivo recibe el nombre de imagen.gif (todo en minúsculas) y dentro del documento HTML se hace referencia al archivo imagen.Gif (con letra G mayúscula), el servidor no lo encontrará.

42.Bautismo de archivos: Evita poner espacios en los nombres de tus archivos. En su lugar, usa el símbolo “_”. Por Ejemplo: “Mis imágenes.html” debe quedar como “Mis_imágenes.html”. Ojo: los nombres de los archivos no pueden contener más de 32 caracteres.

43.Caracteres no usados: Para evitar que diversos elementos de tu página, como los enlaces e imágenes, queden ocultos, debes evitar el uso de caracteres prohibidos al nombrar tus archivos. Por ejemplo: “ç” (cedilla), “á” (acento), “,” (coma), “/” (barra), “:” (dos puntos), entre otros.

44.Cambio en el layout: Cambia el layout de tu sitio, pero no con mucha frecuencia. Un cambio en el diseño puede ser estimulante para el usuario, pero ten cuidado y trata de no cambiar la estructura radicalmente. Una modificación abrupta puede desorientar al internauta y “ahuyentarlo” de tu sitio.

45.Informaciones “estratégicas”: Observa que, en la página principal de un diario, las informaciones más importantes se encuentran en la mitad superior. Esa regla también vale para los sitios web. Muchos usuarios solo ven las informaciones que aparecen en pantalla cuando la página está totalmente cargada. Por lo tanto, las informaciones más “calientes” y de más peso deben ubicarse estratégicamente.

46.Equilibrio: El sitio debe ser atrayente, pero también rápido. Es necesario encontrar un punto de equilibrio en la cantidad de imágenes y animaciones, para que no se haga demasiado pesado. Toma siempre partido por el buen gusto.

47.Ejemplo de eficiencia: Lo ideal son las páginas ligeras, con más texto y menos imágenes. Claro, esto no quiero decir que no debas usar estas últimas. En realidad, lo importante es usar el menor número de imágenes posible en la página principal o home. Veamos un ejemplo de eficiencia: la tienda virtual www.amazon.com, que es recordista en número de accesos y no tiene más que 12 gifs de 10KB en su home.

48.Normalización y coherencia: La coherencia del sitio es un elemento crucial. Es decir, las páginas deben obedecer a una norma o patrón en la identidad visual. Por consiguiente, los menús de navegación, las imágenes y los iconos deben ser los mismos en todas las páginas. No hagas un diseño diferente para cada página.

49.Subrayado: El uso del color azul y del subrayado con los enlaces es muy común. La asociación de un texto subrayado con un enlace es casi automática, así que evita usar estos elementos en otras partes de la página.

50.Título: El título es el texto que aparece en la barra superior del navegador. Algunos webdesigners se olvidan de tal detalle y lo que es peor: a menudo usan el mismo título para todas las páginas. Trata siempre de estar atento a la hora de construir el sitio para que no cometas este tipo de error.

50 Consejos para Construir Sitios Web IV

2008-12-12T17:16:00.009-04:30

31.Contacto rápido con el administrador de la web (webmaster): Mantén siempre visible una vía de comunicación rápida, para que el usuario pueda entrar en contacto por correo electrónico o por teléfono. En caso de que optes por el e‐mail, cerciórate de que el webmaster siempre tenga acceso rápido al mismo.

32.Acuérdate también del Netscape: Un error muy común ‐ sobre todo en los orígenes de internet‐ era la creación de sitios incompatibles con el navegador Netscape. Garantiza que tu sitio pueda ser visto tanto en el Explorador como en el Netscape.

33.No al flash en las aperturas: Evita construir aperturas para tu sitio con Flash. Este recurso hace más lenta la navegación, sobre todo para los usuarios que se conectan por teléfono y no por banda ancha. Opta por las Splash Screens, que producen excelentes efectos tridimensionales.

34.“Robo” de enlaces: Es usual que nos encontremos enlaces a sitios ajenos en páginas personales. Sobre todo de aquellos que tienen imágenes de copyright registrado. Evita el “robo” de enlaces externos. Te ahorrarás futuros dolores de cabeza, y verte obligado a modificar la estructura de tu propio sitio.

35.Errores gramaticales: Sea cual sea tu idioma, trata siempre de hacer una revisión ortográfica de toda la parte escrita de tu sitio. Utiliza Microsoft Word o cualquier otro editor de texto disponible, y haz una revisión completa antes de la publicación. El webmaster no tiene que ser un filólogo, pero tampoco tiene que hacer sufrir a su lector con los crímenes que perpetre contra la lengua.

36.Uso comedido de Flash: Como ya hemos dicho en el consejo 33, hay que usar Flash con moderación. Una linda aplicación del recurso puedes ser su uso en headers (encabezamientos), como la animación de logotipos de marcas vista más arriba.

37.Un menú adecuado: La navegación por un sitio debe ser lo más simple posible. El internauta no debe correr el riesgo de “perderse”. El menú tiene que ser simple, claro, limpio y conciso. El acceso a una página determinada debe realizarse de forma rápida.

38.Programación en asp: Antes de aventurarte a programar el sitio en asp, asegúrate de que ya dominas bien la técnica. Los errores de programación suelen causar problemas en la navegación, como el download lento de las imágenes y efectos. La reprogramación en asp también puede provocar atrasos significativos en tu trabajo.

39.Cuidado con los códigos HTML: Trata siempre de optimizar las imágenes y los códigos en la construcción de tus sitios. El código HMTL de tus páginas debe ser lo más “limpio” posible, o sea, que no debe contener elementos innecesarios que bloqueen la programación y la navegación.

40.Direcciones más cortas: Trata de darle una URL (o dirección) corta a tu Website. Así, por ejemplo, evita utilizar www.fabricademueblesdemaderadeley.com. Una opción más rápida y fácil de memorizar es: www.maderadeley.com. Antes de bautizar tu sitio, sin embargo, verifica siempre que el nombre no haya sido registrado en el sitio www.nic.ve.

50 Consejos para Construir Sitios Web II

2008-12-12T17:13:00.004-04:30

11.Efecto marquee: Para que el texto se deslice “sin cesar” de una esquina a otra de tu sitio, utiliza los comandos <marquee>!Gracias por su visita¡</marquee>.

12.Variaciones de marquee: El comando <marquee behavior= slide direction= left>!Gracias por su visita¡</marquee> permite que el texto aparezca de derecha a izquierda y cerca de la esquina izquierda del sitio. La variación se puede hacer en otra dirección: basta con escribir “slide direction= right”.

13.Imágenes: Para insertar imágenes en una plantilla con el frontpage, ve al menú y pincha con el ratón en “insertar”. En este ejemplo, escoge “Clip Art”.

14.Identificación de Imágenes: Después de incluir el “Clip Art”, el comando ALT será útil para que aparezca una descripción de la imagen al deslizar el ratón sobre la misma. Para lograr tu objetivo, inserta el siguiente comando, junto con el pie de grabado necesario:

<p><img border=“0” src=file:///C:WINDOWS/TEMP/FrontPage
Temp Dir/BS0054_.wmf” alt=” ¡Lee más, aquí!” width=”417”
height=”364”></p>

15.Cambio de los colores de fondo con los enlaces: Con este código que combina JavaScript y CSS, el visitante de tu sitio podrá cambiar los colores de fondo del navegador.

<html>
<head>
<title>Cambia el color de fondo</title>
<meta http&#8208;equiv=”
Content&#8208;Type” content=“text/html;charset=iso&#8208;
8859&#8208;1”>
</head>
</body>
<h3>Con enlaces</h3>
<p><a href=”#”onclick=”document.body.style.backgroundColor
=’#FFFF00’;”>AMARILLO</a></p>

Repite la operación, sustituyendo el código de los colores restantes.

16.Cambio de los Colores de fondo con botones: Repite el proceso anterior, sustituyendo el código para la construcción de los enlaces con el código siguiente:

<h3>Con botones</h3>
<p><button onclick=”document.body.style.backgroundColor=
’#FFFF00’;”>AMARILLO</button></p>

Repite la operación, sustituyendo el código de los colores restantes.

17.Comando inline frame: El comando inline frame <iframe> sirve para insertar un documento HTML dentro de otro, como una ventana. Sigue este código como ejemplo:

<iframe src=http://www.elvis.com”width=”350” height=”300”
scrolling=”auto” frameborder=“1” align=”right”></iframe>

18.Blockquote: Las etiquetas <blockquote> y </blockquote> sirven para aumentar el margen. El efecto de esta etiqueta se puede acumular para lograr que los márgenes sean más grandes. Ejemplos:

<blockquote>Texto con más margen</blockquote>
y
<blockquote><blockquote>Texto con más margen aún
</blockquote></blockquote>

19.Cambio del color de la barra de deslizamiento: Para cambiar el color de la barra de deslizamiento a rojo, aplica el siguiente código:

<html>
<head>
<title>Prueba de colores en la barra de deslizamiento
</title>
<style><!&#8208;&#8208;body
{scrollbar&#8208;base&#8208;color:#FF0000)&#8208;&#8208;>
</style>
</head>

20.Tamaño de Imágenes: Las imágenes escogidas para el sitio pueden ser de cualquier dimensión. Sin embargo, es recomendable que no sean demasiado grandes, para evitar que surja una barra de deslizamiento. La única imagen para la que hay un límite establecido es la que estará en el campo “Logo”. Su tamaño máximo es de 138x73 pixeles.

50 Consejos para Construir Sitios Web

2008-08-25T14:34:00.064-04:30

¿Estás buscando el pequeño detalle que le dé una diferencia sustancial a tus páginas? Aquí encontrarás varias opciones que cambiarán el aspecto de tu sitio web.

1.Construcción de un sitio en HTML: Para iniciar la construcción de un sitio en el lenguaje HTML (hipertext markup language – o lenguaje de marcas de hipertexto), es necesario utilizar el comando <html>, que le informa al navegador como será formateada tu página en el editor de texto.

2.Parámetro del sitio: Con el lenguaje ya definido, usa el comando <head> , que indicará los parámetros de tu sitio web.

3.Bautiza tu home: El próximo paso en la construcción del sitio es el “bautismo”. Para darle un título a tu obra, utiliza el comando <title>. Por ejemplo: <title>Mi página en internet</title>.

4.Inclusión del contenido: A continuación, utiliza el comando <body> para incluir el texto del contenido de tu sitio. Ejemplo: <body><p>texto de tu página en internet</p></body>. Para concluir esta etapa, inserta el comando </html>.

5.Tablas simples: Para construir una tabla simple, es necesario usar las etiquetas o tags siguientes: <table> ‐ para especificar la creación de la tabla; <tr></tr> ‐ para la creación de una línea; <td></td> y otra vez </table> ‐ para cerrar la tabla.

6.Enlace externo: La inclusión de un enlace externo en un sitio exige la aplicación de la etiqueta href, que es la referencia al objeto que se va a abrir. En este ejemplo, hemos escogido un enlace hacia una dirección electrónica <a href=”mailto.email@proveedor.es”>¡escríbeme!</a>.

7.Perfeccionamiento del aspecto visual con los frames: Los frames (o marcos) son útiles para mejorar el aspecto de un sitio. Por lo general el menú queda ubicado a la izquierda, fijo, y el contenido aparece en el centro. El comando para aplicar los frames es <frameset>.

8.Construcción de los frames: Utiliza, como en este ejemplo, la etiqueta <frameset rows=”60,*”>. Para construir la parte horizontal de la página. La región vertical debe tener la siguiente etiqueta: <frameset cols=”100,*”>.

9.Nombrar los frames: Las etiquetas <frames src= superior.html name= “areasuperior”>, <frames src= menú.html name= “areamenu”> y <frames src= presentación.html name= “areaprincipal”>. Sirven para identificar los espacios ocupados por los frames, como muestra la figura. Los comandos <frameset></frameset> finalizan la instrucción.

10.Formatación blink: El comando <blink> se usa para crear el efecto de “parpadeo” en un texto, que es muy utilizado hoy en día en los “mensajes de alerta” en diversos sitios. Ejemplo: <blink>¡Novedades!</blink>.

Borrar la NavBar de Blogger

2008-08-23T16:19:00.001-04:30

Para borrar esta molestosa y anti- estética barra, solo deberemos dirigirnos a editar el código html de nuestro blog y justo antes de la linea que contiene este código head , insertaremos estás otras lineas:

Como ejemplo podemos notar en este blog que ya no esta la barra.