domingo, 9 de octubre de 2016

1.4 Los Clientes En Un Sitio Web

Entender lo que el cliente necesita para el diseño webEn diseño web, necesitamos comprender a la perfección lo que cada cliente y su negocio requiere. Yo renuevo constantemente los cuestionarios que envío para poder hacerme de la información necesaria antes de aceptar un trabajo de diseño o promoción web. 
Algunos de los requerimientos son:
 Nombre dos o tres sitios de sus competidores directos:


- Qué hace a su compañía diferente de sus competidores? cuál es el principal valor diferencial de su empresa o servicios / productos?


- Por qué sus clientes elegirían comprarle a usted y no a sus competidores?


- Cuánto tiempo hace que usted o su empresa están en su rubro o sector productivo?

OBJETIVOS DEL PROYECTO DE SITIO WEB- Describa sus requerimientos de manera breve, en relación al proyecto web: Para qué desea un sitio web? (TOME LOS PUNTOS SIGUIENTES COMO REFERENCIA, PERO EXPLIQUE CON SUS PALABRAS) 

- para vender productos o servicios
- para crear un medio de publicidad y reconocimiento de marca, interactivo
- para explotar el comercio electrónico (e-commerce)
- para tener disponible en Internet la info actualizada de su compañía y negocios, como así también sus novedades y noticias más recientes
- para brindar soporte y atención a clientes
- para estimular el interés del público en la compañía o servicios
- para capturar público específico de los segmentos de mercado deseados
- para lograr una alta interactividad online entre clientes, usuarios y la empresa (preguntas frecuentes, foro)
- para mantener contacto entre los puntos de ventas (o vendedores)
- para recibir el feedback de los potenciales clientes (estudio de necesidades del mercado)
- para proveer oportunidades directas de marketing
- para testear nuevos productos del mercado, y su evolución
- para capturar los medios de promoción online
- para mejorar el acceso a la información
- para buscar afiliados, asociados y partners dentro de la comercialización online
- para buscar recursos humanos para la empresa
- para establecer la comunicación corporativa 

Los clientes en Internet exigen una comunicación clara, rápida, transparente y realista desde el primer momento de contacto, antes de establecer una relación comercial, durante el pro­ceso de compra del producto o servicio, e incluso después de concluir el proceso de venta.
¿Qué reclama el cliente?

Antes de empezar a planificar una campaña de marketing 2.0, es necesario conocer a fondo las características que definen a nuestro cliente y, posteriormente, utilizar ese conoci­miento para planear la estrategia de la empresa. El cliente es quien compra los productos y servicios, por lo que tiene que ser el eje principal de una campaña de marketing 2.0.
El cliente en Internet exige ser escuchado, interactuar, recibir información de calidad, percibir transparencia y confianza y expresar sus opiniones.
Quiere ser escuchado
Una de las labores más importantes para la empresa actual es escuchar a los clientes y entender exactamente qué es lo que requieren. Esto implica que las empresas han de estar al corriente acerca de todas las tendencias, tópicos, novedades, informaciones novedosas, comentarios y opiniones de usuarios relacionados con su sector. Esto implica responder a cuestiones como las siguientes:
• ¿Cuáles son las páginas web visitadas por el cliente objetivo de la empresa?
• ¿Cuáles son los blogs visitados por el cliente objetivo de la empresa?
• ¿Quiénes son los líderes de opinión en su sector?
• ¿Cuáles son las redes sociales o grupos en Facebook más visitados por el cliente objetivo de la empresa?
Posteriormente, la empresa tiene que analizar qué tipo de conversaciones se producen en dichos sitios, es decir, identificar cuáles son los temas de actualidad en los blogs y en las redes sociales. Una herramienta muy útil para mantenerse informado de un sector en concreto se llama Google Alertas (http://www.google.com/alerts?hl=es) que se puede utilizar para recibir noticias y actualidades. Para empezar a utilizar Google Alertas, sola­mente es necesario disponer de una cuenta de Google Gmail. Otras herramientas útiles son Google Reader y Google Insights.
Una vez que la empresa haya entendido las necesidades de los clientes, podrá esta­blecer una buena comunicación con ellos. De esta forma, la relación entre cliente y empresa se hará mucho más sólida.
Quiere interactuar
Gracias a las nuevas tecnologías y al crecimiento de las páginas de social media, hoy en día existen múltiples posibilidades para interactuar con los clientes y comunicarse con ellos. A continuación se expone un listado de algunas de las acciones que una empresa puede poner en práctica para fomentar la interactividad con sus clientes.
En el sitio web de la empresa:
• Integrar en la web de la empresa herramientas como Skype (www.skype.com) o Google Talk (www.google.com/talk/intl/es/). Estas herramientas, además de ser gratuitas, ofrecen a los clientes la posibilidad de contactar con la empresa a través de mensajería instantánea (Google Talk) o de videollamadas (Skype).
• Encuestas: son un medio muy eficaz para fomentar la interactividad, ya que ofrece al cliente la oportunidad de expresar su opinión y, además, la empresa puede recibir mucha información útil, sobre el comportamiento y necesidades de los usuarios.
En las redes sociales:
• Animar a los clientes a que formulen preguntas y, posteriormente, contestarlas en el blog de la empresa.
• Formular preguntas para dar lugar a una conversación con los clientes en Facebook, Twitter u otras redes sociales.
• Crear vídeos, subirlos a YouTube y pedir a los clientes que dejen sus comentarios sobre ellos.
En general, hay que aprovechar cada posibilidad de comunicarse con los clientes para interactuar con ellos, realizar preguntas, escuchar y aprender, para, posteriormente utilizar esa información en el marketing 2.0 de la empresa.
Quiere información de calidad
En el capítulo 2:«Contenidos para convencer» se habla de la importancia de elaborar contenidos interesantes y relevantes para la página web de una empresa. La participa­ción de la empresa en las redes sociales debe centrarse en ofrecer contenidos diferentes que aporten verdadero valor a los usuarios. Los clientes quieren recibir información relevante y útil sobre los productos o servicios que van a adquirir. Este objetivo se alcanza a través de la especialización. Internet es un medio ideal para llegar a clientes de «nicho» a través de contenidos de valor añadido enfocados a ese nicho. La información se facilita a través de una combinación de textos, imágenes y vídeos.
Cuanto más contenido de valor genere la empresa en las páginas de social media, más relevancia y credibilidad se alcanza desde el punto de vista de sus clientes. Además, el hecho de generar contenido e información a través de artículos y vídeos también puede ser muy beneficioso para obtener un buen posicionamiento en Google.
Quiere percibir transparencia y confianza
El hecho de que cada vez existan más ofertas y más publicidad obliga a las empresas a hacer uso de recursos que contribuyan a crear un vínculo sólido con los clientes, basado en la transparencia y la confianza; y la mejor manera de hacerlo es manteniendo una comunicación abierta y dinámica con los clientes.
Algunas acciones encaminadas a conseguir este objetivo son las siguientes:
• Facilitar los recursos necesarios a los clientes para que se involucren y poder así tener una clara percepción de sus necesidades y preferencias. Una de las técnicas que podemos emplear es ofrecer al cliente la posibilidad de contar su experiencia sobre el producto o servicio de la empresa a través de un testimonio que pueden estar expresado en formato escrito o de vídeo; algunas veces estos testimonios se incorporan a la web de la empresa en una sección denominada «experiencias de los clientes», donde estos pueden expresar su opinión a través de los vídeo-testimonios.
• Publicar fotografías y vídeos donde se presenten a los trabajadores de la empresa, además de otras informaciones relevantes. Una página que puede resultar útil para subir las fotografías es Flickr (www.flickr.com).
• Estar activo en las redes sociales, especialmente en Twitter. La empresa debe estar presente en aquellos sitios de social mediadonde se establece una comunicación entre los clientes, o entre los clientes y las empresas. Simplemente el hecho de estar activo y participar en las redes sociales y en Twitter promoverá un aumento de la confianza de los clientes hacia la empresa.
• Participar en eventos relacionados con el sector de la empresa. Esto permite esta­blecer relaciones con otros emprendedores, con posibles colaboradores e incluso con clientes potenciales para la empresa. Más adelante en este capítulo, se habla sobre cómo beneficiarse de la participación en eventos y conferencias.
El usuario quiere expresar su opinión sobre los productos o servicios
Hasta hace muy poco, los clientes compartían sus opiniones sobre los diferentes productos o servicios adquiridos dentro del seno familiar o en el círculo de amigos más cercanos. Hoy en día, la aparición de las nuevas tecnologías ha supuesto un gran cambio, de manera que los usuarios intercambian la información de forma inmediata y global a través de las redes sociales.
Los clientes tienen la necesidad de compartir con otras personas en Internet su opinión sobre productos o servicios, lo cual ofrece una gran oportunidad a las empresas para intervenir en este proceso comunicativo, ofreciendo información de calidad a los usuarios.
En este proceso, en el que la empresa interviene en esa red global de relaciones, se deben desarrollar una serie de acciones destinadas a involucrar al cliente dentro de la empresa, centrando la atención en sus preferencias y necesidades, de manera que el cliente se convierta en el centro de la conversación. Para ello, hay que estar atento a la opinión del cliente, siguiendo las conversaciones mantenidas entre ellos en las que se habla sobre sus productos o servicios, o bien animándolos a expresar y compartir su opinión en la red.
Adprosumer: el cliente 2.0
Adprosumer es otra manera relevante para definir al nuevo cliente 2.0. Este término fue creado por Tirso Maldonado, de Socialtec. Adprosumer está constituido por tres elementos:
AD (anuncio): el cliente satisfecho con un producto o servicio comparte su experien­cia positiva con el resto de clientes y se convierte en su mejor prescriptor. Y la fuerza viral que tiene un cliente satisfecho es incalculable.
PRO (productor): la nueva generación de clientes produce información (comenta­rios, valoraciones, fotografías, vídeos, podcasts) y la comparte con los demás.
SUMER (consumidor): además de producir información, también la consume.
Para un adprosumer, la mayoría de anuncios en televisión, radio o revistas pasan desapercibidos, y confían más en la buena experiencia de algún otro cliente de su mismo perfil que en lo que dice el fabricante o proveedor.
Hay que tener en cuenta también, que las experiencias de compra no inician cuando se añaden productos al carrito, sino cuando las personas buscan por Internet. Y en lo posible, esas experiencias no debieran terminan nunca, ya que una vez cliente, la idea es que este vuelva a comprar nuevos productos y complementos.
Es necesario entonces, que los usuarios encuentren un sitio que les permita entrar en confianza, hacer lo que llegaron a hacer sin problemas y sentirse satisfechos, para lo cual una buena estrategia es dejar que los clientes que ya lo han visitado, dejen sus opiniones al respecto.
¿Por qué incluir las opiniones de la gente?
Básicamente, porque cuando un potencial cliente conoce experiencias pasadas con un producto en particular, pueden sentirse mucho más seguros de si comprar o no. Si coloca experiencias positivas, entonces estará cada vez más cerca de concretar ventas.
Eso a grandes rasgos, pero por cierto que hay otros motivos, los cuales veremos a continuación y lo dejarán convencido de que, si no lo ha hecho, comience desde ya a agregar opiniones de su clientela en el sitio web.
#1. Valor a la marca
Si una empresa permite que sus clientes opinen en su sitio web, es porque confía en la calidad de lo que ofrece y por supuesto, que las personas han tenido buenas experiencias.
Esto ayuda a generar un valor agregado a la marca, que se generen buenas opiniones sobre ella y al mismo tiempo, confianza en un potencial cliente que está buscando productos, pero no sabe si comprarle o no a usted.
Hay que considerar que las personas suelen preguntar a sus amigos y conocidos si tuvieron alguna experiencia comprando tal o cual producto y cuando no ha habido respuesta, las opiniones, testimonios y calificaciones dentro del sitio web sirven para hacer ese trabajo.
#2. Experiencia de usuario optimizada
Como hemos dicho antes, la experiencia del usuario debe ser la primera prioridad a la hora de construir un sitio web, sea un e-Commerce, informativo o tipo catálogo.
Si posee variadas opiniones, reales y que hablen bien sobre usted, podrá generar en los prospectos una expectativa positiva, de que los productos son confiables y por ende, buscará más, navegará más y pasará tiempo en su sitio.
No solo esto, sino que también debe dar al usuario la posibilidad de ampliar la información que encuentre sobre productos o servicios, él se sentirá importante por contribuir con información que pueda ayudar a otros potenciales compradores.
En resumidas cuentas, todo ayudará a que los usuarios sientan menos o nada de frustración cuando compren un producto, ya que han tenido una experiencia agradable en el e-Commerce y por lo mismo, probablemente vuelvan en el futuro.
#3. Más conversiones
El simple hecho de dar a conocer experiencias y opiniones del resto, ayudará a que su e-Commerce aumente el promedio de conversiones, aumentando de esta manera la cantidad de ventas.
Y esto se vuelve muy relevante en estos casos, ya que como se trata de tiendas virtuales, es imposible para el usuario probar el producto de forma directa.
Si alguien busca repuestos para autos, es probable que sea escéptico dados los múltiples negocios que venden repuestos en mal estado; sin embargo, si el sitio web cuenta con opiniones positivas sobre los productos, la persona se sentirá segura y estará mucho más cerca de comprar un repuesto, sin necesidad de verlo en directo.
#4. Mayor posicionamiento
Búsqueda en GoogleSi hay una forma de posicionarse de manera eficaz en los buscadores, es mediante la creación de contenidos frescos y originales, que no sean imitaciones de algún otro que pueda estar rondando en la web.
Por supuesto que esta tarea es complicada, ya que a veces uno queda limitado a generar pocos contenidos y el posicionamiento orgánico no mejora mucho.
Pero no hay de qué preocuparse, ya que las opiniones de los clientes funcionan precisamente como un buen contenido. Estamos hablando de textos originales y reales, en el sentido de que no serán parecidos a ningún otro y además, estarán escritos en un lenguaje que el buscador entenderá como natural.
De esta manera, podrá aplicar no solo una estrategia de ventas, sino también una de posicionamiento SEO, todo al mismo tiempo.
#5. Credibilidad
A todos les gustaría tener solo reseñas y opiniones positivas, a fin de cuentas esto habla de que estamos haciendo las cosas bien.
Sin embargo, esto puede ser un arma de doble filo, el tener solo experiencias positivas puede ser indicador de una empresa deshonesta, que solo muestra casos exitosos y que esconde lo malo.
Tener uno que otro comentario negativo lo ayudará a tener mayor credibilidad y que la persona que lee ese comentario también confíe más en usted.
Ahora bien, tampoco hay que colocar todas las experiencias negativas, con un par basta… por lo demás, si tiene muchos comentarios malos, es porque algo hizo mal, sus productos son defectuosos o su servicio es derechamente, de mala calidad.
Antes de que empieces a diseñar la página web de tu empresa, es preciso que organices con mucho cuidado el contenido general y las funciones que tendrá. No importa si eres un experto o si estás aprendiendo, esta cuestión siempre es muy importante. Como presenté en el artículo "¿Qué buscan los clientes, en Tablets vs Smartphones?", ya sabes que las búsquedas locales que realizan tus clientes potenciales a través de sus dispositivos móviles son muy importantes. Como sigo teniendo en cuenta las necesidades y expectativas de quienes hacen sus búsquedas online, voy a intentar describirte las principales características que tu página web móvil debería tener.
Como ya sabes, a la hora de diseñar la página web móvil de tu empresa debes pensar en el cliente online que busca cierto producto o servicio a través de un dispositivo móvil, o mediante una computadora o tablet. Las búsquedas online que hacen los clientes son muy efectivas y muchos de los procesos de búsqueda terminan en una compra o, al menos, en una visita a la tienda. Este es el motivo por el que debes preparar tu sitio de manera adecuada.
características para una web móvil
Los botones de llamado y de mensajes: Creo que podrían ser considerados como los elementos más importantes de una página web móvil. Permiten conseguir nuevos clientes y ofrecen oportunidades de ventas para los pequeños negocios. ¿Por qué? Porque gracias a ellos el usuario puede ponerse en contacto con la empresa fácilmente. Los usuarios de teléfonos inteligentes solo tienen que pulsar el botón en la página web móvil y automáticamente contactarán al comercio. En consecuencia, es posible que aumente el número de clientes que llaman al negocio. 
Formularios de contacto: Gracias a esta característica tus clientes potenciales tendrán la posibilidad de hacer preguntas sobre un producto o servicio en concreto. Esta es una manera ideal de conseguir clientes potenciales. Ya sabes, aquello que mencionábamos en nuestro artículo, en 5 consejos para que tu Landing Page móvil sea un éxito, respecto cómo atraer clientes potenciales. No debes hacer el formulario demasiado largo. Céntrate en la información más importante. Recuerda que si utilizas formularios largos los usuarios tendrán que desplazarse por la página. No sería lo más apropiado.
Mapas móviles con indicaciones: Bueno, el propósito de esta función resulta evidente. Las pequeñas empresas tienen la posibilidad de ofrecer la información que los usuarios necesitan para localizar su dirección y conseguir indicaciones. Los estudios de Google al respecto han llegado a la conclusión de que los clientes están interesados en lo local. La mayoría de las búsquedas mediante smartphones tienen por objetivo lo local. Los usuarios móviles toman una decisión rápidamente, una vez han terminado su búsqueda. Se dice que el 50% de los clientes visitan la tienda en el plazo de un día después de haber hecho su búsqueda móvil. Es por este motivo que, simplemente, tienes que implementar un mapa con las indicaciones para llegar a tu negocio.
Botones más grandes y cómodos para los dedos: Recuerda que los usuarios pulsan la pantalla con sus dedos, por lo que un botón más grande sería una buena solución. MIT Touch Lab demostró que el ancho del dedo índice en la mayoría de adultos es, normalmente, de 1,6 a 2 cm. Lo que significa un tamaño de 45 a 57 píxeles.
Un enlace para visitar el sitio no-móvil: En el caso de un sitio móvil dedicado, es importante separarlo de la versión de escritorio de tu página web. Los sitios móviles dedicados muestran un contenido limitado y orientado a una acción. Por tanto, también deberías ofrecerles a los usuarios un enlace a la versión completa de tu página, incluso si solo está adaptada a dispositivos de escritorio.
Espero que hayas ido tomando nota. Las páginas web móviles ya no son una moda extravagante. Se han convertido en la manera en que tus clientes potenciales hacen sus búsquedas de información de ciertos productos y servicio.

https://www.entrepreneur.com/article/273793
http://www.unimooc.com/fidelizacion-cliente-posicionamiento-web/

http://www.ibcreativesolutions.com/webmark_es.html

1.3 Base De Datos De un Sitio Electronico

¿Qué son sitios web dinámicos?Para entender páginas web dinámicas, usted primero tiene que comprender qué son las páginas normales o en otras palabras, las páginas web "estáticas".
Páginas web típicas (que no son dinámicas) no cambian cada vez que el navegador carga la página, y tampoco cambian si un usuario hace clic en un botón. El único cambio que se pueden ver en una página web estática, es la carga y descarga… como sucede cuando se hace clic sobre un hipervínculo..
En pocas palabras: las páginas web estática (páginas construidas normalmente,) siempre se ven igual y el contenido nunca cambia a menos que se cargue una nueva página, o usted cambie la página usted mismo (cargando la nueva versión de la página en el servidor web).
Páginas dinámicas hacen lo contrario, ya que pueden cambiar cada vez que se cargan (sin que usted tenga que hacer esos cambios) y pueden cambiar su contenido, basándose en lo que los usuarios hagan, como hacer clic sobre un texto o una imagen. (No estoy hablando acerca de la carga de una nueva página!)
algunas bases de datos son:
Access para compartir en Web
Se aplica a: Access 2010 , SharePoint Server 2010
Puede usar Access 2010 y Servicios de Access, un nuevo componente de SharePoint, para crear aplicaciones de bases de datos web. Esto es útil para lo siguiente:
Proteger y administrar el acceso a los datos
Compartir datos dentro de una organización o a través de Internet
NOTA:  Se requiere una cuenta de usuario para usar una base de datos web. El acceso anónimo no se admite.
Crear aplicaciones de base de datos que no requieran el uso de Access
En este artículo se ofrece información general sobre el diseño de bases de datos web de Access. Para obtener una introducción al diseño de bases de datos de escritorio, vea los artículos sobre cómo crear una nueva base de datos de escritorio y sobreconceptos básicos del diseño de una base de datos.
Unos de los tipos más comunes de páginas web dinámicas son los vinculados a bases de datos. Esto significa que usted tiene una página web que coge la información de una base de datos (la página web está conectado a la base de datos a través de la programación,) e inserta la información en la página web cada vez que esta se carga.
Si la información almacenada en la base de datos cambia, la página web conectada a la base de datos también cambiará en consecuencia (y automáticamente) sin intervención humana.
Esto es comúnmente visto en los sitios web de organizaciones bancarias en línea, donde se puede acceder (con su nombre de usuario y contraseña) y ver el saldo de su cuenta bancaria. La información de su cuenta bancaria se almacena en una base de datos que está conectada a la página web a través de la programación (por ejemplo: PHP, ASP), permitiéndole ver su información bancaria.
Imagínese si su información bancaria fuera actualizada y cambiada a mano cada vez que su balance cambiara! Aún con mil monos trabajo 24 horas y tomando 5 tazas de café al día, no sería suficiente para mantenerlo todo!
...
Espero que esté empezando a ver la razón por la que usted utilizaría un sitio de web vinculado a una base de datos: especialmente si la información en su sitio cambia muy a menudo, al igual que en un sitio web bancario.
Sitios web vinculados a bases de datos pueden ser construidos usando algunas de las tecnologías disponibles, cada una con sus ventajas respectivas. Algunas de estas tecnologías/herramientas son:
tambien configuramos al utilizar la base de datos:
Mediante la combinación de un sitio web con una base de datos, puede pasar de un sitio estático (o con un contenido fijo), a un sitio dinámico que puede recuperar la información de la base de datos y construir una página sobre la marcha en respuesta a una petición de un usuario. Configurar y utilizar una base de datos en su sitio web requiere un sistema de base de datos del servicio de alojamiento web, páginas web que tengan el código para utilizar la base de datos, y software que proporcione el enlace entre las páginas web y la base de datos.
¿Por qué Utilizar Bases de Datos en el Web?
 El Web es un medio para localizar/enviar/recibir información de diversos tipos, aun con las bases de datos. En el ámbito competitivo, es esencial ver las ventajas que esta vía electrónica proporciona para presentar la información, reduciendo costos y el almacenamiento de la información, y aumentando la rapidez de difusión de la misma.
Internet provee de un formato de presentación dinámico para ofrecer campañas y mejorar negocios, además de que permite acceder a cada sitio alrededor del mundo, con lo cual se incrementa el número de personas a las cuales llega la información.
https://blogger.googleusercontent.com/img/proxy/AVvXsEjfBJIULL3Ip0SNbYJFt7tCPVoCkh9iwgMmws82BAnxXa0tclzdnqYewchN1x4x_6ZZhLSUscyHQi_Ee-rmsoI9DiqkeYwc_6MRWTydFlvsh22UHDymhOdcHP6bM_LaYjucRx0VIE1gJckkQpeB=
Integración de Bases de Datos en el Web
https://blogger.googleusercontent.com/img/proxy/AVvXsEjfBJIULL3Ip0SNbYJFt7tCPVoCkh9iwgMmws82BAnxXa0tclzdnqYewchN1x4x_6ZZhLSUscyHQi_Ee-rmsoI9DiqkeYwc_6MRWTydFlvsh22UHDymhOdcHP6bM_LaYjucRx0VIE1gJckkQpeB=
En la actualidad, muchas instituciones se han dado cuenta de la importancia que el Web tiene en el desarrollo de sus potencialidades, ya que con ello pueden lograr una mejor comunicación con personas o instituciones situadas en cualquier lugar del mundo.
Gracias a la conexión con la red mundial Internet, poco a poco, cada individuo o institución va teniendo acceso a mayor cantidad de información de las diversas ramas de la ciencia con distintos formatos de almacenamiento.
La mayor parte de información es presentada de forma estática a través de documentos HTML, lo cual limita el acceso a los distintos tipos de almacenamiento en que ésta pueda encontrarse.
Pero, en la actualidad surge la posibilidad de utilizar aplicaciones que permitan acceder a información de forma dinámica, tal como a bases de datos, con contenidos y formatos muy diversos.
Una de las ventajas de utilizar el Web para este fin, es que no hay restricciones en el sistema operativo que se debe usar, permitiendo la conexión entre si, de las páginas Web desplegadas en un browser del Web que funciona en una plataforma, con servidores de bases de datos alojados en otra plataforma. Además, no hay necesidad de cambiar el formato o estructura de la información dentro de las bases de datos.
Alrededor de 14 millones de personas alrededor del mundo hacen uso de Internet, lo cual demuestra el enorme potencial que esta red ha alcanzado, con lo cual se puede decir que en un futuro no muy lejano, será el principal medio de comunicación utilizado para distintos fines.
Pero, no sólo es una vía para hacer negocios, sino también una gran fuente de información, siendo éste uno de los principales propósitos con que fue creada.
Una gran porción de dicha información requiere de un manejo especial, y puede ser provista por bases de datos.
En el pasado, las bases de datos sólo podían utilizarse al interior de las instituciones o en redes locales, pero actualmente el Web permite acceder a bases de datos desde cualquier parte del mundo. Estas ofrecen, a través de la red, un manejo dinámico y una gran flexibilidad de los datos, como ventajas que no podrían obtenerse a través de otro medio informativo.
Con estos propósitos, los usuarios de Internet o Intranet pueden obtener un medio que puede adecuarse a sus necesidades de información, con un costoinversión de tiempo, y recursos mínimos. Asimismo, las bases de datos serán usadas para permitir el acceso y manejo de la variada información que se encuentra a lo largo de la red.


¿Por qué Utilizar Bases de Datos en el Web?
 El Web es un medio para localizar/enviar/recibir información de diversos tipos, aun con las bases de datos. En el ámbito competitivo, es esencial ver las ventajas que esta vía electrónica proporciona para presentar la información, reduciendo costos y el almacenamiento de la información, y aumentando la rapidez de difusión de la misma.
Internet provee de un formato de presentación dinámico para ofrecer campañas y mejorar negocios, además de que permite acceder a cada sitio alrededor del mundo, con lo cual se incrementa el número de personas a las cuales llega la información.
https://blogger.googleusercontent.com/img/proxy/AVvXsEjfBJIULL3Ip0SNbYJFt7tCPVoCkh9iwgMmws82BAnxXa0tclzdnqYewchN1x4x_6ZZhLSUscyHQi_Ee-rmsoI9DiqkeYwc_6MRWTydFlvsh22UHDymhOdcHP6bM_LaYjucRx0VIE1gJckkQpeB=
Alrededor de 14 millones de personas alrededor del mundo hacen uso de Internet, lo cual demuestra el enorme potencial que esta red ha alcanzado, con lo cual se puede decir que en un futuro no muy lejano, será el principal medio de comunicación utilizado para distintos fines.
Pero, no sólo es una vía para hacer negocios, sino también una gran fuente de información, siendo éste uno de los principales propósitos con que fue creada.
Una gran porción de dicha información requiere de un manejo especial, y puede ser provista por bases de datos.
En el pasado, las bases de datos sólo podían utilizarse al interior de las instituciones o en redes locales, pero actualmente el Web permite acceder a bases de datos desde cualquier parte del mundo. Estas ofrecen, a través de la red, un manejo dinámico y una gran flexibilidad de los datos, como ventajas que no podrían obtenerse a través de otro medio informativo.
Con estos propósitos, los usuarios de Internet o Intranet pueden obtener un medio que puede adecuarse a sus necesidades de información, con un costo,inversión de tiempo, y recursos mínimos. Asimismo, las bases de datos serán usadas para permitir el acceso y manejo de la variada información que se encuentra a lo largo de la red.
 Seguridad
La evaluación de este punto es uno de los más importantes en la interconexión del Web con bases de datos. A nivel de una red local, se puede permitir o impedir, a diferentes usuarios el acceso a cierta información, pero en la red mundial de Internet se necesita de controles más efectivos en este sentido, ante posible espionaje, copia de datos, manipulación de éstos, etc.
La identificación del usuario es una de las formas de guardar la seguridad. Las identidades y permisos de usuarios están definidas en los Archivos deControl de Acceso.
Pero la seguridad e integridad total de los datos puede conservarse, permitiendo el acceso a distintos campos de una base de datos, solamente a usuarios autorizados para ello.
En este sentido, los datos pueden ser presentados a través del Web de una forma segura, y con mayor impacto en todos los usuarios de la red mundial.
Para la integración de bases de datos con el Web es necesario contar con una interfaz que realice las conexiones, extraiga la información de la base de datos, le dé un formato adecuado de tal manera que puede ser visualizada desde un browser del Web, y permita lograr sesiones interactivas entre ambos, dejando que el usuario haga elecciones de la información que requiere.
 Integración de Bases de Datos en el Web
https://blogger.googleusercontent.com/img/proxy/AVvXsEjfBJIULL3Ip0SNbYJFt7tCPVoCkh9iwgMmws82BAnxXa0tclzdnqYewchN1x4x_6ZZhLSUscyHQi_Ee-rmsoI9DiqkeYwc_6MRWTydFlvsh22UHDymhOdcHP6bM_LaYjucRx0VIE1gJckkQpeB=
En la actualidad, muchas instituciones se han dado cuenta de la importancia que el Web tiene en el desarrollo de sus potencialidades, ya que con ello pueden lograr una mejor comunicación con personas o instituciones situadas en cualquier lugar del mundo.
Gracias a la conexión con la red mundial Internet, poco a poco, cada individuo o institución va teniendo acceso a mayor cantidad de información de las diversas ramas de la ciencia con distintos formatos de almacenamiento.
La mayor parte de información es presentada de forma estática a través de documentos HTML, lo cual limita el acceso a los distintos tipos de almacenamiento en que ésta pueda encontrarse.
Pero, en la actualidad surge la posibilidad de utilizar aplicaciones que permitan acceder a información de forma dinámica, tal como a bases de datos, con contenidos y formatos muy diversos.
Una de las ventajas de utilizar el Web para este fin, es que no hay restricciones en el sistema operativo que se debe usar, permitiendo la conexión entre si, de las páginas Web desplegadas en un browser del Web que funciona en una plataforma, con servidores de bases de datos alojados en otra plataforma. Además, no hay necesidad de cambiar el formato o estructura de la información dentro de las bases de datos.
Cómo Funciona la Integración de Bases de Datos en el Web:
Para realizar una requisición de acceso desde el Web hasta una base de datos no sólo se necesita de un browser del Web y de un Servidor Web, sino también de un software de procesamiento (aplicación CGI), el cual es el programa que es llamado directamente desde un documento HTML en el cliente. Dicho programa lee la entrada de datos desde que provienen del cliente y toma cierta información de variables de ambiente. El método usado para el paso de datos está determinado por la llamada CGI.
Una vez se reciben los datos de entrada (sentencias SQL o piezas de ellas), el software de procesamiento los prepara para enviarlos a la interfaz en forma de SQL, y luego ésta procesa los resultados que se extraen de la base de datos.
La interfaz contiene las especificaciones de la base de datos necesarias para traducir las solicitudes enviadas desde el cliente, a un formato que sea reconocido por dicha base. Además, contiene toda la información, estructuras, variables y llamadas a funciones, necesarias para comunicarse con la base de datos.
El software de acceso usualmente es el software distribuido con la base de datos, el cual permite el acceso a la misma, a través de solicitudes con formato. Luego, el software de acceso recibe los resultados de la base de datos, aún los mensajes de error, y los pasa hacia la interfaz, y ésta a su vez, los pasa hasta el software de procesamiento.
Cualquier otro software (servidor HTTP, software de redes, etc.) agrega enlaces adicionales a este proceso de extracción de la información, ya que el software de procesamiento pasa los resultados hacia el servidor Web, y éste hasta el browser del Web (ya sea directamente o a través de una red).
Categorización de Interfaces Web/DBMS
Tradicionalmente en el Web se han utilizado documentos HTML estáticos para los cuales se creaban las posibles respuestas ante requisiciones del cliente. Este método requiere de un gran desarrollo de aplicaciones y de mantenimiento de las mismas. Al interactuar con las bases de datos, este proceso se complica aún más.
Como la necesidad de acceder a bases de datos desde el Web se ha incrementado, han sido creadas también interfaces que manipulan sus escritos para procesar la información, teniendo como punto común la ejecución de sentencias SQL para requerir datos a la base.
Aplicaciones de interfaz para la interacción de bases de datos con el Web han surgido ya. Los productos iniciales son simplemente modelos del ambiente cliente/servidor, con una capa adicional para crear resultados HTML que pueden ser vistos a través del Web, por medio de un procesamiento de los datos de la forma introducidos por el cliente. Además, al usar estas interfaces se puede crear el programa principal de la aplicación. Como puede observarse, estas herramientas permiten construir poderosas aplicaciones en el Web, pero se requiere que programadores experimentados logren un desarrollo a gran escala. También, el mantenimiento de las mismas es significativamente más complejo y extenso.
Una de las estrategias más famosas para la creación de aplicaciones de interacción con el Web, es la de descargar del Web, aplicaciones o componentes funcionales que se ejecutarán dentro del browser. Con ellas se realizará un procesamiento complejo del lado del cliente, lo cual requiere un gran esfuerzo para crear las piezas de la aplicación. Estas estrategias poseen dos características principales: garantizan la seguridad tanto en los sistemas dedistribución como en la comunicación que se establece con tales aplicaciones, a través de Internet.
También han aparecido bibliotecas que incluyen motores propios de servidor que corren de forma conjunta con el Servidor Web, lo cual facilita el desarrollo de nuevas aplicaciones.
Una aplicación que posibilita interconectar al Web con una base de datos tiene muchas ventajas, además de que las funciones que cumplen actualmente los Servidores Web y las herramientas de desarrollo de aplicaciones Web, hacen más fácil que nunca la construcción de aplicaciones más robustas. Tal vez el mayor beneficio del desarrollo de estas aplicaciones en el Web sea la habilidad de que sean para múltiples plataformas, sin el costo de distribuir múltiples versiones del software.
Cada una de las interfaces para comunicar al Web con bases de datos, ha sido creada basándose en una tecnología de integración especial, a través deprocesos de interconexión especiales, que serán descritos en el siguiente apartado.
Tecnologías para la Integración de Bases de Datos en el Web
El Common Gateway Interface (CGI)Interfaz de Programación de Aplicaciones (API)Interfaz de Programación de Aplicaciones del Servidor Internet (ISAPI)Java, JDBC y JavaScriptAplicaciones JavaConectividad de Bases de Datos de Java (JDBC)
JavaScriptCuando se utiliza una interfaz para lograr la integración del Web con cierta base de datos, se puede verificar que los procesos seguidos varían, dependiendo de la tecnología que se esté utilizando.
Entre estas tecnologías se tienen las siguientes:
El Common Gateway Interface (CGI)
Actualmente, ésta es la solución que más se está utilizando para la creación de interfaces Web/DBMS. Fue probada por primera vez en el servidor NCSA.
Se ha comprobado que si el Servidor Web recibe un URL con una llave, para devolver un documento HTML como respuesta, tendrá que cargar elservicio (programa) que le indique las variables de ambiente y de la forma HTML. La mayoría de las veces dicha llave es el "cgi-bin".
Entre las ventajas de la programación CGI, se tiene su sencillez, ya que es muy fácil de entender, además de ser un lenguaje de programación independiente, ya que los escritos CGI pueden elaborarse en varios lenguajes.
También es un estándar para usarse en todos los servidores Web, y funcionar bajo una arquitectura independiente, ya que ha sido creado para trabajar con cualquier arquitectura de servidor Web.
Como la aplicación CGI se encuentra funcionando de forma independiente, no pone en peligro al servidor, en cuanto al cumplimiento de todas las tareas que éste se encuentre realizando, o al acceso del estado interno del mismo.
Pero el CGI presenta cierta desventaja en su eficiencia, debido a que el Servidor Web tiene que cargar el programa CGI y conectar y desconectar con la base de datos cada vez que se recibe una requisición. Además, no existe un registro de el estado del servidor, sino que todo hay que hacerlo manualmente.
 Interfaz de Programación de Aplicaciones (API)
Es un conjunto de rutinas, protocolos y herramientas para construir aplicaciones de interfaz. Una buena API hace más fácil el trabajo de desarrollo de un programa, ya que debe proveer todos los bloques para construirlo. El programador lo único que hace es poner todos los bloques juntos.
API está diseñado especialmente para los programadores, ya que garantiza que todos los programas que utilizan API, tendrán interfaces similares. Asimismo, esto le facilita al usuario aprender la lógica de nuevos programas.
Cuando se realiza una requisición, el servidor llamará al API, brindando la ventaja de disponer de una mayor cantidad de servicios.
 Interfaz de Programación de Aplicaciones del Servidor Internet (ISAPI)
Es la interfaz propuesta por Microsoft como una alternativa más rápida que el CGI, y ya está incluida en el Servidor Microsoft Internet Information (IIS).
Así como los escritos CGI, los programas escritos usando ISAPI habilitan un usuario remoto para ejecutar un programa, busca información dentro de una base de datos, o intercambia información con otro software localizado en el servidor.
Los programas escritos usando la interfaz ISAPI son compilados como bibliotecas de enlace dinámico (DLL - Dynamic Link Library), ya que son cargados por el servidor Web cuando éste se inicia. Dichos programas se vuelven residentes en memoria, por lo que se ejecutan mucho más rápido que las aplicaciones CGI, debido a que requieren menos tiempo de uso de CPU al no iniciar procesos separados.
Uno de los programas ISAPI más usados es el HTTPODBC.DLL que se usa para enviar y/o devolver información hacia y desde las bases de datos, a través de ODBC.
Además, ISAPI permite realizar un procesamiento previo de la solicitud y uno posterior de la respuesta, con lo cual manipula la solicitud/respuesta HTTP. Los filtros ISAPI pueden utilizarse para aplicaciones tales como autenticación, acceso o apertura de sesión.
 Java, JDBC y Java Script
Java ofrece un ambiente de programación muy sencillo, robusto, dinámico, de propósito general, orientado a objetos y múltiples plataformas, creado por Sun MicroSystems.
Es tanto un compilador como un lenguaje intérprete. El código fuente de Java es convertido en instrucciones binarias simples, y compilado con un formato universal.
El Compilador realiza todas las actividades de un procesador real en un ambiente virtual más seguro. Es decir, ejecuta instrucciones, crea y manipula información, carga y hace referencia a bloques de código nuevos.
El Intérprete, que es pequeño y muy útil, es capaz de ser implantado en cualquier forma que se desee para un sistema operativo particular. Este puede correr como una aplicación independiente, o como una parte de otro software, tal como el Web Browser.
El concepto de Java es diferente al de CGI, ya que el CGI se ejecuta en el servidor, mientras que Java se ejecuta en el cliente.

http://idesweb.es/proyecto/proyecto-prac10-php-mysql-acceso-base-de-datos
https://docs.plesk.com/es-ES/17.0/customer-guide/avanzado-bases-de-datos-de-sitio-web.69535/
http://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=609:como-crear-una-base-de-datos-mysql-para-webs-php-acceso-al-gestor-phpmyadmin-en-hosting-cu00839b&catid=70:tutorial-basico-programador-web-php-desde-cero&Itemid=193



1.2 Elementos De un Sitio Web

El diseño de un sitio web para la promoción de productos y servicios, requiere de un conjunto de estrategias diseñadas para que el sitio sea vendedor y exitoso y logre la misión que un emprendedor o una pyme tiene en la red. VENDER.
Estos son algunos elementos :
Diseño

Parte fundamental de un Sitio Web es el diseño. Puede definirse como una composición o trazado que se hace con líneas, formas y colores cuya finalidad es la comunicación de un mensaje; por ello, hablar de diseño de comunicación visual, es lo mismo que el diseño gráfico, ya que ambas utilizan los medios visuales para comunicar una idea, bien sea con el fin de exaltarla o difundirla.

Crear sitios Web atractivos y profesionales es el sueño de millones de diseñadores de todo el mundo que utilizan las tecnologías de Internet.
Un sitio Web debe ser sobre todo accesibleintuitivo y agradable.

Principios básicos

Existen muchas herramientas tools que le permitirán crear, de una forma fácil y sencilla páginas web eficientes. No obstante, si es usted un principiante en el diseño de páginas web, le ser? de ayuda lo siguiente:
  • Comprender las páginas web eficaces
  • Ajustar su idea al proceso de diseño.
  • ?Disfrutar con el diseño de su página web!
Existen 4 formas de crear una página web:
  • HTML: a standard or sistema de edición de textos con "tags" que dan formato a la página. Se puede enseñar como el lenguaje de programación de Internet.
  • Editor HTML: HomeSite y BBEdit ofrecen herramientas y "shortcuts" para editar y formatear páginas web usando el formato HTML.
  • Un sistema de gestión de contenidos (en inglés Content Management System, abreviado CMS) es un programa que permite crear una estructura de soporte para la creación y administración de contenidos, principalmente en páginas web, por parte de los participantes (Wikipedia)
  • WYSIWYG (What you see is what you get):
    Editor que usa la tecnología "Lo que usted ve es lo que obtiene" como Expression Web o Pagemill que cran páginas/sitios web sin conocer el lenguaje HTML--ventaja de trabajar directamente sobre el servidor (no necesita transferir los archivos una vez acabados)
Sumario de diseño:
  • Determine a quién est? destinada su página
    • motive a su audiencia: trátelos con respeto y ofrézcales la posibilidad de comunicación con usted
    • Establezca unos claros objetivos de diseño y cuantificables.
    • Incluya contestaciones, agradecimientos, reacciones y comentarios sobre esfuerzo y el éxito de su página, e incluya textos de ayuda para aquellos que no obtienen la información que esperaban.
  • Contenido
    • Defina y centre el contenido de su página web
    • Emplee un lenguaje simple y comprensible para los destinatarios internacionales
    • Fomente el scanning de conceptos importantes
    • Incorpore espacios en blanco
    • priorice su información, como en un resumen.
  • Navegación:
    • simple
    • clara
    • layered (site maps)
    • organizada (piense en los "resúmenes" )
  • Inclusión de imágenes:
    El desarrollo de una página Web empieza por su texto y la estructura.
    Después de desarrollar la estructura básica, se debe analizar el contenido de tal forma que podamos decidir que tipo de ilustración queda mejor, si un gráfico o una foto.
    Principios:
    • elija un fondo y un color de texto de gran contraste
    • use la opción "safe palette" del navegador para que haya coherencia entre la plataforma y el navegador.
    • sea coherente con el formato del texto:
      • evite los cambios de color
      • evite
        cursivas (dificultad de lectura )
        cambios de color,
        subrayado (se confunde con los links)
      • evite textos demasiado largos
    • evite los fondos con texturas que no permitan una fácil lectura;
    • use imágenes simples, simbiótica, reducidas (pequeñas) e inmóviles para ilustrar el contenido
    • evítelos gráficos "dancing dogs" que no hacen mas que moverse pero que no aportan ningún contenido
    • los formatos de archivos gráficos son: comprimidos (.jpg) fotografías y dibujos (.gif)
La organización inicial es muy importante para poder utilizar eficazmente las herramientas y tomar decisiones oportunas.
Vamos a iniciar con la concepción del diseño Web, a explicar lasestrategias de diseño y a cómo organizar las ideas.
El comprender el proyecto desde ésta etapa, permite un ahorro significativo de recursos en el momento de la implementación.

Las páginas Web

Páginas internas del Sitio Web
Posiblemente el término página Web sea el más utilizado en Internet, precisamente porque cuando navega por la red lo hace en busca de páginas Web.
Las páginas Web son el soporte de la información en la Web.
Los componentes de una página web son imágenes, textos y otros contenidos multimedia y están enlazadas de manera que el usuario puede navegar de una página a otra utilizando hipervínculos, un concepto de interactividad surgido con el fenómeno Internet.

Elementos que componen una página Web

¿Cómo esta compuesta una página Web?
¿Que información debe tener una página Web?
Las principales características que constituyen una página en Internet son:

Texto

Texto en un Sitio Web
El texto es el elemento más significativo de cualquier sitio Web porque los usuarios navegan por la Web fundamentalmente en busca de información expresada en hipertexto.

Imágenes

Aunque no debe abusar de las imágenes por el riesgo de aumentar el peso de la página, y por lo tanto, los tiempos de descarga. Las imágenes constituyen un elemento esencial para ofrecer información visual del contenido y mostrar un diseño atractivo y personal.

Espacio Web

Espacio Servidor de páginas Web
Para que nuestro sitio Web sea visible ante todos necesitamos colocarlo en un servidor.

Un nombre de dominio

Nombre de dominio
El nombre de dominio es la primera parte de una dirección Web que identifica al servidor que almacena y sirve su sitio.

Hipervínculos

Enlaces, hivervínculos en HTML
Por sí misma, una página Web no puede hacer mucho. La magia de verdad comienza cuando relaciona varias página mediante enlaces.

Video

Víodeo en Sitio Web
Mientras Internet es cada vez más asequible, confiable y veloz, los programas de edición de video se hacen más cercanos a los usuarios.
Ahora es más fácil realizar un video desde una cámara digital o un teléfono móvil con cámara incorporada y que termine subiendo a la Web para ponerlo al alcance de todos.

Animaciones en Flash

Animación Web con reproductos Flash Player
Es una imagen animada, fácil de crear y sobre todo que ocupa poca memoria. Tiene diferentes usos, desde la creación de dibujos animados hasta el despliegue de dibujos interactivos.

Sonidos

Sonido en páginas Web
Un elemento cada vez más importante. La comercialización de nuevos dispositivos digitales móviles como el iPhone ha potencializado este elemento.
Además de incorporar sonido a las páginas Web puede descargar de ellas archivos de audio para sus dispositivos móviles.
El formato MP3 es el más conocido y más usado por su calidad y nivel de compresión.

Otros elementos

Otros elementos bastante comunes son:
Banner: Una imagen fija o animada utilizada generalmente para publicidad.
Marcos: También llamados frames, son una especie de recuadro independiente en el que puede cargar una página Web.
De esta forma es posible dividir una página Web en diferentes partes o ventanas, cada una con sus propios bordes y barras de desplazamiento, cargando dentro de cada una de ellas una página web externa independiente.
Los marcos se usaron mucho en un momento determinado, pero además de crear algunos inconvenientes en el diseño, es una opción que no recomiendo ya que los motores de búsqueda no indexan correctamente los sitios realizados con marcos.
Actualmente se pueden obtener los mismos resultados con CSS.
Formulario: Zona para introducir datos o comentarios. Una plantilla o página con espacios vacíos para llenarse con alguna finalidad.
También se utiliza para referirse al conjunto de campos solicitados por un determinado programa, los cuales se almacenan para su manipulación y uso posterior.

El diseño Web

La Web se ha convertido en el medio de comunicación más importante del mundo gracias a su facilidad para ofrecer información con una rapidez nunca antes alcanzada por ningún otro medio.
Esta información puede ser consumida por cualquiera que tenga una conexión a Internet desde cualquier parte del mundo.
El desarrollo Web es una mezcla de tecnología, contenidos,arquitectura del sitiodiseño e interactividad.
El éxito de un sitio depende de la forma en que se combinan estos cinco factores que determinan en gran medida la rapidez con que se genera y ofrece la información, y por supuesto el éxito de un sitio.
Antes de analizar estos factores independientemente, debe considerar que ellos deben garantizar que el sitio sea fácil de mantener, flexible para cambiar de tamaño y realizar actualizaciones y atractivo visualmente para los usuarios, interesante para su audiencia, práctico para realizar descargas rápidas y búsquedas efectivas; también sólidos técnicamente, sin vínculos rotos, ni comportamientos inadecuados.
En el contenido Web influyen la presentación, los conceptos de diseño y algunas estrategias comunes del trabajo en Internet.
Los elementos visuales como el color, el diseño de tipografía y las imágenes, conforman la personalidad de un sitio y generan un impacto emocional que determina que el sitio sea atractivo.
Aunque el objetivo final de todo diseñador sea transmitir un mensaje a una audiencia determinada, ser un buen diseñador gráfico no significa necesariamente ser un buen diseñador para la Web.
Cualquiera independientemente de su nivel artístico, puede conseguir un diseño funcional con buena apariencia.
Un poco de experiencia y conocimiento de algunos principios básicos de diseño más cierto grado de inspiración, originalidad y buen gusto harán que tenga parte de la batalla ganada.
Entre los recursos utilizados en el diseño destacan entre otros:
Las imágenes: Una imagen bien diseñada, dice más que un texto.
Textos: Generalmente corresponde al diseñador indicar el tamaño, ubicación, tipo de letra entre otros, que se va a utilizar. Los textos deben ser breves, concisos y expresivos.
Aspectos que Conforman el Diseño

Aspectos que Conforman el Diseño

En todo diseño intervienen básicamente 3 aspectos: 
1. La Función: es la razón de ser del diseño, el sentido utilitario de la concepción del diseñador, responde a la pregunta para qué.
2. La Forma: Es la manera de presentarlo para que satisfaga a quien va dirigido, responde a la pregunta cómo.
3. Los Materiales: Son los elementos que se emplean para la realización del producto y responde a la pregunta con qué.


Fuentes o Tipos de Letras
Las fuentes o tipos de letras son un elemento fundamental en el diseño de un sitios web, de ellas dependerá que el contenido sea lo suficientemente legible, atractivo y claro para un usuario.

Existen más de 5.000 tipos de letras, pero generalmente en Internet se visualizan solo 5 tipos, que son los llamados fuentes estándares y se pueden encontrar en todas las computadoras, a continuación se muestran: 
Time New Roman
Arial 
Verdana


Tamaño y Estilos de las Fuentes o Tipos de Letra
Las fuentes también tienen la posibilidad del tamaño, es decir, ubicar un título con una fuente mayor a la del contenido y una nota o cita con una fuente menor a la empleada dentro del mismo, por ejemplo: 
Estilo de las fuentes son las siguientes:
Negritas: para destacar algo o colocarlo en un título. Cursivas: para hacer referencias de algo dentro de un contenido. Subrayado: para subtítulos.

Recomendaciones para el Uso de las Fuentes
No excederse con el uso de las mayúsculas, un título es más visible usando mayúsculas y minúsculas, que solo con mayúsculas, por otra parte, cuando se escribe algo en este tipo de letra da el efecto o la impresión de un “grito o un insulto”. Por ejemplo: 
Esto es una demostración. 
ESTO ES UNA DEMOSTRACIÓN.
Procurar por estandarizar el tipo de letra, es decir, ser consistente con las fuentes que se emplean, lo ideal es el uso de 2 tipos, en caso de requerirlo 3 ó 4 tipos de letra como máximo, de manera que no se pierda la idea del contenido y de la estructura como tal del sitio, además, esto ayuda al usuario a ubicarse mejor dentro de la misma, por ello no es recomendable el uso de muchos tipos de letra.
Usa letras de un tamaño legible como la Nº 12. Es recomendable no utilizar tamaños de letras muy pequeñas, puesto que dificultan la lectura de los contenidos de los sitios web.
Usar tipos de letras legibles, existen muchos formatos que dificultan la lectura.
1.-Tu página tiene que cargar rápido
Tan solo tienes 10 preciosos y escasos segundos para despertar su interés antes de que se marchen. Tus visitantes y probablemente tu tampoco esperarías 30, 40, ni 50 segundos hasta que el sitio cargue, en Internet el tiempo pesa y mucho, cuando navegamos en la red se pierde la paciencia rápidamente, así que lo mejor es asegurarse que tus paginas sean gráficamente ligeras para que no convierta tu sitio web en un sitio “pesado”.
2.-Despierta su Interés dándole lo que está buscando
Tu visitante antes de comprar va primero que todo en busca de información, el “Que Hay Aquí Para Mi”, dales precisamente eso información, pero no cualquier información dales contenido que no pueda conseguir en tu competencia, es por eso que tus contenidos no pueden ser mas de lo mismo que tienen los demás, debes enfocarlo desde un punto de vista novedoso, que lo haga fresco y original. De esta manera sentirán que tu sitio tiene eso que están buscando y que solo tú puedes ofrecerle.
3.-Pon a la vista lo que ofreces
Enséñales claramente y desde un primer momento los productos o servicios que vendes, si tus prospectos no están seguros de que va tu sitio web, se confundirán se marcharan y es muy poco probables que les recuperes.
4.-Atrápalo con un titulo poderoso
Si pones un titulo que llame poderosamente su atención, atraerás su interés por ver que es lo que tienes para el, y permanecerá mas tiempo lo que aumenta la posibilidad de que puedas venderle tus productos o servicios.
5.-Da para recibir
¿Quieres que tus Prospectos se Suscriban a tu Boletín?, entonces ofréceles contenido gratis y relevante, es la mejor manera de ganarte su confianza, la confianza es un paso previo muy importante antes de que decidan comprar tus productos o servicios. Posterior a la suscripción también puedes enviarle información periódicamente, bien sea cursos, seminarios e incluso software gratis que apoye y le sirva como una herramienta de complemento a la información relevante de su interés.
6.-Diseño sencillo pero elegante
Un sitio web sencillo no tiene por que ser poco atractivo, al contrario de los que mucha gente piensa, los sitios web que más oportunidades de negocios tiene y que mas venden actualmente en la red son precisamente aquellos que son sencillos pero elegantes. Muy importante sin errores gramaticales, un lugar con errores ortográficos denota poca profesionalidad y genera rechazo y desconfianza en los usuarios. No debe tener colores de fondo chillones, debe ser agradable a la vista y sus textos con un tamaño adecuado y fácil de leer para todo el mundo.
7.-Ponle un mapa a tu sitio
Si tu sitio web es muy grande lo mejor es tener un mapa del sitio para facilitarle conseguir a tus usuarios lo que están buscando.
8.-Información Básica
Siempre, hay que incluir el nombre, la dirección, y teléfonos en nuestro sitio web. Resulta asombrosa la cantidad de negocios que circulan por la red que dan la impresión de estar huérfanos o acéfalos, carecen de información básica del responsable, lo cual genera sin duda desconfianza y poca credibilidad para el usuario, también hay que un e-mail de contacto de ser posible en todas y cada una de las paginas que componen el sitio.
9.-FAQs
Si tienes que responder a las mismas preguntas una y otra vez, lo mejor es hacer una página con las respuestas a esas preguntas frecuentes, tus visitantes solo tienen que consultarlas para despejar rápidamente sus dudas relacionadas con tus productos o servicios.
10.-Ofréceles un Glosario de Términos
Una excelente manera de que tus prospectos vuelvan una y otra vez a tu negocio es poner a su disposición, un glosario de términos con la información que necesitan, volverán una y otra vez a consultar sus dudas y tendrás más posibilidades de ofrecerles tus productos o servicios.
Conclusión
El sitio web debe estar diseñado para atrapar y despertar el interés del usuario desde un primer momento, y de esta manera el prospecto pase el mayor tiempo posible dentro del sitio web, de cara a que logres que pueda ver tus productos o servicios, y antes de que piense que lo que esta buscando esta en otra parte y se marche.
1.-Tu página tiene que cargar rápido
Tan solo tienes 10 preciosos y escasos segundos para despertar su interés antes de que se marchen. Tus visitantes y probablemente tu tampoco esperarías 30, 40, ni 50 segundos hasta que el sitio cargue, en Internet el tiempo pesa y mucho, cuando navegamos en la red se pierde la paciencia rápidamente, así que lo mejor es asegurarse que tus paginas sean gráficamente ligeras para que no convierta tu sitio web en un sitio “pesado”.
2.-Despierta su Interés dándole lo que está buscando
Tu visitante antes de comprar va primero que todo en busca de información, el “Que Hay Aquí Para Mi”, dales precisamente eso información, pero no cualquier información dales contenido que no pueda conseguir en tu competencia, es por eso que tus contenidos no pueden ser mas de lo mismo que tienen los demás, debes enfocarlo desde un punto de vista novedoso, que lo haga fresco y original. De esta manera sentirán que tu sitio tiene eso que están buscando y que solo tú puedes ofrecerle.
3.-Pon a la vista lo que ofreces
Enséñales claramente y desde un primer momento los productos o servicios que vendes, si tus prospectos no están seguros de que va tu sitio web, se confundirán se marcharan y es muy poco probables que les recuperes.
Atrápalo con un titulo poderoso
Si pones un titulo que llame poderosamente su atención, atraerás su interés por ver que es lo que tienes para el, y permanecerá mas tiempo lo que aumenta la posibilidad de que puedas venderle tus productos o servicios.Da para recibir
¿Quieres que tus Prospectos se Suscriban a tu Boletín?, entonces ofréceles contenido gratis y relevante, es la mejor manera de ganarte su confianza, la confianza es un paso previo muy importante antes de que decidan comprar tus productos o servicios. Posterior a la suscripción también puedes enviarle información periódicamente, bien sea cursos, seminarios e incluso software gratis que apoye y le sirva como una herramienta de complemento a la información relevante de su interés.
Diseño sencillo pero elegante
Un sitio web sencillo no tiene por que ser poco atractivo, al contrario de los que mucha gente piensa, los sitios web que más oportunidades de negocios tiene y que mas venden actualmente en la red son precisamente aquellos que son sencillos pero elegantes. Muy importante sin errores gramaticales, un lugar con errores ortográficos denota poca profesionalidad y genera rechazo y desconfianza en los usuarios. No debe tener colores de fondo chillones, debe ser agradable a la vista y sus textos con un tamaño adecuado y fácil de leer para todo el mundo.
Ponle un mapa a tu sitio
Si tu sitio web es muy grande lo mejor es tener un mapa del sitio para facilitarle conseguir a tus usuarios lo que están buscando.
Información Básica
Siempre, hay que incluir el nombre, la dirección, y teléfonos en nuestro sitio web. Resulta asombrosa la cantidad de negocios que circulan por la red que dan la impresión de estar huérfanos o acéfalos, carecen de información básica del responsable, lo cual genera sin duda desconfianza y poca credibilidad para el usuario, también hay que un e-mail de contacto de ser posible en todas y cada una de las paginas que componen el sitio.
-FAQs
Si tienes que responder a las mismas preguntas una y otra vez, lo mejor es hacer una página con las respuestas a esas preguntas frecuentes, tus visitantes solo tienen que consultarlas para despejar rápidamente sus dudas relacionadas con tus productos o servicios.
Ofréceles un Glosario de Términos
Una excelente manera de que tus prospectos vuelvan una y otra vez a tu negocio es poner a su disposición, un glosario de términos con la información que necesitan, volverán una y otra vez a consultar sus dudas y tendrás más posibilidades de ofrecerles tus productos o servicios.
Conclusión
El sitio web debe estar diseñado para atrapar y despertar el interés del usuario desde un primer momento, y de esta manera el prospecto pase el mayor tiempo posible dentro del sitio web, de cara a que logres que pueda ver tus productos o servicios, y antes de que piense que lo que esta buscando esta en otra parte y se marche.
Observe los detalles de su entorno, la naturaleza el arte y sobre todo el trabajo de otros creadores que hay en la Web.
Parece muy elemental, pero muchos olvidan las principales fuentes más asequibles de enriquecimiento estético.

Aspectos técnicos a tener en cuenta:

Accesibilidad 
El contenido está separado por elementos de navegación?
La pagina web es compatible con varios navegadores (browsers) distintos?
Los códigos HTML y CSS (codigos de programacón) están de acuerdo al standard de la W3C?
Las descripciones de las fotos (tag alt) está en todas las imágenes relevantes?
La información esencial de la pagina web puede ser leída en modo texto o sólo en flash e imágenes?
Navegación
Los links tienen textos que indican claramente adonde lo redirigen?
Cual es el número de clicks que lleva al visitante a la parte más remota de la pagina web?
Si hay una pantalla de presentación en Java/Javascript/Flash, hay una alternativa en HTML simple?
Cuando un ítem o un link es clickeado, responde inmediatamente?
Los ítems clickeados de la interfaz muestran visualmente que fueron accionados?
La navegación es intuitiva? Los iconos son obvios o confusos? Ítems clickeables y no-clickeables pueden ser diferenciados sin problemas?
Que tal es la legibilidad (tipo de la fuente, tamaño, estilo) de la pagina web?
Hay una declaración clara y corta de los objetivos de la pagina web?
Indique caminos en todas las páginas, no cree calles sin-salida.
Hay una mapa de la pagina web? Si no, existe una búsqueda por palabra-clave?
Seguridad
Hay algún fallo de seguridad obvio?
Como reaccionan los formularios ante el uso de caracteres especiales?
Los directorios personales están protegidos con contraseña (.htaccess)?
Los directorios como cgi-bin e images están bloqueados o protegidos con una configuración que limite los permisos de acceso a ellos?
Características básicas de un sitio web bien desarrollado

La estructura del sitio web debe ser visualmente intuitiva y fácil de utilizar

Es importante que, de un simple vistazo, se puedan identificar los siguientes elementos de una forma clara y consistente a lo largo del sitio:
  • Encabezado
    • Logotipo (no borroso, no mal recortado, no pixeleado)
    • Bajo el logotipo, una frase corta que indique exactamente a qué se dedica tu empresa. Por ejemplo bajo nuestro logotipo dice “Diseño y desarrollo de páginas y aplicaciones web”.
  • Barra de navegación.
    Debe permanecer en el mismo lugar en todas las páginas interiores, aunque puede estar en otro lugar en la portada si hay una buena justificación. Al estar siempre en el mismo lugar el visitante sabe en todo momento donde buscar las demás opciones. Los diferentes niveles de opciones deben indicarse visualmente con tipos de letra, negritas, colores o menús desplegables. Los textos de cada opción deben ser claros y concisos. Si tu sitio web tiene muchas secciones y tienes que crear dos o tres niveles de menú, no dudes en hacerlo, siempre y cuando crees un camino fácil de intuir.
  • Área de contenido principal.
    Es el área donde la vista del visitante va después de ojear rápidamente el encabezado. Aquí debes poner tu información.
  • Barra lateral de contenido (opcional).
    En algunos casos es muy útil tener una barra lateral, en la cual se puede colocar información de fácil acceso, como números telefónicos o una liga a nuestro formulario de cotizaciones.
  • Pie de página.
    Debe contener un menú alterno en puro texto, con las opciones de primer nivel. También úsalo para colocar información de contacto u otra información importante. El contenido del pie debe aparecer en todas las páginas.
Otras consideraciones técnicas
Las paginas cargan rápido? aún para quien tiene conexión dial-up?
Los links internos y externos están funcionando?
Los scripts están funcionando sin mostrar errores?
El sitio web está libre de problemas causados por el servidor?


http://www.qualitynet.es/faq/elementos-basicos.htm
http://www.taringa.net/post/ciencia-educacion/15019901/Elementos-basicos-de-HTML.html
http://www.monografias.com/trabajos91/disenar-paginas-web-lenguaje-html/disenar-paginas-web-lenguaje-html.shtml