INSTITUCIÓN EDUCATIVA 2009
Lic. Ricardo Escalante Vera
Conceptos Generales de página Web
CONCEPTOS GENERALES DE PAGINA WEB 1. Definición: Empezando por su definición, consideramos una página web a un documento disponible en Internet, o World Wide Web (www), codificado según sus estándares y con un lenguaje especifico conocido cómo HTML. Es algo a lo que estamos acostumbrados a acceder pero no todos conocen realmente su funcionamiento. A estos sitios se puede llegar a través de los navegadores de Internet, que reciben la información del documento interpretando su código y entregando al usuario la información de manera visual. Estos suelen ofrecer textos, imágenes y enlaces a otros sitios, así como animaciones, sonidos u otros. Una página web necesita un lugar donde alojarse para que cuando el usuario solicite la información desde su navegador, la información que esta contiene se cargue y aparezca en el ordenador. Es por ello que los sitios web se encuentran en un servidor web o host, que podría definirse a grandes rasgos como un gran ordenador que entrega el contenido cuando se solicita por la red. Este mismo servicio de almacenamiento se conoce como hosting. La WEB contiene varios billones de páginas con una extensa gama de información, productos y servicios que están disponibles para ser consultados desde un computador que tenga una conexión a una línea telefónica y un programa llamado examinador del Inglés browser, también se le conoce como navegador. Los más conocidos son El Internet Explorer fabricado por Microsoft y Netscape fabricado por la compañía SUN. 2. Características de un sitio web Existen ciertos elementos de usabilidad con los que debe contar tu página web para que tus visitantes puedan encontrar la información de forma fácil y rápida. En este artículo describimos cuáles son y qué ventajas ofrece cada uno. 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
Conceptos Generales de página Web 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. 3. Características que hacen placentera y útil la visita a un sitio web. Deben utilizarse de forma correcta las diferentes herramientas (HTML, CSS, ASP.NET o algún otro lenguaje de servidor, AJAX, etc.) para lograr una navegación que cuente con las siguientes características: Páginas ligeras que descarguen rápidamente. El formato y estilo de los diferentes elementos están centralizados en un solo archivo, de tal forma que el navegador solamente lo tiene que leer una vez. Elementos técnicos que facilitan la indexación en buscadores de Internet: Inclusión de Metatags "Description" y "Keywords". Información bien redactada sin intentos de engañar a los buscadores de Internet. Uso de etiquetas H1 a H6 para títulos. Imágenes optimizadas para que pesen menos. No utilizar marcos (frames). Esto evita algunos posibles errores de visualización en el navegador y facilita la impresión. No utilizar Flash cuando no agregue valor. Los buscadores de Internet y algunos smartphones y tabletas no pueden leer el texto en Flash. En la mayoría de los casos es recomendable utilizar un ancho fijo (no expandible a todo lo ancho de la pantalla) porque facilita la lectura. Utilización de tipos de letra fácilmente legibles y una herramienta para permitir crecer el texto. Existe una estimación de que el 75% de los adultos utiliza algún tipo de anteojos para corregir la visión. Todas las páginas contarán con un URL absoluto. Esto es, cada página tendrá una dirección distinta y única en la barra de direcciones de tu navegador (puede parecer obvio, pero hay sitios web que no funcionan así). Haciéndolo correctamente, es posible para el visitante añadir tu página a favoritos o enviar una liga a un producto determinado por e-mail. De manera opcional se puede utilizar la migaja (breadcrumb) en todas las páginas. Ejemplo: "Usted está en: Inicio -> Servicios -> Consultoría".
Conceptos Generales de página Web Apegarse a estándares de desarrollo para garantizar que el sitio web pueda ser visualizado en todos los navegadores, como Internet Explorer, Firefox, Safari, Chrome y Opera tanto en computadoras Windows como Mac. Establecer contacto con el visitante mediante formularios y una herramienta de chat en línea. Para romper la monotonía de grandes cantidades de texto, utilizar fotografías propias o de stock. Utilización de Google Analytics o alguna otra herramienta para medir los ingresos al sitio web. El copy del sitio web, es decir, la información que contiene, debe tener estas características: o Textos bien redactados, que contengan información relevante a lo que queremos destacar. o No tratar de engañar a los buscadores de Internet mediante repeticiones exageradas de palabras, utilización del mismo color de texto y fondo, o alguna otra táctica indeseable. o No utilizar un lenguaje muy técnico ya que nuestros posibles clientes no son necesariamente expertos en el tema. o Mantener los textos breves y concisos. o Incluir alguna sección (o blog) en la que se publiquen artículos generados por tu empresa sobre el tema que domina. Esto ayuda a que tu página sea más relevante para los buscadores, además de que te conviertes en una fuente de información confiable para tus clientes y posibles clientes. 4. Tipos de página web 4.1
Por la interacción con el usuario. Básicamente existen dos tipos de páginas web: estáticas y dinámicas. Las estáticas forman parte de épocas anteriores, puesto que son de contenido fijo y no son aptas a actualizaciones constantes. En el caso de las dinámicas, pueden ser construidas en HTML o en otra extensión, como por ejemplo PHP. En este último caso se permite la interacción en tiempo real, apto para algunas páginas web con estas necesidades específicas, como pueden ser los foros.
4.2
Por su funcionabilidad Páginas Web Transaccionales, e-comercio o e-commerce Bajo este modelo, las empresas exhiben sus productos en la página para que los clientes los compren a través de internet El principal objetivo de éstas páginas es el de realizar ventas o transacciones online pero un segundo objetivo muy común es el de alojar información sobre sus productos. Tal vez el mejor ejemplo de éste tipo de sitio es Amazon, una de las tiendas online más grandes y con mayor presencia a nivel mundial. Páginas Web Orientadas al Servicio Esta modalidad está orientada a brindar información sobre productos y servicios y no poseen el famoso "carrito de compra", por lo que los productos no pueden ser comprados directamente a
Conceptos Generales de página Web través de la página. Este tipo de página tiene como principal objetivo estimular a los clientes para que terminen el proceso de compra offline. Un segundo objetivo en este caso es el de construir relaciones con clientes (servicio al cliente). También pueden generarle al departamento de ventas de la empresa datos de posibles compradores para que finalicen la operación. Estas páginas son comúnmente utilizadas por proveedores de servicios, profesionales y todo tipo de negocio que exija que el proceso de venta termine en persona. Páginas Web dirigidas a la Construcción de una Marca La página web ofrece una experiencia para afianzar la imagen de la marca. Por lo general, los productos no pueden ser comprados en línea pero muchas veces tienen la opción de comprar material POP de la marca. Este tipo de sitios es muy utilizado por marcas de productos de consumo masivo y de precios bajos como bebidas, alimentos, cigarrillos, productos de higiene personal, entre otros, y su objetivo fundamental es el de fidelizar la marca entre sus clientes. Páginas Web de Contenido El principal producto de este tipo de páginas es su contenido. Éstas proveen información a sus usuarios para que accedan a través de ella a los 3 primeros tipos de páginas descritos en éste artículo vía motores de búsqueda, directorios, noticias, publicidad, patrocinios y programas de afiliados, entre otros. Estas páginas generan ingresos de distintas formas pero la vía más popular actualmente es la publicidad. Comunidades, Foros o Redes Sociales Estos portales están dedicados a estimular la interacción y la generación y el intercambio de información entre sus usuarios. Tal vez el caso más notable de ésta categoría es Facebook, pero también existen casos de comunidades, foros o redes sociales, mucho más pequeños, que forman parte de una empresa o página web particular que han demostrado traer consigo muchos beneficios para los negocios. 5. Elementos principales de una página web Los elementos principales en una página web son: Texto: a veces redactado por un único autor y otras veces por los usuarios de la misma en el caso de algunas páginas dinámicas con lenguaje como php. Imágenes: gif, jpg y png son los tres formatos que suelen utilizarse normalmente. Audio y vídeo: suele utilizar las extensiones midi, wav o mp3. También se utilizan las incrustaciones de archivos almacenados en otros sitios, como por ejemplo se hace al añadir vídeos de Youtube. Otros: existen además otros elementos que han ido aumentando y evolucionando también con el paso de los años y las nuevas tecnologías.
Conceptos Generales de página Web Estos son Adobe Flash, Adobe Shockwave, Java o enlaces (también llamados hipervínculos), por ejemplo. 6. ¿Qué se necesita para crear un sitio web? Para crear un sitio web se necesita un editor de html o texto. Algunos editores conocidos para esta función son Microsoft Frontpage y Dreamweaver, parecidos a Microsoft Word en su uso pero con su función específica. Por otro lado, existen proveedores que permiten crear páginas sencillas, como es el caso de Wordpress con la creación de blog y también de páginas web en función de la plantilla que se utilice. Este es un recurso gratuito y sencillo para cualquier usuario. En segundo lugar se necesita un cliente FTP que permita cargar la información a un servidor (en el caso de Wordpress o Blogger no es necesario puesto que es posible alojar la página en sus propios servidores). Los más usados son SmartFTP, aunque es de pago, y los gratuitos Filezilla y OpenSource. Y por último, para acceder a estas páginas web, se necesitan los navegadores. Entre los más utilizados se encuentra Firefox, Safari o Internet Explorer. Este último viene por defecto instalado en los equipos con sistema operativo Microsoft, al igual que ocurre con Safari y los dispositivos de Apple. 7. ¿Qué es un Hostíng o alojamiento web? Un "Hosting" o "Web Hosting" es la computadora donde se guarda toda la información de tu página, correos, bases de datos y mucho más. Veamos cómo trabaja una página de internet: Cuando entras a una página en Internet (por ejemplo ésta), tu computadora se conecta con otra computadora en internet para descargar la información que va a mostrar, a ésta otra computadora se le llama Servidor, porque es la encargada de brindar la información, y a tu computadora se le llama Cliente, porque es quien recibe la información. El servidor es el encargado de brindar el Web Hosting que es todo lo necesario para que una página pueda ser accesada y utilizada desde internet, tiene varios servicios, como son: Espacio en la computadora para almacenar la página » Espacio para guardar los correos electrónicos Recibir y enviar correos electrónicos Guardar y administrar bases de datos Guardar estadísticas sobre las visitas a la página de internet Dependiendo del Hosting contratado, los servicios pueden variar. Ximhai ofrece una amplia variedad de Hostings, con distintas tecnologías y capacidades, puedes verías aquí. Los Hostings normalmente se pagan anualmente, pero se pueden hacer contrataciones bianuales o por 5 años. 8. ¿Qué es un Dominio? Los dominios son los "nombres" de las páginas en internet, así de simple. Cuando quieres entrar a una página, normalmente escribes el nombre, por ejemplo: wwwjdmhai.com.
Conceptos Generales de página Web Hay ciertas reglas para poder escoger un nombre de dominio: Tiene que ser único. Si alguien ya registró un dominio no se puede repetir; sin embargo,"minombre.com" es distinto a "minombre.com.mx" o a "minombre.mx". Pueden tener los siguientes caracteres: Letras de la A a la Z (con la excepción de la ñ) o Números del 1 al 0 o Guion medio “-” Cualquier otro carácter como espacios en blanco, acentos, signos de puntuación, paréntesis, guion bajo etc., no pueden ser parte de un dominio No pueden empezar con un guion medio Los nombres de dominios no son caros, y van desde $125.00 pesos al año (.com, .net, .org„.), hasta$1,600.00 pesos al año (.jp).