Wednesday, October 7, 2015

Elementos de un Sitio Web

ELEMENTOS DE UN SITIO WEB




Como sabemos existen inconmensurables páginas web alrededor del mundo, pero desafortunadamente no todas son tan fascinantes como se espera, el hecho de encontrar un sitio agradable, accesible y con una buena estructura de información es poco común por lo que como diseñador de sitios web tu objetivo será el pulir tus habilidades para crear un sitio con las características necesarias para que tus proyectos web tengan éxito.
Es muy importante tener en cuenta la organización de las estrategias que implementaremos y estandarizar el diseño que será utilizado debido a que esto nos ahorrara mucho tiempo y recursos lo cual nos llevara a tomar decisiones oportunas en el momento que se presenten las dificultades.
Independientemente del programa o lenguaje que utilicemos para desarrollar nuestra página, los elementos de un sitio web son los siguientes:

TEXTO
El texto en nuestro sitio web es parte fundamental, debido a que por medio de este se enteraran los usuarios que tipo de información están buscando o que tan beneficiosa les resulta esta información.
Primero que nada el objetivo del texto es que sea legible, suena obvio pero en ocasiones el texto es casi imposible de leer debido al formato que se le da al texto, por lo que debemos procurar elegir tipos de letra que sean claramente legibles, colores que contrasten con el fondo del sitio, tamaños aceptables, y con un estilo de letra que sea compatible con la mayoría de los ordenadores para que no haya errores con fuentes no comunes.


IMÁGENES
El uso de imágenes en un sitio web es esencial en la actualidad, los usuarios están acostumbrados a manejar otro tipo de vista cuando se encuentran navegando en internet ya que la mayoría cuenta con dispositivos móviles, los cuales en sus vistas móviles nos presentan aplicaciones, programas, sitios mas dinámicos, por lo que es de suma importancia incorporar este tipo de elementos en una página web, para que no se queden con una vista anticuada cargada de texto, a pesar de que se vuelva un poco más pesado esto hará la experiencia mas placentera.


ESPACIO WEB
Una vez terminado nuestro sitio web, necesitamos publicarlo al mundo, y para esto se necesita de un servidor, puede ser que creemos nuestro propio servidor y administrar todo personalmente o contratar un servicio de host para que nos proporcione un espacio de almacenamiento de nuestro sitio.

NOMBRE DEL DOMINIO
Esta parte es muy esencial ya que es la que identificaría a nuestro negocio frente al mundo por lo que debe ser preferentemente un nombre fácil de recordar y relacionado con lo que estamos desarrollando.

ANIMACIONES Y MOVIMIENTO
Convierten la experiencia en algo mas dinámico para el usuario es una buena opción para atraer a los clientes pero cuidado, en exceso pueden perder el enfoque o distraer de lo que en realidad se quiere mostrar.

HIPERVINCULOS
Es aquí donde empieza el lado interesante de las páginas, ya que cuando el usuario comience a navegar sobre los diferentes  artículos que se le muestran nos mandara automáticamente a otro sitio, o al mismo pero con diferentes acciones o con propósitos meramente de conocimiento.


PUBLICIDAD WEB
Este elemento resulta interesante ya que puede beneficiar tanto nuestra página como, otros lugares que también puedan ser ajenos a nuestra página o externos a ella, claro que este elemento no es fundamental por lo que debe ser moderado.







PAGINA DE SECCIONES
Nuevas formas de seccionar una página, algunos sitios web tienen una característica que hace clic en el enlace y se lo trae a una parte diferente de la pagina.


1.1 Servicios de Internet y Desarrollo de paginas web



SERVICIOS BÁSICOS:

La World Wide Web (WWW)
Es un servicio de Internet que nos permite acceder a información organizada en bloques llamados páginas web, así podemos consultar información de instituciones, empresas, bibliotecas o tiendas en línea, blogs, etc. Las páginas web pueden incorporar elementos multimedia como: imágenes estáticas, animaciones, sonidos o vídeos. 

Para utilizar la web necesitaremos de un navegador web, que es el que nos da el acceso a las páginas, actualmente existen varios navegadores muy rápidos y seguros como el Google Chrome, Mozilla, Firefox, Safari, entre otros.

Dentro de los navegadores nos encontramos con páginas dedicadas a la búsqueda de información a estas se les llama buscadores. Los cuales se manejan con palabras clave para ofrecerte los mejores resultados de acuerdo a la búsqueda.




El correo electrónico (e-mail)
Es uno de los principales servicios de Internet. Sirve para enviar y recibir mensajes escritos (texto) entre usuarios registrados en alguna compañía que ofrezca este servicio. Una de sus ventajas es que se pueden añadir archivos de todo tipo a los mensajes: documentos escritos con un procesador de textos, imágenes, presentaciones etc. siempre y cuando no se exceda el máximo de tamaño establecido por la compañía. 

Los usuarios pueden crear una cuenta de correo electrónico al registrarse en la página web de la compañía y proporcionar algunos datos personales.

 Permite comunicarse con otras personas que habitan en diferentes lugares del planeta de manera gratuita y en cuestión de unos segundos. Cada compañía lleva un registro de usuarios y así mismo cada una utiliza su propio dominio o varios de ellos, para llevar un orden y diferenciarse de las demás. Por ejemplo: negocios@gmail.com , negocios@hotmail.com .



 
 













El servicio de conversación en línea (Chat).
A diferencia del correo electrónico para que un chat cumpla su objetivo hace falta que los dos personas estén conectadas al mismo tiempo y así recibir los mensajes de manera instantánea.




El Chat, es un servicio en el que dos o más personas pueden establecer conversaciones a través de ventanas de texto en las que van apareciendo consecutivamente los mensajes ya sean de texto o multimedia que cada persona envía desde su propia computadora. Al igual que en el correo electrónico necesitas crear una cuenta de usuario, pero en el chat vas agregando contactos (personas) con las que quieres tener comunicación; no todos los chats funcionan de esta manera algunas páginas web llamadas salas de chat o chatrooms ofrecen este servicio para cualquiera que acceda, solo generas un nombre de usuario para identificarte y listo.

El chat también es utilizado dentro de otras páginas como en las redes sociales, para establecer una comunicación rápida entre los usuarios de la red.










Trasferencia de archivos FTP
El servicio FTP (File Transfer Protocol) permite transferir archivos entre computadoras que se encuentren en cualquier parte del mundo. Es uno de los servicios más antiguos de Internet, generalmente los archivos almacenados se protegen con una contraseña, de manera que sólo los usuarios autorizados pueden manipularlos o descargarlos a su equipo.

Dentro de este servicio se distingue entre máquina local y máquina remota:

MAQUINA LOCAL: Es aquella donde nos conectamos para hacer la transferencia, es decir, la que proporciona el archivo información.

MAQUINA REMOTA: Es la maquina en la que nos conectamos para recibir la información, es la que va requerir del permiso o contraseña que haya asignado la maquina local.

Existen tres tipos de FTP con distintas utilidades cada uno:
·         FTP Anónimo: Cualquiera puede descargar un archivo.
·         FTP Autenticado: Hay que conectarse al servidor utilizando un nombre y una contraseña.
·         FTP Embebido: Se realiza desde las páginas Web, a través de navegadores.





DESARROLLO DE PAGINAS WEB:

Una página Web es un archivo de texto escrito en un lenguaje de marcado llamado HTML que permite a través de etiquetas, crear el diseño del documento, sus elementos gráficos como el titulo, imágenes y otros vínculos.

A demás de los vínculos que conectan documentos, la Web usa el protocolo HTTP para establecer vínculos con documentos alojados en equipos distantes (que se denominan servidores web, al contrario del cliente representado por el navegador). Los documentos en Internet se identifican con una dirección única llamada URL que permite que un recurso se localice independientemente del servidor de Internet donde se aloje.

Por lo general, un sitio Web se construye de varias paginas que se vinculan alrededor de una página central, la "página de bienvenida", aquí se muestra el logo del sitio, una breve introducción y básicamente se explica el contenido del sitio, dentro de un sitio web se puede navegar a través de pestañas o menús que nos dirigen a las demás páginas alojadas en el mismo servidor, por ejemplo la pagina donde se realizaran las compras en linea, donde podemos ver información mas detalla del sitio o empresa, etc. 

Ahora bien para iniciar lo primero es tener un nombre, este nombre sera la dirección de tu página web, comúnmente conocido como nombre de dominio o URL, es uno de los aspectos críticos para determinar la visibilidad de tu sitio en la red.


Una vez que un nombre de dominio se ha registrado, no será posible realizar ningún cambio en él. Por eso, cada dueño de sitio web debe crear y elegir su nombre de dominio con cuidado. Este nombre debe representar a tu empresa o negocio en la web y ser coherente con la comunicación e imagen de la misma.

Para registrar tu nombre o dominio, existen diferentes servidores web en los que puedes comprar el nombre y almacenar tu pagina web. Muchas de estos servidores host son gratuitos y ofrecen herramientas de edición para tu sitio.

Actualmente una de las herramientas mas utilizadas en la construccion de sitios web, es el lenguaje CSS.

Usado para definir y crear la presentación de un documento estructurado ya escrito en HTML o XML. El estilo CSS puede ser definido en un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta mediante el atributo «style».













1.4 Los clientes de un sitio web

¿Cómo pueden los MSP obtener más clientes a través del sitio web?

 • Su sitio web debe tener visitantes. Cuando los posibles clientes buscan proveedores de servicios, su sitio web debe aparecer, de modo que lo visiten y conozca su negocio.
• Su sitio web debe ser atractivo. Su sitio web debe ser visualmente atractivo y creíble y comunicar el valor de su negocio, a fin de que los visitantes se queden, obtengan información y actúen.
 • Su sitio web debe entregar clientes potenciales. Su sitio web debe inducir a los posibles clientes a dejar la información de contacto, de modo que su equipo pueda comunicarse con ellos, responder preguntas, proporcionar información y, lo que es más importante, comenzar a vender.

 • Su sitio web y su infraestructura deben ayudar a cultivar clientes potenciales. Los MSP necesitan procesos, tecnologías y personal para asegurarse de que los clientes potenciales que ingresan no queden desatendidos.

Optimización de su sitio

A continuación, se incluyen algunas consideraciones clave a tener en cuenta durante la SEO (optimización del motor de búsqueda) para mejorar la clasificación orgánica de su sitio:


• Encabezados de página. Los motores de búsqueda tienden a darle más importancia a las palabras clave que aparecen en los titulares, por lo que debe asegurarse de que los términos importantes para su negocio aparezcan en los encabezados y subtítulos de las páginas.
• Contenido de la página. Use las palabras clave lo más posible, pero no sacrifique la legibilidad.
• Atributos de la página. Asegúrese de que los títulos, las descripciones y las palabras clave de la página estén en consonancia con sus objetivos de SEO.
• Vínculos. Siempre que sea posible, use palabras clave importantes en los vínculos; por ejemplo, en lugar de tener un vínculo que diga “haga clic aquí”, haga que el vínculo diga “Obtenga más información sobre cómo tercer izar la administración de servidores de Windows”.



Cómo atraer a los visitantes


¿Un sitio bien diseñado le garantizará la obtención de más negocios? No necesariamente. Sin embargo, se lo puede considerar de esta manera: cuando los posibles clientes están en las primeras etapas de investigación necesitan obtener rápidamente una lista reducida. Esto significa que deben descartar rápidamente a muchos MSP. Un sitio antiguo, confuso y poco atractivo le dará a los clientes potenciales muchas excusas para que no lo tengan en cuenta. La optimización de su sitio puede ayudar a aumentar sus posibilidades de formar parte de las listas reducidas de los posibles clientes.

A continuación, se incluyen algunas características esenciales de un sitio web efectivo:

• Actual. Observe objetivamente su sitio y otros sitios de su mercado, y piense en los sitios como si fueran las fachadas de una tienda. ¿La tienda parece ser nueva y atractiva y está claro lo que se ofrece adentro? ¿O el sitio es oscuro y polvoriento, como si nadie lo hubiera visitado, o ni siquiera abierto, en muchos años? Es común ver sitios de MSP que muestran el equivalente en línea del deterioro y el abandono: blogs en los que no se ha publicado desde hace meses, una página principal que solamente muestra comunicados de prensa antiguos, etc.
• Atractivo. ¿El sitio tiene un aspecto profesional, limpio y atractivo? El objetivo no es ganar premios de diseño, sino proporcionar una presentación creíble y convincente de su empresa. Especialmente en la página principal, evite las páginas densas y cargadas de contenido. En cambio, proporcione una redacción concisa, con espacio libre y fácil de analizar, y guíe a los lectores para que visiten el sitio y los PDF cuando necesiten información más detallada. ¿Su sitio aburrido y anticuado se contrapone directamente a los innovadores servicios y tecnologías que usted entrega? Al entregar una experiencia deficiente en línea, ¿contradice sus declaraciones de dedicación y atención al cliente? El resultado final Los MSP no debe considerar a la SEO y a la publicidad paga como propuestas mutuamente excluyentes, sino de naturaleza complementaria. Estas propuestas representan dos formas de cumplir el importante objetivo final: estar en frente de los posibles clientes adecuados en el momento justo. 7 Marketing básico para los MSP: sitios web
 • Único. Tanto a través del diseño como de fotografías, por ejemplo, del personal o de las instalaciones, intente transmitir lo que hace que su negocio sea único y memorable.
 • Atractivo. Intente redactar de forma tal que llame la atención y transmita el valor único de su negocio. 



Conclusión
Lo que entendí es que para poder atraer clientes debes tener tu sitio web atractivo al usuario esto puede ser con un contenido limpio además que la pagina no sea muy pesada. El sitio web se debe de actualizar continuamente si no la página morirá. Siempre que sea posible, use palabras clave importantes en los vínculos; por ejemplo, en lugar de tener un vínculo que diga “haga clic aquí”, haga que el vínculo diga “Obtenga más información “.


1.3 Base de Datos de un sitio Web

Cómo configurar y utilizar una base de datos en una página web

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.


Pasos para creación de base de datos
  1.  Instale o active el sistema de base de datos en el hosting de su sitio web. La mayoría de los servicios de alojamiento de sitios web ofrecen un sistema de base de datos, generalmente MySQL, como parte de un paquete de servicios de hosting. Siga las instrucciones de su servicio de hosting para activar o instalar el sistema de base de datos para su sitio. Si tienes problemas o necesitas un soporte o plataforma para el alojamiento o hosting de su página web.
  2.  Cree una tabla de prueba en la base de datos. Use una herramienta de gestión de bases de datos en línea (a menudo disponible a través del servicio de hosting o como un programa de terceros), y cree una tabla simple agregando un registro a la tabla. Una tabla es una estructura de datos en la base de datos que contiene los registros. Los registros contienen los datos reales. Por ejemplo, puede crear una tabla denominada "elementos" con campos tales como "número de acciones", "nombre" y "descripción". Añada una prueba de unos pocos registros a la tabla de acuerdo a las instrucciones de la base de datos que está utilizando.
  3. Escriba un programa de software para acceder a la base de datos. Con un editor de texto, como Bloc de notas, escriba un programa de software en un lenguaje compatible con su servicio de alojamiento web (PHP es uno ampliamente apoyado) para acceder a la tabla de base de datos y recuperar un registro cree una página web para invocar el programa de software. Con un editor de texto o un editor HTML, cree una página web que tenga código en ella para invocar el programa de software. Normalmente, el código en la página web, se pasa un valor (o parámetro) para el programa de software, que tiene acceso a la base de datos en consecuencia, y proporciona un resultado. Por ejemplo, la página web podría pasar un número de acciones en el programa como un parámetro. El programa podría utilizar el número de acciones para acceder a la base de datos y recuperar el registro asociado a ese número de acciones. El programa podría proporcionar la información de los registros de base de datos a la página web para su visualización en un navegador web.
  4. Pruebe su instalación. Usando el navegador de Internet, abra su página web y determine si es correcto acceder y recuperar los datos de su base de datos. Haga las correcciones necesarias. Los problemas más comunes pueden incluir que el programa de software no tenga el nombre, ubicación, contraseña de la base de datos, tabla o campos de registro correctos. Una vez que haya un trabajo de base establecido, puede personalizar y ampliar el uso de la base de datos en su sitio web.



Sitios web vinculados a 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.

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:
  1. PHP.
  2. JSP.
  3. ASP.
  4. PERL.
  5. Cold Fusion.




Conclusión 

Es muy importante para las empresas tener una base de datos  la cual contenga la información que se vaya almacenando de todos los usuarios que el sitio web tenga.los sitios web que no contengan bases de datos puede ser una pagina estática.
Sitios web vinculados a bases de datos pueden ser construidos usando algunas de las tecnologías disponibles como: PHP, JSP, ASP, PERL y Cold Fusion.